微信小程序video组件播放m3u8视频文件

m3u8

m3u8是什么？

• M3U8是是一种纯文本文件， 使用用 UTF-8 编码。
• 本质上一个播放列表。文件中存放了视频的基本信息和 分段视频的索引地址 (将一整个视频分成了时长不同的很多小段)。当播放m3u8视频时，就是按顺序下载播放索引列表的视频，从而完成一部完整视频的播放。
• 是苹果公司使用的 HTTP Live Streaming（HLS） 协议格式的基础。

M3U8文件中的基本字段：

#EXTM3U：M3U8文件头，必须放在第一行。
EXT-X-MEDIA-SEQUENCE ：第一个TS分片的序列号，一般情况下是0，但是在直播场景下，这个序列号标识直播段的起始位置； #EXT-X-MEDIA-SEQUENCE:0。
#EXT-X-TARGETDURATION：每个分片TS的最大的时长；
#EXT-X-TARGETDURATION:10 ，表示每个分片的最大时长是10秒。
#EXT-X-ALLOW-CACHE：是否允许cache，#EXT-X-ALLOW-CACHE:YES 、#EXT-X-ALLOW-CACHE:NO，默认情况下是YES。
#EXT-X-ENDLIST：M3U8文件结束符。
#EXTINF：extra info，分片TS的信息，如时长，带宽等；一般情况下是 #EXTINF:,[

这段摘抄自：https://zhuanlan.zhihu.com/p/607846501

video播放m3u8视频文件

微信的video组件是支持播放加密视频的，对于前端来说只需要 src 传入 m3u8 的地址就可以了。

video组件里面的实现逻辑大致是：使用 src 地址请求视频切片地址和一些其他信息：

里面有两个比较重要的，METHODS是加密方式：AES-128，URI 的值应该传入一个获取数据加密的key的链接，例如URI的值设置为：“https://example.com/video.key?token=xxx”。

如果URI的值不正确，会出现报错。

【参考】
[1] 微信官方文档-小程序-video：https://developers.weixin.qq.com/miniprogram/dev/component/video.html
[2] video组件播放m3u8格式视频播放的时候返回403？: https://developers.weixin.qq.com/community/develop/doc/000eca2740c208b72bbfa814056800