我在我的网站上使用vline php进行视频聊天,视频通话没有问题,
但每次当user1呼叫user2时,在user2接听电话后,用户1的浏览器中会出现一个灰色的大屏幕,其中一个中心框表示"连接用户2"。用户1的视频聊天屏幕将保留大灰色屏幕,这确实会影响用户1的图像清晰度。在user2的浏览器中,只有视频聊天屏幕没有问题。
所以问题是,无论如何要删除呼叫者的灰色屏幕?
我使用了chrome" Inspect element"并且发现灰色面板是由vline.css引入的div,看起来像这样:
<div class="vl-not-dialog-bg" aria-hidden="true" style="opacity: 1; width: 1343px; height: 240px;"></div>
我编辑了#34;不透明度:0&#34;使用&#34;检查元素&#34;并且面板成功消失,因此我尝试使用以下代码在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,所以我该怎么做,如何更改来自{{3的css元素}}?
任何帮助都会很棒。