VUE项目使用easyplayer.js实现海康视频监控

做的一个项目里面有一个需求需要监控视频，但是项目的一些组件兼容问题，此次项目无法使用海康的视频插件。所以就使用了更简单的easyplayer.js组件。

首先安装easyplayer:

npm install @easydarwin/easyplayer --save

在VUE中调用

copy node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.swf 到 静态文件 根目录。

copy node_modules/@easydarwin/easyplayer/dist/component/crossdomain.xml 到 静态文件 根目录。

copy node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js 到 静态文件 根目录。

在 html 中引用 dist/component/EasyPlayer-lib.min.js

###H.265 copy node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer.wasm 到 静态文件 根目录。

上效果图：

（因为某些原因就不展示过多的监控画面了，所以用图片挡住了。）

代码部分：

这次项目我使用了官方的HTML DEMO所以就在vue里面iframe一下html页面。

首先在vue里面iframe