WebRTC视频未出现

时间:2019-09-09 08:54:45

标签: javascript html webrtc

美好的一天! 我使用WebRTC技术进行音频/视频聊天,但是我的WebRTC视频聊天有1个问题。

这就是我在做什么:

  1. 我有函数startCall();

    1.1获取用户媒体

    1.2创建本地RTCPeerConnection

    1.3发送报价(Laravel-echo-server)

  2. 对于远程用户来说也是一样,只有他发送答案

    效果很好,但是当我尝试向视频中添加曲目时,远程用户不会播放视频

    In Local User: 

    handleEnableCamera(isCaller) {
     navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
      this.stream.addTrack(stream.getVideoTracks()[0]);
      this.$refs.localVideo.srcObject = stream;
      this.rtc.peerConnection.addTrack(stream.getVideoTracks()[0], stream);
      this.sendOffer('video');
     });
    }

   Events In Remote User: 
   Send Answer and listen Event

    this.rtc.peerConnection.ontrack = e => {
     if (e.track.kind === 'video') {
      this.$refs.remoteVideo.srcObject = e.streams[0];
     } else {
      this.$refs.remoteAudio.srcObject = e.streams[0];
     }
    };

本地视频工作正常。

e.streams [0]具有视频跟踪,但不起作用

我有onloadedmetadata用于播放视频的元素

0 个答案:

没有答案