twilioを使用してローカルのcammeraからビデオを取得しない

Question

私はビデオチャットのためのアプリを構築しています。 Pythonのバックエンド部分はうまく動作します（部屋を作って、部屋に右にトークンを追加します）。私は部屋に接続することができ、ノートブックのdiodはカメラが動作していることを示しますが、私のローカルカメラのビデオは表示されません。これは私が間違って何をやっているのhtml

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

のこの私の一部私のコード

Twilio.Video.connect(doctor_token, {name: room_name}).then(function (room) { 

    Twilio.Video.createLocalVideoTrack().then(function (track) { 
     $("#localVideo").append(track.attach()); 
    }); 

    room.on('participantConnected', function (participant) { 
     $("#patientVideo").append(participant.track.attach()) 
    }) 

}); 

のですか？私のビデオカメラから音声をミュートするオプションを追加する方法は何ですか？

Answer 1

ここではTwilioの開発者のエバンジェリストです。

引数なしでtrack.attach()を呼び出すと、実際には<video>要素が作成されます。あなたのコードは、新しい<video>要素を既存の<video id="localVideo"></video>要素に追加します。このコードが実行された後にDOMを検査すると、ネストされたビデオが見つかります。

あなたは今、2つの選択肢があります。既存の<video>要素を<div id="localVideo">に変更すると、作成した動画要素が追加され、ローカルビデオが表示されます。 HTML：

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

JavaScriptは同じです。

またはHTMLをそのままの状態でIDセレクタをtrack.attach()に渡すと、カメラのビデオを既存の要素に添付できます。

この場合、JavaScriptは次のようになります。

Twilio.Video.connect(doctor_token, {name: room_name}).then(function (room) { 

    Twilio.Video.createLocalVideoTrack().then(function (track) { 
    track.attach("#localVideo"); 
    }); 

    room.on('participantConnected', function (participant) { 
    participant.track.attach("#patientVideo"); 
    }); 

}); 

は、このことができますなら、私に教えてください。