Web/H5 怎么实现萤石云的监控视频

首先去下载SDK ,也可参考官方教程
具体调用怎么实现,只需三步即可搞定,我们接着往下看,举个栗子~~

# 1. 引入js文件


2. 创建标签

# 3. 初始化播放

window.onload = function() {
  new EZUIKit.EZUIPlayer({
    id: 'myPlayer',
    autoplay: true,
    url: livePath,
    accessToken: accessToken,
    decoderPath: './js', 
    splitBasis: 2 // 1*1 2*2 3*3 4*4
  });
}

注意:decoderPath 是资源 jsPlugin-1.2.0.min 的相对于当前 播放 页面的地址
在 ezuikit.js 的 1753 行 :var jsPluginPath = playParams.decoderPath + '/js/jsPlugin-1.2.0.min.js';
这里的 playParams.decoderPath 就是 decoderPath ,咱们测试的值 './js'(如上初始化时写的)
这里根据实际项目需要自行调节路径~~路径不对不能正常播放

现在可以播放远程监控了,赶快试试吧小伙伴,记得点赞哦~~~

你可能感兴趣的:(Web/H5 怎么实现萤石云的监控视频)