Tag Archives: html

Embed rtsp IP Camera to html Code

Published by:

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.

using bootstrap in easy way

Published by:

Bootstrap itu…. seperti gula dalam teh. Ketika dicampur ia menjadi manis. Lezat rasanya itu teh. Tapi ini bukan tentang teh. Tapi tentang bagaimana kita bisa membuat website kita atau apa pun yang menggunakan kode html / php dsm, bisa menjadi indah. Enak dilihat, nyaman dirasa, serta mantap ketika di clicks.

Bootstrap semacam baju pembungkus yang indah. Tapi buat saya, menggunakan bootstrap rasanya seperti menghapal ribuan jarum untuk digunakan menjahit baju. Pusing juga. Untunglah saya menemukan startbootstrap.com

Disini kita bisa mengcopy paste kode bootstrap yang previewnya bisa kita lihat terlebih dahulu.  Yang perlu kita lakukan tentu saja memodifikasinya. Tanpa perlu pengetahuan yang ngjelimet dan mumpuni di php/ html / bootstrap code, kita bisa menggunakan kode ini. Dan hasilnya sangat baik.

Cobalah.