[在线工具] 基于 Html+腾讯云播 SDK 开发的 m3u8 播放器

查看 51|回复 2
作者:lovezww2011   
周末业余时间在家无事,学习了一下腾讯的云播放 sdk ,并制作了一个小 demo ( m3u8 播放器),该在线工具是基于腾讯的云播 sdk 开发的,云播 sdk 非常牛,可以支持多种播放格式。
预览地址
m3u8player.org
源码地址
https://github.com/geeeeeeeek/m3u8player
开发步骤
第一步:集成播放器 SDK:
播放器 SDK 支持 cdn 集成方式:



第二步:设置容器
然后,设置播放器容器,在需要展示播放器的页面位置加入播放器容器。可以在 index.html 中加入如下代码(容器 ID 以及宽高都可以自定义)。
第三步:初始化并播放
var player = TCPlayer('player-container-id', {
    sources: [{
      src: 'path/to/video',
    }],
    licenseUrl: 'https://license-url',
});  
// player.src(url); // url 播放地址
最终集成后的代码可以参考:
https://github.com/geeeeeeeek/m3u8player
附:m3u8 知识
M3U8 是一种播放多媒体列表的文件格式,它的设计初衷是为了播放音频文件,比如 MP3 ,但是越来越多的软件现在用来播放视频文件列表,M3U8 也可以指定在线流媒体音频源。很多播放器和软件都支持 M3U8 文件格式。

M3U8, sdk, 播放器, 云播

lovezww2011
OP
  
欢迎收藏,给 star ,我的面试作品
tool2d   
我也写过一个,区别是开一大堆暴力线程后台急速下载的。
要不然国内的 m3u8 速度那么慢,卡都卡死了,完全没办法看。
您需要登录后才可以回帖 登录 | 立即注册

返回顶部