1

我在我的网站上使用vline php进行视频聊天，视频通话没有问题，

但是每次用户1呼叫用户2时，用户2接听电话后，用户1的浏览器中会出现一个灰色的大屏幕，中间有一个“正在连接用户2”的框。大灰屏会和user1的视频聊天屏幕一起呆在那里，这确实影响了user1的图像清晰度。在user2的浏览器中，只有视频聊天画面没有问题。

所以问题是，有没有办法为来电者消除灰屏？

我使用了chrome的“Inspect element”，发现灰色面板是vline.css引入的一个div，看起来是这样的：

    <div class="vl-not-dialog-bg" aria-hidden="true" style="opacity: 1; width: 1343px; height: 240px;"></div>

我使用“Inspect element”编辑了“opacity:0”，面板成功消失，所以我尝试使用以下代码更改 startmedia 之前的 div 样式：

    if(button.hasClass('active')){
              var cusid_ele = document.getElementsByClassName('vl-not-dialog-bg');
              for (var i = 0; i < cusid_ele.length; ++i) {
              var item = cusid_ele[i];  
              item.style.opacity = 0;
              }

            person.startMedia();
            }

但是没有运气，当调用者拨打电话时灰色面板仍然存在，再次检查该div的不透明度，仍然不透明度：1，那我该怎么办，如何更改来自https://static.vline.com/的css元素vline.css ?

任何帮助都会非常有用。

4

0 回答 0