萤石UIKIT 使用

Question

参考官网示例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();

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

Answer 1

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