web-dev-qa-db-fra.com

Comment diffuser du contenu audio/vidéo avec socket (.io) du serveur node.js vers la page html5

J'ai besoin de diffuser du contenu mp3 ou mp4 à partir d'un serveur node.js et de le visionner sur une page html5. http simple. J'ai configuré socket.io dans mon projet, à la fois sur le client (application Web mobile) et sur le serveur, mais je ne peux pas comprendre ni trouver sur le Web comment envoyer correctement des données et les diriger à une balise.

node.jssocket.iovideo-streaming
6
Sunrising

veuillez voir socket.io-stream project https://www.npmjs.org/package/socket.io-stream

5
Nikolay Lukyanchuk

Essayez ffmpeg pour synchroniser le streaming audio/vidéo. En HTML5, les balises audio et vidéo sont lues automatiquement lorsque vous indiquez l’adresse source du serveur dans l’élément src de la balise audio/vidéo.

3
Munam Tariq

Vérifiez cet exemple:

    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');
    });
  };

exemple de travail test vidéo de chat anonyme

lien d'origine http://html5.by/blog/html5-image-capture-getusermedia-stream-api-mirror/

0
Roman Vasilyev