小编abd*_*pha的帖子

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

我正在做一个项目,我需要 使用 HTML5、rtmp、webrtc、nodejs在youtubetwitchFacebook或我的网站上的其他平台上广播实时视频......

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

但我是 webrtc 和直播的新手,我不知道该怎么做或如何开始,所以如果有人对如何做到这一点有任何想法或建议,请与我联系或在此处发表评论

这就是我所做的

服务器端(NodeJs)


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

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

})

Run Code Online (Sandbox Code Playgroud)

客户端

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>

Run Code Online (Sandbox Code Playgroud) 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)
})
Run Code Online (Sandbox Code Playgroud)

broadcast rtmp webrtc youtube-livestreaming-api

1
推荐指数
1
解决办法
1478
查看次数