Chime SDK는 Vue JS를 사용하여 모든 비디오 타일과 실시간 참석자 목록 표시를 표시합니다.
<p><em>공유 화상 회의에 있어서 로컬 타일과 원격 타일에 대해 여러 번 들어봤습니다. 모든 참석자 비디오 타일을 표시하려고 하는데 AWS Chime SDK를 처음 사용하기 때문에 Vue JS를 사용하여 처음부터 앱을 만드는 데 어려움을 겪고 있습니다. 다음과 같은 질문이 있습니다. </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 라이브러리를 사용할 수 있습니다. 자바스크립트 데모도 코드가 너무 많아서 초보자가 이해하는데 별로 도움이 되지 않는 것 같아요. Vue JS와 데모를 볼 기회가 있나요? </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(
타일상태.tileId,
isDefaultVideo ? this.$refs.defaultVideoElement : this.$refs.attendeeVideoElement
);
}
<audio ref="audioElement"></audio>
<동영상 참조="defaultVideoElement"></video>
<video ref="attendeeVideoElement"></video></pre></p>
