Question

我正在尝试构建实时流播放器

我尝试了Calppr，但是没有用

<script type="text/javascript" src="../../assets/clapper/clapper.min.js"></script>
<script type="text/javascript">
var playerElement = document.getElementById("player-wrapper");

var player = new Clappr.Player({
 source: 'Here is my source',
 poster: 'http://clappr.io/poster.png',
 mute: true,
 height: 360,
 width: 640
});

player.attachTo(PLAYERELEMENT);

</script>

错误是 Clappr没有反抗 我也尝试使用CDN，但再次出现相同的错误

有人可以帮助我还是带领我进入支持 VUE JS

的其他播放器

Answer 1

与您的代码一起使用Vue播放器初始化代码应位于包含mounted()的组件的#player-wrapper中。另外，请确保clappr导入位于html模板中，而不位于组件的* .vue文件中。或以如下方式导入* .vue的脚本部分：import Clappr from 'clappr'。然后制作npm i clappr

vue js的拍板实时流播放器错误

1 个答案: