WebRTC基于node的实例

最新推荐文章于 2024-08-09 06:00:00 发布

懒企鹅

最新推荐文章于 2024-08-09 06:00:00 发布

阅读量7.8k

点赞数 3

文章标签： webrtc 实例

本文链接：https://blog.csdn.net/qq_24949727/article/details/68927202

版权

本博客通过一个实例展示了如何使用WebRTC在Node环境下建立实时通信。客户端包括index.html和client.js，部署在web服务器上。服务端是index.js，通过8888端口提供WebSocket服务。用户可以在两个浏览器窗口之间进行视频通话，实现一对一的远程连接。源码可在CSDN下载。

摘要由CSDN通过智能技术生成

客户端：

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <title>Learning WebRTC - Chapter 5: Connecting ClientsTogether</title> 
  <style>
body {
background-color: #3D6DF2;
margin-top: 15px;
font-family: sans-serif;
color: white;
}
video {
background: black;
border: 1px solid gray;
}
.page {
position: relative;
display: block;
margin: 0 auto;
width: 500px;
height: 500px;
}
#yours {
width: 150px;
height: 150px;
position: absolute;
top: 15px;
right: 15px;
}
#theirs {
width: 500px;
height: 500px;}
</style> 
 </head> 
 <body> 
  <div id="login-page" class="page"> 
   <h2>Login As</h2> 
   <input type="text" id="username" /> 
   <button id="login">Login</button> 
  </div> 
  <div id="call-page" class="page"> 
   <video id="yours" autoplay=""></video> 
   <video id="theirs" autoplay=""></video> 
   <input type="text" id="their-username" /> 
   <button id="call">Call</button> 
   <button id="hang-up">Hang Up</button> 
  </div> 
  <script src="client.js"></script>   
 </body>
</html>

client.js

var connection = new WebSocket('ws://192.168.2.119:8888'),
name = "";
var loginPage = document.querySelector('#login-page'),
usernameInput = document.querySelector('#username'),
loginButton = document.querySelector('#login'),
callPage = document.querySelector('#call-page'),
theirUsernameInput = document.querySelector('#their-username'),
callButton = document.querySelector('#call'),
hangUpButton = document.querySelector('#hang-up');
callPage.style.display = "none";
// Login wh