SDK Chime menggunakan Vue JS untuk memaparkan semua jubin video dan paparan senarai peserta secara langsung

Question

Saya telah mendengar tentang jubin tempatan dan jubin jauh berkali-kali apabila bercakap tentang persidangan video yang dikongsi. Saya cuba memaparkan semua jubin video peserta tetapi saya menghadapi kesukaran semasa membuat apl dari awal menggunakan Vue JS kerana saya baru menggunakan AWS Chime SDK. Saya mempunyai soalan berikut.

Apakah perbezaan antara jubin setempat (getAllVideoTiles) dan jubin jauh (getAllRemoteVideoTiles)?

Bagaimanakah cara saya memaparkan jubin video untuk semua hadirin berserta nama mereka?

Bagaimanakah saya boleh menambah nama peserta? Di manakah saya harus lulus? createAttendee atau createMeeting API?

Bagaimana untuk mengenal pasti hos?

Bagaimanakah cara saya menambah sembang langsung dan senarai peserta yang disambungkan ke mesyuarat?

Pustaka React tersedia. Demo Javascript juga mempunyai banyak kod, dan saya tidak fikir ia sangat membantu untuk difahami oleh orang baru. Adakah terdapat peluang untuk Vue JS dan Demonya?

Jawapan anda akan sangat membantu dan dihargai untuk mana-mana pembangun baharu dalam masa terdekat. Terima kasih banyak-banyak.

Pada masa ini, saya mempunyai pemerhati yang hanya memaparkan diri saya dan jubin peserta.

videoTileDidUpdate: tileState =>
   const audioElement = ini.$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>

Answer 1

Apa yang saya faham semasa membaca dokumentasi aws-sdk dan melengkapkannya, saya berkongsi pemahaman saya sendiri yang mungkin membantu seseorang pada masa hadapan.