Twilioビデオ：ビデオサイズを増やす方法は？

Question

私は、ユーザーが自分のカメラから来るビデオをプレビューできるボタンを持っています。ビデオストリームは正常に表示されますが、表示されているビデオのサイズを変更する方法はわかりません。これは私が持っているものです。

HTML：

<div id="local-media"></div> 

はJavaScript：

previewMedia = new Twilio.Conversations.LocalMedia(); 

Twilio.Conversations.getUserMedia().then(
    function (mediaStream) { 
     previewMedia = new Twilio.Conversations.LocalMedia(); 
     previewMedia.on('trackAdded', function (track) { 
     if(track.kind === "video"){ 
      track.dimensions.height = 1200; 
      track.on('started', function (track) { // DOES NOT FIRE 
       console.log("Track started"); 
      }); 
      track.on('dimensionsChanged', function (videoTrack) { // DOES NOT FIRE 
       console.log("Track dimensions changed"); 
      }); 
     } 
     previewMedia.addStream(mediaStream); 
     previewMedia.attach('#local-media') 
    }), 
    function (error) { 
     console.error('Unable to access local media', error); 
    }; 
); 

trackAddedイベントが発生しますが、私はstartedまたはdimensionsChangedイベントがtrack.dimensions.heightを発射し、設定されませんがありません作業。

は、私が使用してビデオを縮小することができます

div#local-media { 
    width:270px; 
    height:202px; 
} 

div#local-media video { 
    max-width:100%; 
    max-height:100%; 
} 

が、私は640x375ピクセルを超えて、それを増やすことはできません。

Answer 1

サポートチームとのやりとりに基づいて、ビデオトラックを添付する前に、まずCSSを使用して<div>のサイズを設定してみてください。このテクニックは、クイックスタートアプリケーションで使用されます。

https://www.twilio.com/docs/api/video/guide/quickstart-js

その後、inviteToConversation

https://media.twiliocdn.com/sdk/js/conversations/releases/0.13.5/docs/Client.html#inviteToConversation

を呼び出すときにvideoための次元を指定することができますように見えオプションlocalStreamConstraintsに渡してみてください：

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

は、getUserMedia（WebRTC関数）によって使用されます

captureのサイズをローカルで調整することができます。これはカメラからキャプチャされているビデオトラックのサイズです。

ただし、ネットワークの状況によっては、ブラウザのWebRTCエンジン（および受信者ブラウザ）が、キャプチャされているビデオ解像度が高すぎるために、ネットワークを介して目的のフレームレートで送信できない場合があります時間的対空間分解能をトレードオフしたい場合は、捕捉者の速度制限）。これは、受信側が送信しようとしていたものよりも小さいビデオフィードを受信する可能性があることを意味します。これを克服するには、CSSを使用して<video>要素のスタイルを特定のサイズに維持し、受信側で必要な場合にビデオのアップスケール/ダウンスケーリングが行われるようにします。

将来的には、このような詳細を追加してドキュメントを更新する予定です。しかし、いつでもhelp@twilio.comから追加サポートを受けることができます。