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?

Ramesh
질문됨 5달 전184회 조회
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;
}
profile picture
답변함 5달 전
  • Thank you sir

  • Anytime! Glad to help.

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

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

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

질문 답변하기에 대한 가이드라인

관련 콘텐츠