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 요소의 ID여야 합니다
  remoteStream.play(remotePlayerElement.id);
});

client.on('stream-subscribed', event => {
  const remoteStream = event.stream;
  console.log('원격 스트림 구독 성공:' + remoteStream.getId());
  // remoteStream의 0x4043 error 수신
  remoteStream.on('error', error => {
    const errorCode = error.getCode();
    if (errorCode === 0x4043) {
      // PLAY_NOT_ALLOWED 오류가 발생하면 UI에 창을 표시하고 사용자의 클릭/탭 이벤트 후 stream.resume을 호출하여 재생을 재개
      // remoteStream.resume()
    }
  });
  // 플레이어 컨테이너 생성
  let remotePlayerElement = document.createElement('div');
  remotePlayerElement.id = 'remote-stream-' + remoteStream.getId();
  document.body.appendChild(remotePlayerElement);
  // 원격 스트림 재생을 시작하며, play에 전달된 Element ID는 페이지에 있는 div 요소의 ID여야 합니다
  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의 0x4043 error 수신
  remoteStream.on('error', error => {
    const errorCode = error.getCode();
    if (errorCode === 0x4043) {
      // PLAY_NOT_ALLOWED 오류가 발생하면 UI에 창을 표시하고 사용자의 클릭/탭 이벤트 후 stream.resume을 호출하여 재생을 재개
      // remoteStream.resume()
    }
  });
  // 플레이어 컨테이너 생성
  let remotePlayerElement = document.createElement('div');
  remotePlayerElement.id = 'remote-stream-' + remoteStream.getId();
  document.body.appendChild(remotePlayerElement);
  // 원격 스트림 재생을 시작하며, play에 전달된 Element ID는 페이지에 있는 div 요소의 ID여야 합니다
  remoteStream.play(remotePlayerElement.id);
});

try {
  await client.join({ roomId });
  console.log('입장 성공');
} catch (error) {
  console.error('입장 실패, 나중에 다시 시도하십시오' + error);
}