Chime SDK utilise Vue JS pour afficher toutes les vignettes vidéo et l'affichage de la liste des participants en direct
<p><em>J'ai souvent entendu parler des vignettes locales et des vignettes distantes lorsqu'il s'agit de visioconférence partagée. J'essaie d'afficher toutes les vignettes vidéo des participants, mais je rencontre des difficultés lors de la création de l'application à partir de zéro à l'aide de Vue JS, car je suis nouveau dans l'utilisation du SDK AWS Chime. J'ai les questions suivantes. </em></p>
<p><code>Quelle est la différence entre les vignettes locales (getAllVideoTiles) et les vignettes distantes (getAllRemoteVideoTiles) ? </code></p>
<p><code>Comment afficher les vignettes vidéo de tous les participants avec leurs noms ? </code></p>
<p><code>Comment ajouter les noms des participants ? Où dois-je le passer ? API createAttendee ou createMeeting ? </code></p>
<p><code>Comment identifier l'hôte ? </code></p>
<p><code>Comment ajouter un chat en direct et une liste de participants connectés à une réunion ? </code></p>
<p><code>La bibliothèque React est disponible. La démo Javascript contient également beaucoup de code, et je ne pense pas qu'elle soit très utile à comprendre pour les novices. Y a-t-il une chance pour Vue JS et sa démo ? </code></p>
<p><em>Votre réponse sera très utile et appréciée pour tout nouveau développeur dans un avenir proche. Merci beaucoup. </em></p>
<p>Actuellement, j'ai un observateur qui affiche uniquement moi-même et une vignette de participant. </p>
<pre class="brush:php;toolbar:false;">videoTileDidUpdate : tileState =>
const audioElement = this.$refs.audioElement;
const isDefaultVideo = tuileState.tileId === 1;
this.audioVideo.bindAudioElement(audioElement);
this.audioVideo.bindVideoElement(
tuileState.tileId,
isDefaultVideo ? this.$refs.defaultVideoElement : this.$refs.attendeeVideoElement
);
}
<audio ref="audioElement"></audio>
<video ref="defaultVideoElement"></video>
<video ref="attendeeVideoElement"></video></pre></p>