Tag Archives: html

Programming

My First Impression To Pinegrow

Published by:

I was looking for the editor program beside sublime (which is text editor program to write program), that can what you see is what you get type of program. Then I tried a few of them. From google web designer, then to pingendo, layoutit which is online editor program, then finally to pinegrow. Each of them have a unique function but they all have a similarity. They can get you see what do you want to get as a front page layout.

Cause I am talking about the php/html programming here. Of course the view of the program is preety much important. I want to have a boom feeling when I look the program at the first time. The programmer will call it front end programming. It needs mostly the sense of art other than writing program lang skill.

I love pingendo cause the program will drag you to the drag and drop component to your page. But the online type running program is not my choice right now. At home I have an old notebook with no internet connected all the time.

Then my choice goes to pinegrow. Which is similar to its drag and drop and no need internet connected. But to have a full function of it you have to buy the pro version. The trial version only last for 7 days.

The pinegrow provides me with drag and drop component and also with code typing method anytime I want. The template are also preety much help.

Programming

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.

Blogwalking Linux

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.