前言

想要在网页上面播放dash视频、hls(m3u8)视频和flv格式视频需要对应的转封装库,而dash.js、Hls.js和flv.js三个库提供了这三个视频格式转封装和渲染画面和音频播放的能力。

实现原理

dash.js、Hls.js和flv.js这三个库他们都使用了转封装技术将视频源是dash、hls(m3u8)和flv格式的视频转封装成Mp4格式视频数据,然后通过浏览器的mse技术来将mp4视频数据填充给video标签进行播放。

如何在网页上播放dash视频

要在网页上播放 DASH(Dynamic Adaptive Streaming over HTTP) 视频,你可以使用 Media Source Extensions(MSE) API 和一个支持 DASH 的视频播放器库,比如dash.js。以下是一个简单的示例代码,演示如何在网页上使用 dash.js 播放 DASH 视频:

<!DOCTYPE html>
<html>
03-14 21:56