Twilio DataTrack API 停止？

Question

所以我正在创建一个简单的缩放克隆应用程序，但遇到了DataTrack API的问题。

初始化数据轨道

this.dataTrack = new LocalDataTrack();

问题是离开/断开房间后，浏览器中的记录图标仍然存在。

LeaveRoom函数

this.room.localParticipant.videoTracks.forEach((publication) => {
   publication.track.stop();
   publication.unpublish();
});

console.log("this.dataTrack", this.dataTrack); // HOW TO STOP THIS ?

Answer 1

LocalDataTrack object 有一个 id 属性。

您可以通过从媒体流中查找媒体 stream 轨道来获取MediaStreamTrack 。

const userMedia = navigator.mediaDevices.getUserMedia({video:true, audio:true});

const tracks = userMedia.then(mediaStreams => {
     const tracks = mediaStreams.getTracks();
     for(let track of tracks) {
         if(track.id === this.dataTrack.id) {
              track.stop();
         }
     }
});

Answer 2

这些是我做的3个。 奇迹般有效。

//Remove chromes "your browser is using the camera" icon
track.forEach((track) => track.stop())
room.localParticipant.unpublishTracks(track)
track.forEach((track) => track.detach())