Javascript 如何使用socket.io-stream进行实时视频/音频流
我正在尝试制作一个实时P2P视频聊天应用程序 我发现使用socket.io-stream库会有所帮助。 但我不知道如何实现这个库 我的视频播放器在客户端工作正常。我只想使用socket.io将此流传输到其他连接的客户端 我的服务器代码如下所示Javascript 如何使用socket.io-stream进行实时视频/音频流,javascript,node.js,socket.io,video-streaming,html5-video,Javascript,Node.js,Socket.io,Video Streaming,Html5 Video,我正在尝试制作一个实时P2P视频聊天应用程序 我发现使用socket.io-stream库会有所帮助。 但我不知道如何实现这个库 我的视频播放器在客户端工作正常。我只想使用socket.io将此流传输到其他连接的客户端 我的服务器代码如下所示 let app = require("express")(); let ss = require("socket.io-stream"); let http = require("http").c
let app = require("express")();
let ss = require("socket.io-stream");
let http = require("http").createServer(app);
const routes = require("./routes");
let io = require("socket.io")(http);
routes(app, __dirname);
http.listen(3000, () => {
console.log("app listening on port ", 3000);
});
io.sockets.on("connection", (socket) => {
socket.on("joinRoom", (obj) => {
let { name, stream } = obj;
console.log(name, stream);
});
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Calling</title>
</head>
<body>
<video autoplay="true" id="video"></video>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
let name = prompt("Enter the room name");
function wrongname() {
name = prompt("Seriously? That's not a name! enter again!");
validator();
}
function validator() {
if (!name.match(/^[0-9a-z]+$/)) {
wrongname();
} else {
return true;
}
}
validator();
let video = document.getElementById('video');
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({
video: true,
audio: true
})
.then((stream) => {
video.srcObject = stream;
console.log(stream);
socket.emit("joinRoom", {
name: name,
stream: stream
});
})
.catch((error) => {
alert("You choose to turn off your video and audio");
location.replace('/');
})
}
</script>
</body>
</html>
let app = require("express")();
let ss = require("socket.io-stream");
let http = require("http").createServer(app);
const routes = require("./routes");
let io = require("socket.io")(http);
routes(app, __dirname);
http.listen(3000, () => {
console.log("app listening on port ", 3000);
});
io.sockets.on("connection", (socket) => {
socket.on("joinRoom", (obj) => {
let { name, stream } = obj;
console.log(name, stream);
});
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Calling</title>
</head>
<body>
<video autoplay="true" id="video"></video>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
let name = prompt("Enter the room name");
function wrongname() {
name = prompt("Seriously? That's not a name! enter again!");
validator();
}
function validator() {
if (!name.match(/^[0-9a-z]+$/)) {
wrongname();
} else {
return true;
}
}
validator();
let video = document.getElementById('video');
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({
video: true,
audio: true
})
.then((stream) => {
video.srcObject = stream;
console.log(stream);
socket.emit("joinRoom", {
name: name,
stream: stream
});
})
.catch((error) => {
alert("You choose to turn off your video and audio");
location.replace('/');
})
}
</script>
</body>
</html>
视频通话
const socket=io（）；
let name=提示（“输入房间名称”）；
函数名（）{
name=prompt（“真的吗？那不是名字！请重新输入！”）；
验证器（）；
}
函数验证器（）{
如果（！name.match（/^[0-9a-z]+$/）{
错误名称（）；
}否则{
返回true；
}
}
验证器（）；
让video=document.getElementById（'video'）；
if（navigator.mediaDevices.getUserMedia）{
navigator.mediaDevices.getUserMedia({
视频：没错，
音频：正确
})
。然后（（流）=>{
video.srcObject=流；
console.log（流）；
socket.emit（“joinRoom”{
姓名:姓名,，
溪流：溪流
});
})
.catch（（错误）=>{
警报（“您选择关闭视频和音频”）；
位置。替换（“/”）；
})
}