H5播放m3u8格式视频(大华、萤石云、海康)

安装插件

// 备注：flv可以不安装
cnpm install chimee chimee-kernel-flv chimee-kernel-hls -S

项目中使用

<div id="wrapper"></div>
<script>
import Chimee from 'chimee'
// import flv from 'chimee-kernel-flv'
import hls from 'chimee-kernel-hls'
// 初始化绑定url
handleInitChimee() {
	const chimee = new Chimee({
  	wrapper: '#wrapper',
    src: 'xxx.m3u8',
    controls: true,
    kernels: {
     // flv,
    	hls
    }
	})
  // 谷歌保护机制,没有触发Dom交互不让播放视频音频,所以只能手动触发
  // 2022-11-21 这个方法新版的浏览器是不支持的
  var body = document.getElementsByTagName('body')[0]
  body.click()
  setTimeout(() => {
  	chimee.play()
  }, 0)
}
</script>

销毁

chimee.destroy()