本文研究了网页版剪映是如何实现的，并写了简易的demo，WebCodes进行编解码，webgl做视频转场

随着光纤入户的普及和电脑性能的不断提升，观众对直播的需求越来越高。常用的流媒体协议HLS虽已被广泛用于PC和手机终端的音视频服务，但在使用中仍然存在一些不足。

H265软解简易流程是基于 c 调用 FFmpeg 的解码能力，封装打包成 wasm 供 js 调用；通过 js 将 H265 裸流传入给 c 进行消费解码，回调出的 yuv420p 数据使用

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Extensions）就来解决这些问题

前言 本人从事 Web 音视频行业五年了， 最近一年我都在研究如何提升 Web 上音视频处理能力，拓宽 Web 上音视频处理业务场景。到目前为止算是有一点方向和想法，写下此文与大家交流交流。

2023年8月中旬文档画中画特性跟随chrome116版本发布，基于该功能特性，我们于2023年10月中旬启动了B站跨页面播放队列功能的开发与功能灰度，并于2024年6月中旬完成了灰度全量。

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

概要 本篇主要完成视频解封装 -> 视频数据解码 -> canvas播放流程。 整个流程大体如下： 流程及相关代码介绍 mp4解封装 解封装主要就是将视频容器中对应的视频轨道，音频轨道分离开来，之后在

如果你点了上面的地址。你就会发现，视频要加载几秒时间才能播放，虽然我已经使用的流媒体形式（下面会讲）。主要原因还是服务器带宽不够，像我这样个人服务器只有1M的速度，一个小短片15M的话就要加载十几秒才能开始播放。 像youku，B站 这种视频网站，虽然带宽高，但访问的人多，视频…