本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
文章关键字 ‘视频’
JS audio加图片序列或canvas转webM/MP4的实现
2023年05月21日，星期日ogv.js让iPhone支持webM视频解析播放
2021年07月24日，星期六
在前端同行的提醒下，了解了下ogv.js解码webM视频，也就是使用canvas播放webM视频，可以让iOS，iPhone播放webM视频，但是，我的主要目的是解决Android原生video 视频层级问题的。
JS视频解码JSMpeg和Broadway开箱测评
2021年04月25日，星期日
腾讯开源的酷炫动画播放解决方案Vap初体验
2021年04月18日，星期日
如何让MP4 video视频背景色变成透明？
2019年05月16日，星期四
有一些非常幸福的复杂动向，或者一些场景特效使用视频来实现是非常简单的，但是视频有一个严重的问题，那就是背景它不是透明的，无法跟底部图像很好的融合在一起，那有没有什么解决方法可以让它的背景变透明呢？
从天猫某活动视频不必要的3次请求说起
2018年12月24日，星期一
我们在移动端做H5开发的时候，有时候会用到MP4视频，对于一些酷效果，是性价比最高的方式。然而，很多前端开发在使用这些视频的时候没有注意，或者根本就不知道视频的某些信息的位置会影响浏览器的请求个数，从而影响网页性能。
HandBrake乃MP4免费压缩webm转换工具不二之选
2018年12月3日，星期一
HandBrake是视频处理的软件，开源，免费，而且对web视频呈现非常友好。对于我们开发者而言，用来进行MP4视频压缩可谓是不二之选，无需特别技巧便可直接将各类视频格式转换成MP4格式，可以指定帧率，画面质量，声音速率，以及画面大小来实现我们的压缩效果，极小尺寸，同时视频依旧高质量，运行稳定，非常推荐。
HTML5 video视频播放Picture-in-Picture画中画技术
2018年12月2日，星期日
Chrome 70已经原生支持HTML5视频播放时候Picture-in-Picture，也就是俗称的画中画技术，也就是很多视频网站看评论时候，播放视频变小挂在右下角的这种交互技术。实际上，这里的画中画要比当前视频网站的画中画要更强，强在其是一个客户端层面的接口，小视频窗口是操作系统窗体级别的，就算你的浏览器切换到其他选项卡页面，或者最小化，也会在你电脑右下角播放视频。
于是乎，我们可以一边码代码一边看网页小视频了！
揭秘视频网站video视频倍速播放的实现
2018年07月14日，星期六B站，或者腾讯视频等主流视频网站视频现在都支持倍速播放功能。这个功能对于当下快节奏的生活而言，是很有用的，说夸张点是延长了我们的生命，哈哈哈。
对于一个靠技术吃饭人，总免不了关注点在技术实现上，究竟是如何实现的呢？且看~
炫酷H5中序列图片视频化播放的高性能实现
2018年05月1日，星期二很多爆款H5的一些酷酷的场景变换很多都是视频实现的，但是，视频的实现也有局限，如iOS下不能自动播放，动态数据不支持等，此时又当如何处理呢？
我们可以使用序列图片，通过JS脚本，来模拟视频播放效果，以上所有局限将通通可以规避。实现的方法很多，但是很多平时可以的方法在这种场景下会有性能跟不上的问题，那有没有什么高性能的实现方法呢？有……
我的应用
我的应用