Embed rtsp IP Camera to html Code – Experiences With Open Source

source :
Code :
<!DOCTYPE html>
<html>
<title>Net Surveilance</title>
<body>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc" />

<script type="text/javascript">
<!--
var vlc = document.getElementById("vlc");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc.playlist.add("rtsp://192.168.1.55:554/user=USER&password=PWD&channel=1&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc2" />

<script type="text/javascript">
<!--
var vlc2 = document.getElementById("vlc2");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc2.playlist.add("rtsp://192.168.1.55:554/user=USER&password=PWD&channel=2&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc2.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc3" />

<script type="text/javascript">
<!--
var vlc3 = document.getElementById("vlc3");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc3.playlist.add("rtsp://192.168.1.2:554/user=USER&password=PWD&channel=3&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc3.playlist.play();
//-->
</script>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"
       width="550"
       height="400"
       id="vlc4" />

<script type="text/javascript">
<!--
var vlc4 = document.getElementById("vlc4");
var options = new Array(":aspect-ratio=4:3", ":rtsp-tcp");
var id = vlc4.playlist.add("rtsp://192.168.1.2:554/user=USER&password=PWD&channel=4&stream=1.sdp?real_stream--rtp-caching=100", "fancy name", options);
vlc4.playlist.play();
//-->
</script>

</body>
</html>
The cctv in my example is located in 192.168.1.2 port 554 which is a standard port for rtsp protocol.
Leave a Reply Cancel reply
