无法在 Angular 中将 Amazon Chime VideoTile 绑定到 <video>

问题描述

我正在使用 Chime JS SDK 创建 Angular 客户端。我能够创建会议并将与会者添加到会议中。但是，没有关于如何将视频图块绑定到 Angular 上的 UI 的明确文档。我正在 videoTileDidUpdate 活动中尝试此操作：

    const videoContainer = this.renderer.createElement('div');
    // Set the id of the div
    this.renderer.setProperty(videoContainer,'id',"video-" + tileState.tileId);
    this.renderer.setProperty(videoContainer,'class',"p-col");
    const videoTile = this.renderer.createElement('video');
    this.renderer.setProperty(videoTile,"tile-" + tileState.tileId);
    this.renderer.setProperty(videoTile,'autoplay',"1");
  
    this.renderer.appendChild(videoContainer,videoTile);
    this.renderer.appendChild(videoElement.nativeElement,videoContainer);        

    this.meetingSession.audioVideo.bindVideoElement(tileState.tileId,videoTile);

事件被无限触发并创建无限视频元素。然而没有视频。如何让视频显示在视频标签上。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）