Streaming mp4 with vlc to html browser
I have problems streaming my webcam picture (without sound) to a html page. I'm using the latest (v2.0.2 vlc for windows) for streaming, here's the command line:
"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}
when I open the stream in another vlc player (http://127.0.0.1:8080/webcam.mp4), I can watch the stream, but when I'm trying to embedding it to a webpage, I can see nothing! here's the 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><video></code> element.
</video>
</body>
</html>
Than I'm trying to open it in the browser like:
file:///C:/videostreaming/video.html
What I can see in chrome example, is that there's network traffic, the stream is downloading, but nothing displayed.
Answer
You can't transmit mp4 over http protocol using VLC
Follow this link to see the Output method / muxer matrix http://www.videolan.org/streaming-features.html
However you can try to transcode to ogg.
Try this:
"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}
and in your html video tag:
<source src="http://127.0.0.1:8080/webcam.ogg"/>