【问题标题】:amazon-chime-sdk-js display self videoamazon-chime-sdk-js 显示自我视频
【发布时间】:2020-08-21 04:33:10
【问题描述】:

我在文档https://aws.github.io/amazon-chime-sdk-js/index.html的帮助下使用chime js SDK创建了一个视频应用程序

            const indexMap = {};

            const acquireVideoElement = tileId => {
              for (let i = 0; i < 16; i += 1) {
                if (indexMap[i] === tileId) {
                  return videoElements[i];
                }
              }
              for (let i = 0; i < 16; i += 1) {
                if (!indexMap.hasOwnProperty(i)) {
                  indexMap[i] = tileId;
                  return videoElements[i];
                }
              }
              throw new Error('no video element is available');
            };

            const releaseVideoElement = tileId => {
              for (let i = 0; i < 16; i += 1) {
                if (indexMap[i] === tileId) {
                  delete indexMap[i];
                  return;
                }
              }
            };
            const observer = {
              videoTileDidUpdate: tileState => {
                if (!tileState.boundAttendeeId || tileState.localTile || tileState.isContent) {
                  return;
                }

                meetingSession.audioVideo.bindVideoElement(tileState.tileId, acquireVideoElement(tileState.tileId));
              },
                videoTileWasRemoved: tileId => {
                    releaseVideoElement(tileId);
                  }
            };

            meetingSession.audioVideo.addObserver(observer);
            const audioMix = document.getElementById('meeting-audio');
            meetingSession.audioVideo.bindAudioElement(audioMix);
            meetingSession.audioVideo.start();
            meetingSession.audioVideo.startLocalVideoTile();

效果很好,我可以看到所有加入会议的与会者。但我还需要在标签中显示我的视频。有可能吗?

【问题讨论】:

    标签: javascript html webrtc amazon-chime


    【解决方案1】:

    在您的videoTileDidUpdate 中,为了显示您的视频磁贴,您在哪里绑定本地磁贴,我看到如果tileState.localTiletrue,您正在返回并且bindVideoElement 没有被调用,因此您的 localTile没有出现。您能否删除 localTile 检查,看看这是否可以作为初始步骤。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-10-20
      • 2021-02-28
      • 1970-01-01
      • 2013-06-20
      • 1970-01-01
      • 2020-12-17
      • 1970-01-01
      相关资源
      最近更新 更多