1.使用npm install  ezuikit-js  
       
      cnpm install  ezuikit-js  不要安装过高的版本 
      安装版本为0.7.2

       特别注意:有些项目在打包的时候 部署发布到线上的时候,
                项目里面引入import EZUIKitJs from 'ezuikit-js'
                会导致项目在上线变成空白网页,可能这个插件的问题,
                也有可能是项目打包路径的问题

       解决方案:这个时候你要去官网里面下载一个ezuitkit.js的文件
                然后把文件放到项目public/static目录下
                再次然后去public中的index.html中去引入
                <script src="/static/ezuikit.js"></script>
                这样就可以解决上线部署空白的问题了


2.莹石云开发平台官网 https://open.ys7.com/cn/s/index

3.创建组件使用  
      import EZUIKit from "ezuikit-js";在创建的组件中导入插件

4.在template 结构中创建 如下代码
      <div class="hello-ezuikit-js">
            <div id="video-container" style="width: 920px; height: 400px"></div>
      </div>

5.在组件data中定义   player: null, 变量

6.在生命周期mounted写代码逻辑
     
    this.player = new EZUIKit.EZUIKitPlayer({
        id:'video-container', // 视频容器ID 
        accessToken:'at.20iubmdv48vl82imc94bptksdzgazoz2-7hzqejddoj-0glkhq8-cnsyxbtcz',
        //accessToken 的值为你在莹石云平台监控地址的token
        url:'ezopen://open.ys7.com/K98465602/1.hd.live',
        //url 为你莹石云监控的url地址信息  
        template:'6ab9d0384ff5459cbe86adff53eac251',
        //template为模板  模板可以自定义 也用用官方的 
          模块路径: https://open.ys7.com/console/ezuikit/template.html
        plugin: ['talk'], // 加载插件,talk-对讲    
        width:920,
        height:400
    })

这个时候就能在项目vue2项目中去使用莹石云开发平台的监控了

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐