微信小程序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:,[] 后面可以跟其他的信息，逗号之前是当前分片的TS时长。分片时长要小于 #EXT-X-TARGETDURATION 定义的值。<br/> #EXT-X-VERSION：M3U8版本号。<br/> #EXT-X-DISCONTINUITY：该标签表明其前一个切片与下一个切片之间存在中断。<br/> #EXT-X-PLAYLIST-TYPE ：表明流媒体类型。<br/> #EXT-X-KEY：是否加密解析。例如：#EXT-X-KEY:METHOD=AES-128,URI=“https://example.com/video.key?token=xxx” 加密算法是AES-128，密钥通过请求 https://example.com/video.key?token=xxx 来获取，密钥请求回来以后存储在本地，并用于解密后续下载的TS视频文件。

这段摘抄自：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