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

按照这个套路，其实任何这些流媒体都可以接入（flv, WebTorrent 等等）。因为它们只需要一个 video 元素就行，我们可以通过 player.video 属性访问到 video 元素。

除了让 NPlayer 自动创建 video 元素，还可以自己提供 video 元素

1. import Hls from 'hls'
   
2. import Player from 'player'
   
3. const video = document.createElement('video')
   
4. const hls = new Hls()
   
5. const player = new Player({ video })
   
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)

复制代码