1分钟用RTCMultiConnection开发一个浏览器端视频会议系统
RTCMultiConnection.js是基于WebRTC进行实时连接的开源多人音视频通讯js插件,使用它结合择socket io 服务器（第三方或自建）快速实现一个简单的视频会议系统
首先需要安装chrome扩展,注意，这需要fanqiang，如果打不开，就查看这篇文章手动安装chrome扩展,点击查看
安装完后就可以在bfweditor中在线开发预览
点两次新窗口预览，模拟两个用户进入视频会议室
具体代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17|RTCMultiConnection.min|socket.io&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
bready(function() {
$("#joinbtn").click(function() {
if ($("#roomid").val() != "") {
var connection = new RTCMultiConnection();
// this line is VERY_important 选择socket io 服务器，可以自建
connection.socketURL = 'https://rtcmulticonnection.herokuapp.com:443/';
// if you want audio+video conferencing
//使用你的视频和音频
connection.session = {
audio: true,
video: true
};
//打开通道，如果通道已经被创建，就加入
connection.openOrJoin('bfw'+$("#roomid").val());
}
});
});
</script>
</head>
<body>
<h1>视频会议系统</h1>
<p>
首先需要<a href="https://chrome.google.com/webstore/detail/getusermedia/nbnpcmljmiinldficickhdoaiblgkggc">安装chrome扩展</a>,注意，这需要fanqiang，如果打不开，就查看这篇文章手动安装chrome扩展,<a href="http://www.bfw.wiki//user10/15640228901296320096.html">点击查看</a>
</p>
<p>
视频会议系统，将会使用你的麦克风和摄像头
</p>
<input type="text" id="roomid" placeholder="房间号，使用英文或数字" />
<input id="joinbtn" type="button" value="创建或加入此房间" />
</body>
</html>
{{collectdata}}
网友评论0