0

我制作了一个非常简单的RTCMulticonnection应用程序来尝试创建一个小型视频会议应用程序。但是它不断发送相同的请求：

https://rtcmulticonnection.herokuapp.com/socket.io/?
userid=b1nxbxqjvhd&sessionid=mywebsite&msgEvent=RTCMultiConnection- 
Message&socketCustomEvent=RTCMultiConnection-Custom Message&autoCloseEntireSession=false&maxParticipantsAllowed=1000&extra=%7B%7D&EIO=4&transport=polling&t=NaOzrYK

但没有出现视频源，好像我没有加入房间..

这是代码：

<template>
  <div class="main-container">
    
          <vue-webrtc ref="BaseWRTC"
                      width="100%"
                      roomId="Base"
                      socketURL="https://rtcmulticonnection.herokuapp.com:443/" />
         
       
            <button type="button" class="btn btn-primary" @click="joinBase">Join using vue-webrtc</button>
            
            <button type="button" class="btn btn-primary" @click="joinrtc()">Join using rtcmulticonnection </button> 
  </div>
</template>

  <script>
import Vue from 'vue'
import WebRTC from 'vue-webrtc'
import * as rtcmulticonnection from 'rtcmulticonnection';
import * as io from 'socket.io-client'
window.io = io
//

Vue.use(WebRTC);

export default {
  data() {
    return {
    }
  },

  methods: {
    joinrtc() {
      alert("joining")
          var connection = new rtcmulticonnection();
          connection.socketURL = 'https://rtcmulticonnection.herokuapp.com:443/';
          connection.session = {
              audio: true,
              video: true
          };

          connection.openOrJoin('myroom19');
    },
   
      joinBase() {
        this.$refs.BaseWRTC.join();
      },

  },
  mounted() {},
};
</script>

使用 vue-webrtc 和 rtcmulticonnection 都给了我相同的结果。

感谢您的阅读！

4

1 回答 1

0

我遇到过同样的问题。我通过将 socket.io 降级到 2.2.0 解决了这个问题。

于 2021-05-06T21:37:01.920 回答