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

八月，依然需要空调续命，这个季节二次元大概率在放烟火，给我映像最深的应该是《声之形》中硝子坠落时的烟火片段，绚丽而安静。 而且由于 gif 格式只支持 256 色，mp4 转 gif 画面的分辨率虽然不变但画质有很大损失，上图能看到明显的像素块效果。 所以日常视频转 gif 时…

html5的video已经出来很久了。在ios上使用基本上没什么毛病，但是安卓下就是一个重灾区了，各种体验差。这几天搞了安卓的兼容，简直是要吐血。所以特意总结了一些强势的坑点。 在ios上会自动全屏播放，需要在video标签上设置一个属性 webkit-playsinline，…

0. 背景 HTML5中一个十分重要的提升就是对音视频的无插件支持，不论是各个端浏览器对各种视频容器格式越来越丰富的支持，还是Media Source Extension（MSE）对Video扩展性的提升，我们现在能对浏览器上的音视频做越来越多的新奇尝试。但也因为Web技术的开…

随着我们日常社交生活的丰富，我们希望在浏览器上也用到画中画的功能。 早在2016年9月，Safari通过macOS Sierra中的WebKit API添加了Picture-in-Picture支持。相比chrome，safari在自带的播放控件内加入了画中画模式的按钮。 20…

这篇文章主要记录了我探索纯前端实现实时的视频帧预览的过程，并且总结我是如何利用 WebAssembly，将 FFmpeg 的视频处理能力带到 Web 平台中的。 探索意味着前方都是未知的事物，希望这篇文章能够带着读者，一起回顾我探索的过程，同时学习遇到的种种未知的事物。现在开始…

本文分享用 H5 打造属于自己的视频播放器。

对于视频的在线播放，按视频内容的实时性可以分为点播（VOD）和直播（Live Streaming）。现如今在 Web 环境下需要进行视频播放时，通常可以使用 video 标签，通过它将视频播放的各个环节都托管给浏览器。 视频的在线播放，站在视频消费者这一侧来看，主要的技术环节在…