So streamen Sie Audio/Video mit Socket (.io) von node.js Server zu html5 Seite

Ich muss mp3 oder mp4 von einem node.js Server streamen und es auf einer html5 Seite ansehen. Ich versuche, socket.io zu verwenden, um die Kommunikation zu beschleunigen, und ich hoffe, dass es die Latenz verringern wird, die ich mit simple http habe. Ich habe socket.io in meinem Projekt eingerichtet, sowohl auf dem Client (mobile Webanwendung) als auch auf dem Server, aber ich kann weder herausfinden noch im Internet finden, wie man Daten richtig sendet und zu einem Tag leitet.So streamen Sie Audio/Video mit Socket (.io) von node.js Server zu html5 Seite

Quelle

2014-05-23 Sunrising

Haben Sie das jemals herausgefunden? – nathanengineer

bitte socket.io-Stream-Projekt https://www.npmjs.org/package/socket.io-stream

Quelle

2014-05-23 09:09:25

Ich habe es implementiert, aber ich weiß nicht, wie man es in einem Video-Tag zu machen .. Wie übertrage ich den Datenstrom zu HTML? – Sunrising

Ich habe ein ähnliches Problem. Wie hast du den Stream an den Video-Tag weitergeleitet? – TheEnvironmentalist

konnte jemand einen Video-Tag-Stream mit dem bereitgestellten Projekt in einen anderen Video-Tag-Stream streamen? – Coderji

Try ffmpeg sync-Audio/Video-Streaming machen sehen. In HTML5 Audio und Video-Tag automatisch spielen, wenn Sie Quell-Adresse des Servers in src Element des Audio/Video-Tags geben.

Quelle

2016-04-26 01:58:51

prüfen dieses Beispiel:

var captureMe = function() { 
 
     if (!videoStreamUrl) alert('error') 
 

 
     context.translate(canvas.width, 0); 
 
     context.scale(-1, 1); 
 

 
context.drawImage(video, 0, 0, video.width, video.height); 
 
     var base64dataUrl = canvas.toDataURL('image/png'); 
 
     context.setTransform(1, 0, 0, 1, 0, 0); 
 
     var img = new Image(); 
 
     img.src = base64dataUrl; 
 
     window.document.body.appendChild(img); 
 
    } 
 

 
    button.addEventListener('click', captureMe); 
 

 
    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; 
 
    window.URL.createObjectURL = window.URL.createObjectURL || window.URL.webkitCreateObjectURL || window.URL.mozCreateObjectURL || window.URL.msCreateObjectURL; 
 

 
    navigator.getUserMedia({video: true}, function (stream) { 
 
     allow.style.display = "none"; 
 
     videoStreamUrl = window.URL.createObjectURL(stream); 
 
     video.src = videoStreamUrl; 
 
    }, function() { 
 
     console.log('streaming error'); 
 
    }); 
 
    };

Arbeitsbeispiel anonymous chat video test

Original-Link http://html5.by/blog/html5-image-capture-getusermedia-stream-api-mirror/

Quelle

2017-06-02 19:48:45

So streamen Sie Audio/Video mit Socket (.io) von node.js Server zu html5 Seite

Antwort

Verwandte Themen