使用HTML5和WebRTC将网络摄像头广播到(YouTube,Twitch和Facebook)

时间:2020-05-28 20:36:02

标签: webrtc broadcast rtmp youtube-livestreaming-api

我正在做一个项目,需要在 youtube titch 上直播视频, Facebook 或其他使用我的网站的平台使用HTML5,rtmp,webrtc,nodejs ....

所以我不想去youtube并开始直播视频,而是想从我的网站开始视频

但是对于webrtc和实时流媒体来说我是新手,我不知道该怎么做或如何启动它,因此,如果有人对此有任何想法或建议,请与我联系或在此处发表评论

这就是我所做的

服务器端(NodeJ)


io.on('connection', (socket) =>{

    socket.on('stream', stream =>{
        console.log(stream)
        socket.broadcast.emit('stream', stream);
      
            
    });

})

客户端

HTML(video.html)

<div id="videos">
    <video id="video" autoplay>

    </video>

</div>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script src="js/video.js"></script>

Javascript(video.js)
var socket = io();
navigator.mediaDevices.getUserMedia({
    video  : true,
    audio: true
})
.then(stream =>{
    document.getElementById('video').srcObject = stream
    socket.emit("stream", stream);
})

socket.on('stream', stream=>{

    video = document.createElement("video")
    video.srcObject = stream
    video.setAttribute('autoplay')
    document.getElementById("videos").appendChild(video)
})

1 个答案:

答案 0 :(得分:3)

您将需要在后端建立一个WebRTC to RTMP桥梁。

有很多事情要考虑,但这是一个常见的问题,所以我把twitch放在了一起。这是一个例子。

相关问题