欢迎光临
一直在路上

在Vue.js项目中如何使用阿里云视频点播的Web播放器SDK

在index.html引入js

<script src="https://g.alicdn.com/de/prismplayer/1.9.4/prism-h5-min.js"></script>

然后在build/webpack.base.conf.js中找到webpackConfig
里面配置

externals: {
  "prismplayer": "prismplayer"
}

在你的项目中

export default {
  mounted: function() {
    let player = new prismplayer({
      id: 'J_prismPlayer',
      width: '100%',
      autoplay: false,
      //播放方式一:推荐
      prismType: 2,
      vid: '',
      accId: '',
      accSecret: '',
      apiKey: '',
      // vid : '',
      // playauth : '',
      showBarTime: 3000000,
      cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
    });
  }
}
赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《在Vue.js项目中如何使用阿里云视频点播的Web播放器SDK》
文章链接:https://blog.fenewbee.com/frontnote/prism-to-vue.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
个别资源收集于互联网,如有侵权,请联系博主删除。
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!