Display an RTSP video stream in a web page

Question

I have an ip camera which provides a live rtsp video stream. I can use VLC media player to view the feed by providing it with the url: rtsp://cameraipaddress. But I need to display the feed on a web page. The camera provider supplied an active x control which I got working, but it is really buggy and causes the browser to frequently hang. Does anyone know of any alternative video plugins I could use which support RTSP? The camera can be configured to stream in either H264 or MPEG4.

Answer 1

Try the QuickTime Player! Heres my JavaScript that generates the embedded object on a web page and plays the stream:

//SET THE RTSP STREAM ADDRESS HERE
var address = "rtsp://192.168.0.101/mpeg4/1/media.3gp";

var output = '<object width="640" height="480" id="qt" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"&gt;';
    output += '<param name="src" value="'+adsress+'">';
    output += '<param name="autoplay" value="true">';
    output += '<param name="controller" value="false">';
    output += '<embed id="plejer" name="plejer" src="/poster.mov" bgcolor="000000" width="640" height="480" scale="ASPECT" qtsrc="'+address+'"  kioskmode="true" showlogo=false" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"&gt;';
    output += '</embed></object>';

    //SET THE DIV'S ID HERE
    document.getElementById("the_div_that_will_hold_the_player_object").innerHTML = output;

Answer 2

How about in a browser for mobile devices? Browsers in Symbian, Android, iPhone, Windows Mobile?