내용으로 건너뛰기

Real time streaming by using IVS Stage

0

In the context of our server side composition for broadcasting stage to an IVS channel, how can we display the participant's name when they choose to hide their camera?

질문됨 3년 전531회 조회

1개 답변
1
수락된 답변

One way to accomplish this is to create a separate LocalStageStream and swap to that instead of calling setMuted.

toggleCamMute() {
  if (!this.isCamMuted) {
    const canvas = document.createElement('canvas');
    canvas.width = 1280;
    canvas.height = 720;
    const ctx = canvas.getContext("2d");
    ctx.font = "30px Arial";
    ctx.fillStyle = "white";
    ctx.textAlign = "center";
    ctx.fillText("Todd", canvas.width / 2, canvas.height / 2); // make text dynamic as necessary
    const stream = canvas.captureStream();
    this.mutedLocalVideoStream = new LocalStageStream(stream.getVideoTracks()[0]);
    console.log(this.mutedLocalVideoStream);
  }
  else {
    this.mutedLocalVideoStream = null;
  }
  //this.localVideoStream.setMuted(!this.isCamMuted); not necessary, we're swapping the source track instead
  this.isCamMuted = !this.isCamMuted;
  this.stage.refreshStrategy();
}

In your stage strategy, check for the isCamMuted flag and swap the video stream accordingly.

stageStreamsToPublish: () => {
  const videoTrack = this.videoStream.getVideoTracks()[0];
  const audioTrack = this.audioStream.getAudioTracks()[0];
  this.localAudioStream = new LocalStageStream(audioTrack);
  this.localVideoStream = new LocalStageStream(videoTrack);
  const streamsToPublish = [
    this.localAudioStream, 
    this.isCamMuted ? 
      this.mutedLocalVideoStream : this.localVideoStream
  ];
  return streamsToPublish;
}

답변함 3년 전

  • Thank you sir

  • Anytime! Glad to help.

  • I have also shared a request for a more programatic solution to this problem.

로그인하지 않았습니다. 로그인해야 답변을 게시할 수 있습니다.

좋은 답변은 질문에 명확하게 답하고 건설적인 피드백을 제공하며 질문자의 전문적인 성장을 장려합니다.

관련 콘텐츠