Difference between revisions of "Script html untuk live streaming di web"

Revision as of 18:05, 4 January 2015

Membuat web sederhana dengan html untuk memutar streaming dari hp

Anda juga bisa memutar live streaming anda langsung melalui web, saya telah menyiapkan script yang dibuat dengan html . Ada 2 file yang dipanggil nantinya yaitu jwplayer.js dan player.swf , ini merupakan embedding flash player yang digunakan untuk memutar video hasil live streaming nanti.

Scriptnya sangat sederhana yaitu :

  <html>

<body>

</body>

  </html>

Untuk mendapatkan file jwplayer.js dan player.swf anda perlu mendownload terlebih dahulu, di google sudah banyak yang mengupload file tersebut, anda tinggal mencarinya dengan kata kunci tersebut.

Terlihat Ip-address , kita sesuaikan dengan ip address kita . Misalnya ip address kita adalah 192.168.1.107 , ganti saja Ip-address dengan 192.168.1.107.

@@ Line 4: / Line 4: @@
 Scriptnya sangat sederhana yaitu :
-worker_processes  1;
+   <html>
+<body>
+<center>
+<h3>BELAJAR LIVE STREAMING</h3>
+<script src=”jwplayer.js" type="text/javascript"></script>
+<div id="nginx">
+</div>
+<script type="text/javascript">
+jwplayer('seosmk').setup({
+'flashplayer': player.swf',
+'file': 'belajar',
+'streamer': 'rtmp://Ip-address/hls/',
+'autostart': 'true',
+'stretching': 'exactfit',
+'controlbar': 'over',
+'width': '754',
+'height': '380'
+});
+</script><br/>
+<h3><a href="http://ip-addres:8080/hls/nama">Klik Disini Nonton Di Android/BB</a> | <a
+href="http://ip-address:8080/hls/nama">Klik Disini Nonton di i-Phone</a>
+</h3>
+</center>
+</body>
+   </html>
-events {
-    worker_connections  1024;
-}
-#Konfigurasi Untuk Live Streaming HLS dan Ondemand File pergunakan video format mp4
-http {
-    server {
-        listen      8080;
-        location /hls {
-            # HLS Live Streaming sumber dari RTMP
-            types {
-                application/vnd.apple.mpegurl m3u8;
-                video/mp2t ts;
-            }
-            root /var/live;
-            add_header Cache-Control no-cache;
-       }