时间戳

首页 > 解决方案 > socket.io-stream 直播媒体流

javascript - socket.io-stream 直播媒体流

问题描述

我尝试通过 socket.io 进行直播。为了实现这个目标，我通过套接字发送 MediaStream 并尝试在 Client: Server 中将其设置为 MediaStream：

navigator.webkitGetUserMedia({
    audio: false,
    video: {
        mandatory: {
        chromeMediaSource: 'desktop',
        chromeMediaSourceId: remote.getGlobal('screen').window,
        minWidth: 0,
        maxWidth: 10000,
        minHeight: 0,
        maxHeight: 10000
        }
    }
}, gotStream, getUserMediaError);

var ss = require('socket.io-stream')

 function gotStream(stream) {
    console.log("Got Stream! Starting websocket...");
    var video = document.querySelector('video');
    video.srcObject = stream
    io.on('connection', function(socket) {
        ss(socket).emit("stream", stream);
    });
 }

客户：

<body>
    <video id="video" style="position: fixed; width: 100%" id="photo" style="width: 100%" src=""></video>
</body>                                                         
<script src="js/socketio.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io-stream/0.9.1/socket.io-stream.js"></script>
<script>
    var socket = io('ws://192.168.2.110:3000');
    socket.on('img', function(e) {
        document.getElementById("photo").src = e;
    });
    ss(socket).on("stream", function(data) {
        document.getElementById("video").srcObject = URL.createObjectURL(data);
    });
</script>

标签： javascriptsocket.ioelectron

解决方案

推荐阅读