This commit is contained in:
Sagi Dayan 2020-04-12 20:25:13 -04:00
parent a89910753e
commit 591dd39fdf
5 changed files with 12 additions and 15 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -4,8 +4,13 @@
<Loading /> <Loading />
</div> </div>
<div v-else class="is-flex"> <div v-else class="is-flex">
<video id="local_stream" autoplay="autoplay" muted="true" style="max-width:40%" /> <video
<video id="remote_stream" autoplay="autoplay" style="max-width:40%" /> :src-object.prop.camel="localStream"
autoplay="autoplay"
muted="true"
style="max-width:40%"
/>
<video :src-object.prop.camel="remoteStream" autoplay="autoplay" style="max-width:40%" />
</div> </div>
</div> </div>
</template> </template>
@ -39,14 +44,6 @@ export default {
} }
this.localStream = await this.callManager.getUserMedia(); this.localStream = await this.callManager.getUserMedia();
this.remoteStream = this.callManager.getRemoteStream(); this.remoteStream = this.callManager.getRemoteStream();
const localVid: HTMLVideoElement = document.getElementById(
"local_stream"
) as HTMLVideoElement;
const remoteVid: HTMLVideoElement = document.getElementById(
"remote_stream"
) as HTMLVideoElement;
localVid.srcObject = this.localStream;
remoteVid.srcObject = this.remoteStream;
this.notify({ message: "Connected!", level: "success" }); this.notify({ message: "Connected!", level: "success" });
} catch (e) { } catch (e) {
console.error(e); console.error(e);