如果在同一页面上嵌入的YouTube视频开始在最新的Android版Chromev86上播放,则WebRTC摄像机流将变为无效

问题描述

受影响的浏览器 Chrome Android 86.0.4240.99(最新)

说明 在同一HTML页面上播放嵌入式YouTube视频几秒钟后,WebRTC摄像机供稿崩溃并且视频元素变黑。

复制步骤

  1. 首先启动WebRTC摄像机流供稿
  2. 然后开始嵌入YouTube视频
  3. 显示WebRTC提要的视频元素将变黑,并且在控制台上可以看到流状态变为无效

预期结果 它应该像其他所有浏览器(如Firefox android,Opera android等)一样播放视频。

实际结果 在同一页面上播放嵌入式YouTube视频几秒钟后,WebRTC摄像机供稿崩溃并且视频元素变黑。之后,在控制台上我可以看到流状态为非活动。

我正在使用非常简单且众所周知的代码获取相机供稿,如下所示

'use strict';
    function init()
    {
        var constraints = { video: true,audio: false };

        navigator.mediaDevices.getUserMedia(constraints)
          .then(stream => document.getElementById('gum-local').srcObject = stream)
          .catch(e => console.error(e));
    }
    document.querySelector('#showVideo').addEventListener('click',e => init());

并且YouTube IFrame嵌入了API。

注意 :请在Chrome Android 86.0.4240.99(最新)上尝试使用此page,并按照上述步骤操作,可以重现此问题,如果您开始首先是YouTube视频,然后是WebRTC供稿,然后它将完美运行,但否则无法正常运行。此外,我使用Chrome Android 80.0.3987.99进行了检查,并且可以正常运行。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)