const client = TRTC.createClient({...,autoSubscribe: false // デフォルトではtrue、すなわち自動サブスクリプション});
client.on('stream-added', event => {const remoteStream = event.stream;console.log('リモートストリーミングの増加: ' + remoteStream.getId());//リモートストリーミングの閲覧client.subscribe(remoteStream);});
play
メソッドがdivエレメントのIDまたはHTMLDivElementオブジェクトをパラメータとして受け入れると、SDKがそのdivエレメント下に対応するオーディオビデオタグを自動作成し、オーディオビデオを再生します。client.on('stream-subscribed', event => {const remoteStream = event.stream;console.log('リモートストリーミングの閲覧成功: ' + remoteStream.getId());// リモートストリーミングの再生remoteStream.play('remote-stream-' + remoteStream.getId());});
play
メソッドを呼び出すとPLAY_NOT_ALLOWEDのエラーが返される場合があることに特にご注意ください。このときSDKはポップアップを表示して、ユーザーとページのインタラクションを促します。インタラクションが発生すると、SDKは自動的にインターフェースを呼び出して再生を再開します。client.on('stream-subscribed', event => {const remoteStream = event.stream;console.log('リモートストリーミングの閲覧成功: ' + remoteStream.getId());// remoteStreamを使用してerror監視方式で0x4043エラーをキャッチし処理remoteStream.on('error', error => {const errorCode = error.getCode();if (errorCode === 0x4043) {// PLAY_NOT_ALLOWED、ジェスチャー操作でstream.resumeを呼び出してオーディオビデオ再生を再開できるようユーザーを促す// remoteStream.resume()}});// リモートストリーム再生の開始remoteStream.play('remote-stream-' + remoteStream.getId());});
const client = TRTC.createClient({mode: 'rtc',sdkAppId,userId,userSig});client.on('stream-added', event => {const remoteStream = event.stream;console.log('リモートストリーミングの増加: ' + remoteStream.getId());//リモートストリーミングの閲覧client.subscribe(remoteStream);});client.on('stream-subscribed', event => {const remoteStream = event.stream;console.log('リモートストリーミングの閲覧成功: ' + remoteStream.getId());// remoteStreamを使用してerror監視方式で0x4043エラーをキャッチし処理remoteStream.on('error', error => {const errorCode = error.getCode();if (errorCode === 0x4043) {// PLAY_NOT_ALLOWED、ジェスチャー操作でstream.resumeを呼び出してオーディオビデオ再生を再開できるようユーザーを促す// remoteStream.resume()}});// リモートストリーム再生の開始remoteStream.play('remote-stream-' + remoteStream.getId());});try {await client.join({ roomId });console.log('入室成功');} catch (error) {console.error('入室に失敗しました。しばらくしてからもう一度お試しください'+ error);}
この記事はお役に立ちましたか?