video

• 初探视频原理和 FFmpeg (opens new window)
• 洞察 video 超能力系列——玩转 flv (opens new window)
• 在 HTML5 上开发音视频应用的五种思路 (opens new window)
• 数字视频介绍 (opens new window)
• 写给小白的实时音视频技术入门提纲 (opens new window)
• WEB 视频开发-强大的 MSE (opens new window)
• 音视频技术开发实战 (opens new window)
• 如何将 Canvas 绘制过程转为视频 (opens new window)
• 从 Chrome 源码 video 实现到 Web H265 Player (opens new window)
• 什么是视频编码？编解码器和压缩技术 (opens new window)
• jsmpeg 系列一 基础知识 字符处理 ArrayBuffer TypedArray (opens new window)
• H5 直播系列一 Blob File FileReader URL (opens new window)
• 前端视频帧提取 ffmpeg + Webassembly (opens new window)
• web 实战：video 结合 canvas 实现视频在线截图 (opens new window)
• 使用 FFmpeg 与 WebAssembly 实现纯前端视频截帧 (opens new window)

★★★★★

• How video streaming works on the web: An introduction (opens new window)
• 优酷统一播放器业务框架演进之路 (opens new window)
• 爱奇艺知识的音视频通用播放架构实践 (opens new window)
• Web 端 H.265 播放器研发解密 (opens new window)
• 从 0 到 1 实现 Web 端 H.265 播放器：视频解码篇 (opens new window)
• 360 视频云 Web 前端 HEVC 播放器实践剖析 (opens new window)

系列文章

• 音视频平凡之路 (opens new window)
• mediasource-和 mediasource 相关的内容-阿里云开发者社区 (opens new window)
• VCB-Studio 教程专栏 (opens new window)

MP4

• 视频基础和 MP4 容器解封装 (opens new window)

YUV

• 一文读懂 YUV 的采样与格式 (opens new window)

PES

• Packetized Elementary Stream Headers (opens new window)

Nalu

• 音视频学习之 - H264 结构与码流解析 (opens new window)
• H.264 码流结构 (H.264 Data Structure) (opens new window)

FLV

• FLV 封装格式解析 (opens new window)

CSS

• New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly (opens new window)

移动端

• video 在移动端 h5 中的问题 (opens new window)
• 安卓移动端 video 标签将页面元素覆盖 (opens new window)
• HLS error ("video append failed") (opens new window)
• why in some mobile phone can`t play went the first .ts file loaded (opens new window)
• 移动端自定义 video 播放控件 controls（带播放暂停，进度条拖拽） (opens new window)

Video.js

• H5 播放器源码解读 (video.js) (opens new window)

WebRTC

• Taking still photos with WebRTC (opens new window)

FFmpeg

• FFmpeg (opens new window)
• ffmpeg linux 命令 在线中文手册 (opens new window)
• ffmpeg 视频处理入门教程 - 阮一峰的网络日志 (opens new window)
• FFmpeg 命令行工具学习(一)：查看媒体文件头信息工具 ffprobe (opens new window)
• 如何实现小视频和 GIF 动图的互转 (opens new window)

边下边播

• 基于本地代理的边下边播技术分析 (opens new window)
• 头条都在用的边下边播功能 (opens new window)

Gif

• 纯前端实现可传图可字幕台词定制的 GIF 表情生成器 (opens new window)
• 斗图神器--纯前端实现视频转 GIF 制作表情包（已开源） (opens new window)

SDK

• 使用 canvas 播放视频 (opens new window)
• Web Assembly + FFmpeg + Canvas + AudioContext 实现的 H265 播放器 (opens new window)
• 从 video 标签截取当前播放画面 (opens new window)
• HTML5 视频截图器 (opens new window)
• video to gif 视频转 gif 制作表情包插件 (opens new window)
• screen recorder & annotation tool for Chrome (opens new window)
• Animated Gif Capture (opens new window)
• Movie focused HTML5 Player (opens new window)
• videojs-resolution-switcher (opens new window)
• Movie focused HTML5 Player (opens new window)