多WebRTC页面渲染

Question

我目前正在使用this, Muaz khan github开发一个MultiWebRTC站点，现在我正尝试使用MySQL、express和node.js进行用户身份验证。但是HTML页面已经正常呈现了，所以当我将webRTC设置为我的视图引擎时，它就不能工作了。如果我让那些webRTC页面显示为ejs，但我不能进行任何视频会议，我如何才能呈现我的ejs页面，同时仍然呈现WebRTC页呢？提前感谢你的回答。呈现页面的server.js的一部分

var express  = require('express');
var app = express();
app.set('view engine', 'ejs');
app.get('/', function(req, res) {
    res.render('/Audio+Screensharing');
});

Answer 1

从demos directory下载任何演示并复制HTML。

将html粘贴到ejs或cshtml或aspx或php或任何位置。

现在修改"ejs“文件。

搜索这两行：

<script src="/dist/RTCMultiConnection.min.js"></script>
<script src="/socket.io/socket.io.js"></script>

将上面的行替换为：

<script src="https://rtcmulticonnection.herokuapp.com/dist/RTCMultiConnection.min.js"></script>
<script src="https://rtcmulticonnection.herokuapp.com/socket.io/socket.io.js"></script>

还剩下最后一步。

在相同的"ejs“文件中以下面一行进行搜索：

// by default, socket.io server is assumed to be deployed on your own URL
connection.socketURL = '/';

将上面一行替换为以下内容：

// this line is VERY_important
connection.socketURL = 'https://rtcmulticonnection.herokuapp.com:443/';

现在，任何RTCMultiConnection演示都可以在任何ejs/cshtml/php/aspx文件上运行。

请不要忘记"HTTPs“是必需的。摄像头、麦克风或屏幕只能在HTTPs上使用。

还有一个教程(文档)页面，解释了上述所有步骤：

• Getting Started guide for RTCMultiConnection

还有一个YouTube视频演示：

• https://www.youtube.com/watch?v=jqtC7mSTCgk

您可以在MySQL上存储/保留/保存"room-id“；您甚至可以使用以下代码片段：

$.get('/owner-info', function(eachUser) {
    // everyone opens a room
    connection.open(eachUser.userid);
});

btnJoinAUserByHisUserId.onclick = function() {
    var joinThisUserId = 'userid-xyz'; // you can read this line from server

    // connect two users usign this method
    connection.join(joinThisUserId);
};

记住，每个人都可以打开独一无二的房间。任何人都可以使用他的roomid加入任何其他人。for more information

此处提供了RTCMultiConnection完整文档：http://www.rtcmulticonnection.org