私は自分のウェブサイトでビデオ チャットに vline php を使用しています。ビデオ コールは問題ありません。
ただし、user1 が user2 に電話をかけるたびに、user2 が電話に応答した後、user1 のブラウザに大きな灰色の画面が表示され、中央のボックスに「user2 を接続しています」と表示されます。大きな灰色の画面は、user1 のビデオ チャット画面と共にそこにとどまり、user1 の画像のシャープネスに大きな影響を与えます。user2 のブラウザでは、問題のないビデオチャット画面しかありません。
問題は、発信者の灰色の画面を削除する方法はありますか?
クロムの「要素の検査」を使用したところ、灰色のパネルが 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/ vline.css ?
どんな助けでも素晴らしいでしょう。