引言 最近开发的时候遇到了一个需求，截取视频第一帧作为视频的封面，结果第一帧是黑屏，所以产品提出，希望可以截取的不是黑屏颜色稍微靓丽帧的作为封面。于是我们进行步骤拆解： 截取第N秒作为视频封面。 选择

音视频随着互联网的发展，对音视频的需求越来越多，然而音视频无乱是播放还是编解码，封装对性能要求都比较高，那现阶段的前端再音视频领域都能做些什么呢。 提起音视频的播放，我萌首先想到的是HTMLMediaElement，video播放视频，audio播放音频。举个栗子： contr…

主要内容： 介绍了浏览器的API —— audioContext，六个demo由简至繁展示方法的使用

众所周知，audio在ios上不能自动播放是一个普遍性问题，当我们想实现自动播放时，直接调用oncanplay是没有效果的（PC端和Android设备会正常播放），在此给出以下解决方法： 通过手动的形

前几天偶尔看到一篇 webassembly 的相关文章，对这个技术还是挺感兴趣的，在了解一些相关知识的基础上，看下自己能否小小的实践下。

“这是我参与8月更文挑战的第22天，活动详情查看：8月更文挑战” 自定义个播放器，组件都是用的原生的，所以有点丑，重点关注业务逻辑吧。 界面大概长下面这个样子。 大家可以看着界面，在脑海中想一下自己会

“这是我参与8月更文挑战的第21天，活动详情查看：8月更文挑战” 视频编码 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，视频的帧率就是24。 如果视频的的尺寸是1920*1080,即

花个5分钟，给你的视频加点字幕吧，中文的，英文的，彩色的，都可以。抓住时间，位置，样式三要素，一切都变得简单起来。

本文主要熟悉视频属性和事件，在使用场景下注意事项；移动端Web对于Video自动播放的兼容性是在太差，尤其安卓。