Question

我需要使用express将MediaStream从电子桌面Capture发送到Live HTML5视频标签。问题是，我无法从媒体流创建fs.createReadStream。我认为我不需要使用WEB-RTC。代码如下

app.js

var fs = require('fs');
var path = require('path');
var express = require('express');
var app = express();
const {desktopCapturer} = require('electron');
function getDesktop(callback) {
    desktopCapturer.getSources({types: ['window', 'screen']}, 
function(error, sources) {
        if (error) return callback(error)
        navigator.mediaDevices.getUserMedia({
            audio: false,
            video: {
                mandatory: {
                    chromeMediaSource: 'desktop',
                    chromeMediaSourceId: sources[0].id,
                    minWidth: 1280,
                    maxWidth: 1280,
                    minHeight: 720,
                    maxHeight: 720
                }
            }
        }).then(function(stream) {
            return callback(null,stream)
            video.onloadedmetadata = (e) => video.play()
        }).catch(function(e) {
            return callback(e);
        })
    })
}
getDesktop(function(err,stream) {
    app.get('/',function(req,res) {
        return res.sendFile(path.join(__dirname + '/client/client.html'))
    });
    app.get('/video',function(req,res) {

            ///Send LIVE data to HTML5 Video Tag


    });
    app.listen(80,function() {
        console.log('Streaming')
    });
})

Answer 1

如果你希望它是＆＃34;生活＆＃34;您需要在服务器上实现WebRTC。

如果延迟可以接受，https://webrtc.github.io/samples/src/content/getusermedia/record/中显示的MediaStreamRecorder API可能会解决问题。您可以在ondataavailable处理程序中发送数据块。

从服务器向客户端发送媒体流

1 个答案: