How To Stream Live Video In Html5?

I'm looking for a way to broadcast a live video taken from a webcam or camera rooted to a PC. The broadcast should be displayed in a HTML5 page using the tag (which support rtp, a

Solution 1:

It's possible. But you will have major problems if you're looking for cross browser support. What you can do is offer HTML5 video to the browsers supporting it and then offer QuickTime for browsers not supporting it.

<videosrc="stream.mp4"><!-- Don't support <video> --><object><paramname="src"value="video.mp4" /><paramname="autoplay"value="true" /><paramname="type"value="video/quicktime"height="256"width="320" /><embedsrc="video.mp4"height="256"width="320"autoplay="true"type="video/quicktime"pluginspage="http://www.apple.com/quicktime/download/" /></object></video>

Also see: Streaming via RTSP or RTP in HTML5

Solution 2:

I don't think it is possible now to "cheat" the HTML5 browser to encapsulate the live video stream to a ".mp4" file. I believe HTML5 will consider live video support in a near future. What you can do is just wait. :)

Solution 3:

For maximum compatibility, here’s what our video workflow will look like, Make one version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container & Make another version that uses WebM (VP8 + Vorbis) or Theora video and Vorbis audio in an Ogg container. I think this combination solves your problem & it plays on most of browsers. You should required at least two versions of Video to play in all the browsers.