Chime SDK verwendet Vue JS, um alle Videokacheln und die Live-Teilnehmerlistenanzeige anzuzeigen
P粉956441054
2023-09-01 15:49:40
<p><em>Ich habe schon oft von lokalen Kacheln und Remote-Kacheln gehört, wenn es um gemeinsame Videokonferenzen geht. Ich versuche, alle Videokacheln für Teilnehmer anzuzeigen, habe jedoch Schwierigkeiten, die App mit Vue JS von Grund auf neu zu erstellen, da ich neu in der Verwendung des AWS Chime SDK bin. Ich habe folgende Fragen. </em></p>
<p><code>Was ist der Unterschied zwischen lokalen Kacheln (getAllVideoTiles) und Remote-Kacheln (getAllRemoteVideoTiles)? </code></p>
<p><code>Wie zeige ich Videokacheln für alle Teilnehmer zusammen mit ihren Namen an? </code></p>
<p><code>Wie füge ich Teilnehmernamen hinzu? Wo soll ich es weitergeben? createAttendee oder createMeeting API? </code></p>
<p><code>Wie identifiziere ich den Host? </code></p>
<p><code>Wie füge ich einem Meeting einen Live-Chat und eine Liste verbundener Teilnehmer hinzu? </code></p>
<p><code>Die React-Bibliothek ist verfügbar. Auch die Javascript-Demo enthält viel Code und ich glaube nicht, dass sie für Anfänger sehr hilfreich ist. Gibt es eine Chance für Vue JS und seine Demo? </code></p>
<p><em>Ihre Antwort wird für alle neuen Entwickler in naher Zukunft sehr hilfreich und dankbar sein. Vielen Dank. </em></p>
<p>Derzeit habe ich einen Beobachter, der nur mich selbst und eine Teilnehmerkachel anzeigt. </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 文档并完成它时所理解的内容，我正在分享我自己的理解，这可能会对以后的人有所帮助。