web-dev-qa-db-fra.com

Streaming mp4 avec vlc au navigateur html

J'ai des problèmes pour diffuser l'image de ma webcam (sans son) sur une page HTML. J'utilise la dernière version (v2.0.2 vlc pour Windows) pour le streaming, voici la ligne de commande:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" -I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" --dshow-adev=none --dshow-caching=0 --sout=#transcode{vcodec=h264,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{mux=ts,dst=:8080/webcam.mp4}

lorsque j'ouvre le flux dans un autre lecteur VLC (http://127.0.0.1:8080/webcam.mp4), je peux regarder le flux, mais lorsque j'essaie de l'intégrer à une page Web, je ne vois rien! voici le code:

<!DOCTYPE html>
<html>
  <head>
    <title>Video Test</title>
  </head>
  <body>
    <video id="video" class="projekktor" autoplay="autoplay" width="300px" preload="metadata">  
      <source src="http://127.0.0.1:8080/webcam.mp4" />
            Your browser doesn't appear to support the HTML5 <code>&lt;video&gt;</code> element.  
    </video>
  </body>
</html>

Alors j'essaye de l'ouvrir dans le navigateur comme:

file:///C:/videostreaming/video.html

Ce que je peux voir dans l'exemple de chrome, c'est qu'il y a du trafic sur le réseau, que le flux est en cours de téléchargement, mais rien ne s'affiche.

video-streaminghtml5-videovlc
18
balazs

Vous ne pouvez pas transmettre le protocole mp4 via le protocole http à l'aide de VLC

Suivez ce lien pour voir la méthode Output/muxer matrix http://www.videolan.org/streaming-features.html

Cependant, vous pouvez essayer de transcoder en ogg.

Essaye ça:

"c:\Program Files (x86)\VideoLAN\VLC\vlc.exe" -I dummy  dshow:// --dshow-vdev="Logitech QuickCam Chat" --dshow-adev=none --dshow-caching=0 --sout=#transcode{vcodec=theo,vb=1024,channels=1,ab=128,samplerate=44100,width=320}:http{dst=:8080/webcam.ogg}

et dans votre balise vidéo html:

<source src="http://127.0.0.1:8080/webcam.ogg"/>
17
Martin

essayez d'ajouter le type de vidéo (type = "video/mp4"): 

<video width="320" height="240" controls="controls">
      <source src="movie.mp4" type="video/mp4" />
      <source src="movie.ogg" type="video/ogg" />
      Your browser does not support the video tag.
    </video>
3
Entrabiter

vous dites à VLC de diffuser au format TS mux=ts c'est votre problème, vous devez mux dans mp4

1
Daniel Hill

Pour la diffusion en direct, vous devez utiliser ce qui suit

<video id="video" src="http://localhost:8181/stream" type="video/ogg; codecs=theora" autoplay="autoplay"/>

Plus à Voici un lien ! 

Veuillez noter que le type de vidéo "ogg" seulement!

0
alba