如何检查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（如果不存在）。

让我知道这是否有帮助。