一个新手编程狗的成长记忆
web菜鸟的最后一片自留地

在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)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址