NPlayerH5弹幕播放器-流媒体支持HLS

NPlayerH5弹幕播放器-流媒体支持HLS



NPlayer 可以非常方便的接入流媒体协议，如果想使用 HLS 可以引入 hls.js。

1. 
   
2. <div>import Hls from 'hls'
   
3. import Player from 'player'
   
4. const hls = new Hls()
   
5. const player = new Player()
   
6. hls.attachMedia(player.video)
   
7. hls.on(Hls.Events.MEDIA_ATTACHED, function () {
   
8.   hls.loadSource('https://test-streams.mux.dev/x36xhzz/x36xhzz.M3U8')
   
9. })
   
10. player.mount(document.body)</div>

复制代码

更多关于 hls.js 使用方法，请查看 hls.js 官方文档 。

hls 是视频点播很常用的协议，本教程还提供了使用 hls.js 实现清晰度切换功能，详情请查看 清晰度切换 。