<html><body><div style="color:#000; background-color:#fff; font-family:times new roman, new york, times, serif;font-size:12pt"><div><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 16px; "><pre style="white-space: pre-wrap; ">Hi all :)</pre><pre style="white-space: pre-wrap; ">
My system:I run ubuntu natty, and have an old analog TV card, the winTV-go +FM. and vlc 1.1.9., apache2What I want to achieve:take the output of my old tv card, stream it with vlc and have the stream embedded on a local site to be displayed with html5, so i can watch the stream on my ipad 1 or 2Current situation:I have managed to get streaming with vlc working (i don't use the gui) with different containters and codecs. I have 3 working stream-commands that include:</pre><pre style="white-space: pre-wrap; ">
1: vlc -vvv v4l2:///dev/video0:width=640:height=480 :input-slave=<a href="alsa://hw:1,1">alsa://hw:1,1</a> --sout '#transcode{vcodec=mp4v,acodec=mp3,vb=8000,ab=128,channels=1,samplerate=44100}:standard{access=http,mux=ts,dst=192.168.1.10:9090}'</pre><pre style="white-space: pre-wrap; ">2: vlc -vvv v4l2:///dev/video0:width=640:height=480 :input-slave=<a href="alsa://hw:1,1">alsa://hw:1,1</a> --sout '#transcode{vcodec=theo,acodec=mp3,vb=8000,ab=128,channels=1,samplerate=44100}:standard{access=http,mux=ogg,dst=192.168.1.10:9080/test.ogv}'</pre><pre style="white-space: pre-wrap; ">3: vlc -v v4l2:///dev/video0:width=640:height=480 :input-slave=<a href="alsa://hw:1,1">alsa://hw:1,1</a> --sout '#transcode{vcodec=h264,vb=1024,acodec=mp3,channels=1,ab=128,samplerate=44100}:standard{access=http,mux=ts,dst=192.168.1.10:9080/test.mp4}'
I can open all 3 streams on a different computer and play them in vlc, Note on the side: the *.ogv stream i can also just enter as an url (<a href="http://192.168.1.10:9080/test.ogv">http://192.168.1.10:9080/test.ogv</a>) in chrome and it displays it there as a video, the other 2 streams it tries to download as a file.
So far so good, now I come to my html5 code:</pre><pre style="white-space: pre-wrap; ">
<html> </pre><pre style="white-space: pre-wrap; "><head> </pre><pre style="white-space: pre-wrap; "><script src="video.js" type="text/javascript" charset="utf-8"></script> </pre><pre style="white-space: pre-wrap; "><link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8"></pre><pre style="white-space: pre-wrap; "></head></pre><pre style="white-space: pre-wrap; "><body> </pre><pre style="white-space: pre-wrap; "><script type="text/javascript" charset="utf-8"> </pre><pre style="white-space: pre-wrap; ">VideoJS.setupAllWhenReady(); </pre><pre style="white-space: pre-wrap; "></script> </pre><pre style="white-space: pre-wrap; "><div class="video-js-box"> </pre><pre style="white-space: pre-wrap; "><video class="video-js" width="640"
height="480" controls preload poster="<a href="http://192.168.1.10/TV_new/jen.jpg">http://192.168.1.10/TV_new/jen.jpg</a>"> </pre><pre style="white-space: pre-wrap; "><source src=<a href="http://192.168.1.10:9080/test.ogv">http://192.168.1.10:9080/test.ogv</a> type=video/ogg; codecs="theora, vorbis"'> </pre><pre style="white-space: pre-wrap; "><!-- Image Fallback. --> </pre><pre style="white-space: pre-wrap; "><img src="<a href="http://192.168.1.10/TV_new/jen.jpg">http://192.168.1.10/TV_new/jen.jpg</a>" width="640" height="264" alt="Poster Image" title="No video playback capabilities." /> </object> </video> </p> </div> </body></html></pre><pre style="white-space: pre-wrap; "><br></pre><pre style="white-space: pre-wrap; ">
this works perfectly in chrome, but because it is ogv it will of course not work on the ipad, so i need to use h.264/mp4 as that is supported/built in with safari, but when using the stream command 1 or 3 then i get no video displayed on ipad or chrome.When not using stream-command 2 (the ogv command) I adjust the html5 code to one of the following (I have tried all 3):
<source src=<a href="http://192.168.1.10:9080/test.mp4">http://192.168.1.10:9080/test.mp4</a> type=video/mp4; codecs="avc1.4D401E, mp3"'>
or
<source src=<a href="http://192.168.1.10:9080/test.mp4">http://192.168.1.10:9080/test.mp4</a> type=video/mp4'>
or
<source src=<a href="http://192.168.1.10:9080/test.mp4">http://192.168.1.10:9080/test.mp4</a>'>
none of these work.
I have also added mime types to my /etc/mime.types
</pre></span><span class="Apple-style-span" style="color: rgb(69, 69, 69); font-family: arial; font-size: small; "><div><div>video/mp4 mp4</div><div>video/quicktime qt mov</div><div>video/mp4v-es</div><div>video/ogg ogv</div><div>video/webm webm</div><div>video/x-matroska mpv mkv</div><div>application/x-mpegURL
m3u8</div><div>video/MP2T ts</div><div>application/x-mpegURL .m3u8</div></div><div><br></div></span><span class="Apple-style-span" style="font-family: 'Times New Roman'; font-size: 16px; "><pre style="white-space: pre-wrap; ">how do I have to specify the html5 code for it to be properly displayed on my ipad? anyone got a clue?btw I have also tried http apple live stream using ffmpeg and segmenter and i get that working as well, but due to the fact that TV is a continuous stream of data it does not work well with the playlist, so i stops after a while and you need to restart etc, not very handy and i want the above working, would appreciate the help, thanks in advance :)
jody</pre></span></div></div></body></html>