vue使用cyberplayer

2018年6月07日更新

最近在vue2.*中使用cyberplayer播放rtmp视频流，记录下来

第一种方法引入cyberplayer，可以在index.html里面直接script引入，不说了很简单。
第二种方法引入cyberplayer，需要把cyberplayer.js和cyberplayer.flash.swf分别引入到应用

全局引入cyberplayer.js

全局引入cyberplayer.js

如果不想全局引入，直接在组件里面 const player = require('@/assets/cyberplayer.js')

引入cyberplayer.flash.swf,首先配置loader

image.png

在组件里面使用，注意这里的player是在全局引入cyberplayer.js的时候定义的, swf是在flashplayer属性那里引入的

image.png

大功告成

image.png