废话不多说,直接上干货,首先是代码层
因为我怕出现问题,所以自己加了trycatch,new window.JSPlugin实例的时候,其实也不要这么多的参数,生成实例之后也不需要这么多的事件回调绑定,所以我删了很多,有需要的可以参考下方官方连接的demo.html
其实这里最好有个事件或者组件销毁的生命周期中关闭播放实例player.value.JS_StopRealPlayAll(),不然听说会影响性能
生成实例之后就可以调用播放了.szId为dom的id,所以这里是在onMounted生命周期中去做,szBasePath,是文件路径,听网上说这里会给文件自动带上前缀什么的,这里这么写是因为下面这个图片,就是文件结构
把从官网下载的文件按照这个结构放置,官方链接为open.hikvision.com/download/5c…
选择H5视频播放器开发包
然后呢就是index.html了,虽然都是vue3,但是这里有不同的地方,①一种情况是index.html在项目的根路径下和src文件夹平级,就是我上图图示的情况,②还有一种情况是index.html是在public文件下,根据这两种情况,有不同的写法
2.
就是引入的h5player.min.js文件的写法问题
到此就结束了,纯干货没毛病吧
