tencent cloud

const client = TRTC.createClient({
  ...,
 autoSubscribe: false // デフォルトではtrue、すなわち自動サブスクリプションです
});

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());
  // 再生コンテナの作成
  let remotePlayerElement = document.createElement('div');
  remotePlayerElement.id = 'remote-stream-' + remoteStream.getId();
  document.body.appendChild(remotePlayerElement);
  // リモートストリームの再生を開始する場合、playメソッドに渡されるElement IDは、画面に存在するdivエレメントである必要があります
  remoteStream.play(remotePlayerElement.id);
});

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()
    }
  });
  // 再生コンテナの作成
  let remotePlayerElement = document.createElement('div');
  remotePlayerElement.id = 'remote-stream-' + remoteStream.getId();
  document.body.appendChild(remotePlayerElement);
  // リモートストリームの再生を開始する場合、playメソッドに渡されるElement IDは、画面に存在するdivエレメントである必要があります
  remoteStream.play(remotePlayerElement.id);
});


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()
    }
  });
  // 再生コンテナの作成
  let remotePlayerElement = document.createElement('div');
  remotePlayerElement.id = 'remote-stream-' + remoteStream.getId();
  document.body.appendChild(remotePlayerElement);
  // リモートストリームの再生を開始する場合、playメソッドに渡されるElement IDは、画面に存在するdivエレメントである必要があります
  remoteStream.play(remotePlayerElement.id);
});

try {
  await client.join({ roomId });
console.log('入室成功');
} catch (error) {
  console.error('入室に失敗しました。しばらくしてからもう一度お試しください'+ error);
}