一只特立独行的猪 一只特立独行的🐷
一只特立独行的🐷
  • 主页
  • web开发
  • 博客笔记
  • 软件工具
  • 随笔杂谈
  • 文章归档
  • 影音欣赏
  • 我的资源
  • 关于我
  • wechat_fill

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

  • 2017-08-22
  • Web开发
  • 评论(0)

在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'
    });
  }
}
Powered by Wordpress, Theme by Wing-magic
©2023 一只特立独行的🐷 All rights reserved
陕ICP备15006707号-5