同事介紹的這組 hls.js (https://github.com/video-dev/hls.js/)是應用於 video tag 中的播放 HLS (http live streaming) 的外掛, 可以讓原本的 video tag 增加播放 HLS 功能.
相較於之前介紹的 clappr player (https://diary.tw/archives/1811), 這組 hls.js 是直接使用 video tag 來進行(其實 clappr player 是在 div 下自建 video tag, 只是 hls.js 更直接).
hls.js 可以直接讓 browser 的 video tag 播放 hls 內容, 包含了 vod 與 live streming, 也提供了 web demo lab, 方便大家自行測試開發:
https://hls-js.netlify.app/demo/
(之前的 clappr demo 在這裡: http://clappr.io/demo/)
若需要公開測試的 hls 來源, 可以參考:
- https://ottverse.com/free-hls-m3u8-test-urls/
- https://bitmovin.com/mpeg-dash-hls-examples-sample-streams/
- https://github.com/bengarney/list-of-streams
相信對於開發實作 hls video player 應用, 能有很大的幫忙.