MSE的demo实现思路:首先准备fmp4格式的视频地址或者切片,接着将MSE挂载到video上,创建createObjectURL转二进制数据,fetch请求在线地址,分段请求,监听这个数据流的获取状态,当这个ReadyState为open的时候, sourceBuffer.appendBuffer(buf)处理接收到的数据,否则mediaSource.endOfStream()结束接收数据流。
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<video controls></video>
<script>
var video=document.querySelector('video');
// 视频 URL 队列(按顺序播放)
var assetURLs=[
....
];
// 当前播放的 URL 索引
var currentIndex=0;
// MIME 类型
var mimeCodec='video/mp4; codecs=