如何使用 socket.io-stream 进行实时视频/音频流

Question

我正在尝试制作一个实时 P2P 视频聊天应用程序。

我发现使用 socket.io-stream 库会有所帮助。 但我不知道如何实现这个库。

不过，我的视频播放器在客户端运行良好。 我只想使用 socket.io 将此 stream 传输到其他连接的客户端。

我的服务器代码如下

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>

我再说一遍，我的问题是 stream 视频通过 socket.io 使用 socket.io-stream（如果有任何其他替代方案很好）

到目前为止，我的 GitHub 代码链接在这里

我希望我的查询很容易理解。

Answer 1

我正在尝试制作一个实时 P2P 视频聊天应用程序。

这是错误的技术。 您需要使用 WebRTC 来确保实时流，并建立对等连接。

我发现使用 socket.io-stream 库会有所帮助。

不，不会的。 术语“流”在这里超载......您所指的 NPM 模块是用于管道数据的 Stream API 模块。 您从媒体设备 API 获得的“流”是一个媒体流……与流 API 完全无关。

如何使用 socket.io-stream 进行实时视频/音频流

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-12-27 04:03:27

如何使用 socket.io-stream 进行实时视频/音频流

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-12-27 04:03:27

解决方案1
2 已采纳 2020-12-27 04:03:27