2020-04-29 23:45:50 +00:00
|
|
|
<template>
|
2020-05-09 21:52:22 +00:00
|
|
|
<div class="video-side-bar">
|
|
|
|
<video :src-object.prop.camel="remoteStream" autoplay :poster="remotePoster" />
|
|
|
|
<video
|
|
|
|
:src-object.prop.camel="localStream"
|
|
|
|
class="is-mirrored"
|
|
|
|
autoplay
|
|
|
|
playsinline
|
|
|
|
muted="true"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="container">
|
2020-04-29 23:45:50 +00:00
|
|
|
<div class="video-strip m-b-md">
|
|
|
|
<video :src-object.prop.camel="localStream" autoplay playsinline muted="true" />
|
|
|
|
<video :src-object.prop.camel="remoteStream" autoplay />
|
|
|
|
</div>
|
2020-05-09 21:52:22 +00:00
|
|
|
</div>-->
|
2020-04-29 23:45:50 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
export default {
|
|
|
|
name: "CallVideoStrip",
|
2020-05-09 21:52:22 +00:00
|
|
|
props: ["remoteStream", "localStream", "remotePoster"]
|
2020-04-29 23:45:50 +00:00
|
|
|
};
|
|
|
|
</script>
|