我已经尝试了很多方法来处理这个问题,但我仍然无法让视频出现在ref="me"面前。
<template>
<div class="room">
<div class="people" id="people">
<div class="person">
<div class="person__video">
<video ref="me"></video>
</div>
<div class="person__name">
{{room}}
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Index",
props:['room'],
mounted() {
window.webrtc.joinRoom(this.room);
window.webrtc.on('localStream', (stream) => {
let attachMediaStream = require('attachmediastream');
attachMediaStream(stream, this.$refs.me, {
autoplay: true,
mirror: true,
muted: true
})
})
}
}
</script>
尝试添加
'enableAudio' boolean true enables audio on join
'enableVideo' boolean true enables video on join