Chime SDK 使用 Vue JS 显示所有视频图块和实时与会者列表显示
P粉956441054
2023-09-01 15:49:40
<p><em>我在共享视频会议时多次听说过本地图块和远程图块。我正在尝试显示所有与会者视频图块，但在使用 Vue JS 从头开始制作应用程序时面临困难，因为我刚开始使用 AWS Chime SDK。我有以下几个问题。</em></p>
<p><code>本地图块(getAllVideoTiles)和远程图块(getAllRemoteVideoTiles)有什么区别？</code></p>
<p><code>如何显示所有与会者的视频图块及其姓名？</code></p>
<p><code>如何添加与会者的姓名？我应该在哪里传递它？ createAttendee 还是 createMeeting API？</code></p>
<p><code>如何识别主机？</code></p>
<p><code>如何添加会议中的实时聊天和已连接的与会者列表？</code></p>
<p><code>React 库可用。 Javascript 演示也是大量的代码，我认为对于新手来说理解起来帮助不大。 Vue JS 及其 Demo 有机会吗？</code></p>
<p><em>您的回答对于不久的将来的任何新开发人员都会非常有帮助和值得赞赏。非常感谢。</em></p>
<p>目前，我有一个观察者，仅显示我自己和一个与会者图块。</p>
<pre class="brush:php;toolbar:false;">videoTileDidUpdate: tileState => {
const audioElement = this.$refs.audioElement;
const isDefaultVideo = tileState.tileId === 1;
this.audioVideo.bindAudioElement(audioElement);
this.audioVideo.bindVideoElement(
tileState.tileId,
isDefaultVideo ? this.$refs.defaultVideoElement : this.$refs.attendeeVideoElement
);
}
<audio ref="audioElement"></audio>
<video ref="defaultVideoElement"></video>
<video ref="attendeeVideoElement"></video></pre></p>
我在阅读 aws-sdk 文档并完成它时所理解的内容，我正在分享我自己的理解，这可能会对以后的人有所帮助。