如何檢查div是否附有視頻軌？

Question

我正在使用twilio啓用應用程序視頻聊天功能。我附加每個用戶的音頻和視頻軌道來分隔容器div。我如何檢查給定的div是否已經附加了視頻軌道？

Answer 1

Twilio開發人員傳道這裏。

如果您可以使用某種id或css選擇器來定位<div>，那麼您也可以在<div>元素中執行此操作。所以，用下面的HTML：

<div id="localVideo"> 
    <video></video> 
</div> 

然後你就可以用document.getElementById或document.querySelector得到<div>，然後使用element.querySelector的<div>內進行搜索。

const div = document.getElementById('localVideo'); 
if (div.querySelector('video')) { 
    console.log('There is a video!'); 
} else { 
    console.log('No video yet.'); 
} 

element.querySelector返回您正在搜索是否存在或null如果沒有的元素。

讓我知道這是否有幫助。