微信小程序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 定义的值。
#EXT-X-VERSION:M3U8版本号。
#EXT-X-DISCONTINUITY:该标签表明其前一个切片与下一个切片之间存在中断。
#EXT-X-PLAYLIST-TYPE :表明流媒体类型。
#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 地址请求视频切片地址和一些其他信息:
微信小程序video组件播放m3u8视频文件_第1张图片

里面有两个比较重要的,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

你可能感兴趣的:(微信小程序,小程序,m3u8,video组件)