zoukankan      html  css  js  c++  java
  • RTSP/GB28181/SDK/Ehome协议安防视频融合平台EasyCVR集成iframe标签报fullscreen error排查过程

    安防视频云服务系统EasyCVR视频平台作为TSINGSEE青犀视频研发团队开发的视频协议融合平台,能够支持多种协议设备的接入,并且也能通过GB28181协议与第三方平台进行级联。

    由于EasyCVR视频平台具备比较高的开发性,所以很多用户都在自己业务中集成EasyCVR,有客户将EasyCVR的iframe标签集成进自己的平台时,调用iframe播放视频,全屏情况下libDecoder.wasm报404错误码。报错信息为Uncaught (in promise) TypeError: fullscreen error

    从错误信息中我们可以得知是iframe 没有全屏事件。正常EasyCVR分享给出的iframe 标签如下:

      <iframe src="http://demo.easycvr.com:18000/#/players/3/3/1?autoplay=true" allowfullscreen 
    width="640" height="360" allow="autoplay"></iframe>
    

    allowfullscreen就是赋值给iframe标签全屏属性的命令,我们排查客户现场的问题发现标签allowfullscreen这个属性去掉了,导致视频丢失了全屏功能。

    因此我们只要在iframe标签内添加allowfullscreen属性就可以恢复了。

    此处需要注意的是,如果是多层iframe 嵌套,每一层iframe 都需要加上allowfullscreen属性,仅嵌套一层是无法另其生效的。

    EasyCVR同EasyGBS一样具有很多二次开发的接口,如果大家对EasyCVR的功能仍有疑问,可以联系我们了解,当然了EasyCVR也是支持试用的,试用期间仍可调用接口进行测试,如有需求,欢迎咨询。

  • 相关阅读:
    WP2Sinablog使用后的后遗症
    .NET Framework 4 与 .NET Framework 4 Client Profile
    360浏览器也有了开发人员工具了
    让你的手机号“变”qq号
    首次体验 Live Writter
    判断素数
    SqlServer文件挂起
    vni—2015:验证错误
    成功者善于模仿(转)
    dbms_output缓冲区溢出
  • 原文地址:https://www.cnblogs.com/TSINGSEE/p/14179853.html
Copyright © 2011-2022 走看看