WebRTC/nodejs 与 socket.io 的屏幕共享问题

Question

我正在开发一个视频会议应用程序，我似乎无法让屏幕共享正常工作，并收到错误消息“mediaTypeError：无法读取未定义的属性（读取 'getSender'）”。可以开始屏幕共享，但没有共享任何内容

这是我的服务器文件。

const express = require("express");
const app = express();
const server = require("http").Server(app);
const { v4: uuidv4 } = require("uuid");
const io = require("socket.io")(server);
// Peer

const { ExpressPeerServer } = require("peer");
const peerServer = ExpressPeerServer(server, {
  debug: true,
});

app.set("view engine", "ejs");
app.use(express.static("public"));
app.use("/peerjs", peerServer);

app.get("/", (req, rsp) => {
  rsp.redirect(`/${uuidv4()}`);
});

app.get("/:room", (req, res) => {
  res.render("room", { roomId: req.params.room });
});

io.on("connection", (socket) => {
  socket.on("join-room", (roomId, userId) => {
    socket.join(roomId);
    socket.to(roomId).emit("user-connected", userId);

    socket.on("message", (message) => {
      io.to(roomId).emit("createMessage", message);
    });
  });
});

server.listen(process.env.PORT || 3030);

getSender 似乎有问题的屏幕共享代码

       share__Btn.addEventListener("click", (e) => {
        navigator.mediaDevices.getDisplayMedia({
            video: {
                cursor: "always"
            },
            audio: {
                echoCancellation: true,
                noiseSuppression: true
            }
        }).then((stream) => {
            let videoTrack = stream.getVideoTracks()[0];
            let sender = currentPeer.getSender().find(function (s) {
                return s.track.kind == videoTrack.kind
            })
            sender.replaceTrack(videoTrack)
        }).catch((err) => {
            console.log("unable to get display media" + err)
        })
    })
 });

peer.on("call", function (call) {
    getUserMedia(
        { video: true, audio: true },
        function (stream) {
            call.answer(stream); // Answer the call with stream.
            const video = document.createElement("video");
            call.on("stream", function (remoteStream) {
                if (!peerList.includes(call.peer)) {
                    addVideoStream(video, remoteStream);
                    currentPeer = call.peerConnection
                    peerList.push(call.peer);
                }
            });
        },
        function (err) {
            console.log("Failed to get local stream", err);
        }
    );
});

Github link 完整代码：https://github.com/sucxh/simLearn

Answer 1

我假设 currentPeer 是一个 RTCPeerConnection，如此处记录：https://peerjs.com/docs.html#dataconnection-peerconnection. In that case it's a simple typo. The method is called getSenders() 而不是 getSender()。添加缺失的“s”应该会使错误消失。

WebRTC/nodejs 与 socket.io 的屏幕共享问题

Screen sharing issue in WebRTC/nodejs with socket.io

javascript

node.js

socket.io

webrtc