vue 播放现场webrtc视频流

要在 Vue 中播放 WebRTC 视频流，你需要使用 WebRTC API 来获取视频流并将其传递到 video 元素中进行播放。以下是一个简单的示例代码：

<template>
  <div>
    <video ref="videoElement" autoplay></video>
  </div>
</template>

<script>
export default {
  mounted() {
    const videoElement = this.$refs.videoElement;
    const constraints = {
      audio: false,
      video: true
    };
    
    navigator.mediaDevices.getUserMedia(constraints)
      .then(stream => {
        videoElement.srcObject = stream;
        videoElement.play();
      })
      .catch(error => {
        console.log('getUserMedia error:', error);
      });
  }
}
</script>

在上面的代码中，我们使用 `navigator.mediaDevices.getUserMedia()` 方法请求用户媒体权限，然后将返回的流 `stream` 传递给 video 元素的 `srcObject` 属性。最后，我们调用 `play()` 方法开始播放视频。

请注意，上面的代码仅支持摄像头视频流，如果你想播放屏幕共享或其他类型的视频流，则需要根据具体情况进行更改。