Portfolio


// useAudioSocket.ts
const replaceTrack = (newStream: MediaStream, newAudioTrack?: MediaStreamTrack) => {
  const [audioTrack] = newStream.getAudioTracks();
  console.log("replaceTrack() tracks!", audioTrack)

  const pc = pcListMap.current.get(myKey); // undefined
  console.log("pcListMap", pcListMap.current);
  console.log("pc", pc);
  const senders = pc?.getSenders();
  console.log("currentSender", senders);
  const audioSender = senders?.find(sender => sender.track?.kind === audioTrack.kind);
  console.log("found sender: ", audioSender);
  audioSender?.replaceTrack(audioTrack);
}


// 다른 사람 입장 시 otherKeyList 추가
useEffect(() => {
  if (otherKeyList.length > 0 && isConnected) {
    console.log('otherKeyList', otherKeyList);
    createOtherPeerConnection();
  }
}, [otherKeyList, isConnected]);

const createOtherPeerConnection = () => {
  otherKeyList.forEach(otherKey => {
    sendOffer(otherKey);
  });
};

const sendOffer = async (otherKey: string) => {
  let pc = pcListMap.current.get(otherKey);
  if (!pc) {
    pc = createPeerConnection(otherKey);
  }

  console.log(
    'socket flow: 3. createOffer 후 setLocalDescription',
    otherKey,
    '번 유저'
  );

  const offer = await pc.createOffer();
  pc.setLocalDescription(offer);

  sendMessageService({
    client: client.current,
    destination: `/peer/offer/${otherKey}/${roomShortUuid}`,
    body: {
      key: myKey,
      body: offer,
    },
  });
};

mediaTrack 변경하기