vue2中使用萤石云展示视频监控_ezuikit-js 下载指定版本

视频地址格式为：ezopen://open.ys7.com/XXXXXXX

1.下载ezuikit-js

npm install ezuikit-js@0.7.2

2.vue代码

<template>
  <div>
    <div id="video-ezuikit" style="width: 600px; height: 400px"></div>
  </div>
</template>
 
<script>
import EZUIKit from 'ezuikit-js';
export default {
  data() {
    return {
      player: null
    };
  },
  mounted() {
    this.player = new EZUIKit.EZUIKitPlayer({
      id: 'video-ezuikit', // 视频容器ID
      accessToken:accessToken, //accessToken 的值为你在莹石云平台监控地址的token
      url: url //url 为你莹石云监控的url地址信息
    });
  },
  methods: {}
};
</script>

3.从萤石云拿到的数据格式

 {
        AppKey: 'XXXXXXXXXX',
        AccessToken:
          'at.1ngiwXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX03k0ab',
        Url: 'ezopen://open.ys7.com/XXXXXXXXXXXXXXXXXXXX'
      }

4.遇到问题

1.ezuikit-js版本不能下载最新，否则无法展示视频

2.目前项目只是开发环节，但是看到有的博主说打包部署时可能会因为import EZUIKit from 'ezuikit-js';导致白页，需要下载ezuitkit.js文件，放在public文件下，在public文件下index.html中引入。还未测试，保留文件以作备用（在文章最上面）