транслировать веб-камеру на (YouTube, Twitch, facebook) с использованием HTML5 и WebRTC - PullRequest
Новая
       175

транслировать веб-камеру на (YouTube, Twitch, facebook) с использованием HTML5 и WebRTC

0 голосов
/ 28 мая 2020

Я работаю над проектом, в котором мне нужно транслировать видео в реальном времени на youtube , twitch , Facebook или другие платформы с моего веб-сайта, используя HTML5, rtmp, webrt c, nodejs ....

, поэтому вместо перехода на YouTube и запуска живое видео, я хочу запустить видео с моего веб-сайта

, но я новичок в webrt c и потоковой передаче, и я не знаю, что делать и как это начать, поэтому, пожалуйста, если у кого-то есть идеи или предложения о том, как это сделать, свяжитесь со мной или оставьте комментарий здесь

это то, что я сделал

СЕРВЕРНАЯ СТОРОНА (NodeJs) 


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

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

})

Клиентская сторона

Html (видео. 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 (видео. 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 Ответ

3 голосов
/ 28 мая 2020

Вам нужно будет сделать WebRTC to RTMP бридж на вашем сервере.

Есть много вещей, которые нужно учитывать, но это общий вопрос, поэтому я собрал twitch . Это пример этого.

...