问答

萤石UIKIT 使用

作者:admin 2021-06-22 我要评论

参考官网示例demo,如下 ` //首先引入js script src="../ezuikit.js"/script script src="../js/jquery.min.js"/script//页面创建div标签 div id="myPlayer"/div...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

参考官网示例demo,如下
`

//首先引入js
  <script src="../ezuikit.js"></script>
  <script src="../js/jquery.min.js"></script>
//页面创建div标签
  <div id="myPlayer"></div>
//开始初始化监控地址
var player = new EZUIPlayer({
      id: 'myPlayer',
      url: url,
      autoplay: true,
      accessToken: "at.8o2k6dbpcvtr13reaa96hbnya6fee2wf-9gu6zcjmh2-1j4yrsb-imvlc5poc",
      decoderPath: '{{location path}}',
      width: 600,
      height: 400,
    });
//播放
        player.play();

`

接口返回包含多个监控视频对象的列表,结构如下:

arr=[{
    id:"1",
    url:"ezopen://open.ys7.com/203751922/1.live"
},{
  ...
}]

需要在页面实例化多个视频的播放窗口,angular 中使用ng-repeat循环生成

<ul >

 <li ng-repeat="item in arr track by $index">
      <div id="playWind{{$index}}" ></div>
 </li>

</ul>

再在逻辑层生成多个player 示例,有报错

var Token="at.8o2k6dbpcvtr13reaa96hbnya6fee2wf-9gu6zcjmh2-1j4yrsb-imvlc5poc";
var decoder1 = new EZUIKit.EZUIPlayer({

                id: "playWind0",
                autoplay: true,
                url: arr[0].url,
                height: 110,
                accessToken: Token,
                decoderPath: "/Scripts/ezuikit",
                handleError: function(e) {},
                splitBasis: 0
            });
            decoder1.play();

            var decoder2 = new EZUIKit.EZUIPlayer({
                id: "playWind1",
                autoplay: true,
                url: arr[1].url,
                height: 110,
                accessToken: Token,
                decoderPath: "/Scripts/ezuikit",
                handleError: function(e) {},
                splitBasis: 0
            });
            decoder2.play();

微信截图_20200702165357.png

不知道是什么原因?如何解决?
还有生成player 的时候width height 都比较小,导致播放窗口显示监控画面不完整怎么调整

###

一个页面多个播放窗口的问题已经被官方解决链接地址

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 萤石UIKIT  使用

    萤石UIKIT 使用

  • 微信小程序web-view使用v-if控制显示,

    微信小程序web-view使用v-if控制显示,

  • web对象数组,嵌套到另外一组对象数组

    web对象数组,嵌套到另外一组对象数组

  • Nodejs 有没有像 PHP 那样直接在 html

    Nodejs 有没有像 PHP 那样直接在 html

腾讯云代理商
海外云服务器