周末業(yè)余時間在家無事，學(xué)習(xí)了一下騰訊的云播放sdk，并制作了一個小demo（m3u8播放器），該在線工具是基于騰訊的云播sdk開發(fā)的，云播sdk非常牛，可以支持多種播放格式。

預(yù)覽地址
m3u8player.org

源碼地址
https://github.com/geeeeeeeek/m3u8player

開發(fā)步驟

第一步：集成播放器SDK：
播放器 SDK 支持 cdn 集成方式：

 <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.min.css" rel="stylesheet"/><!--播放器腳本文件--><script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.1.0/tcplayer.v5.1.0.min.js"></script>

第二步：設(shè)置容器
然后，設(shè)置播放器容器，在需要展示播放器的頁面位置加入播放器容器。可以在 index.html 中加入如下代碼（容器 ID 以及寬高都可以自定義）。

<video id="player-container-id" width="414" height="270" preload="auto" playsinline webkit-playsinline>
</video>

第三步：初始化并播放

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是一種播放多媒體列表的文件格式，它的設(shè)計初衷是為了播放音頻文件，比如MP3，但是越來越多的軟件現(xiàn)在用來播放視頻文件列表，M3U8也可以指定在線流媒體音頻源。很多播放器和軟件都支持M3U8文件格式。