KONSEP
Dalam bahasa Indonesia “Streaming” berarti “yg mengalir”. Sedangkan menurut istilah Streaming adalah sebuah teknologi untuk memainkan file video atau audio secara langsung ataupun dengan pre-recorder dari sebuah mesin server (web server). Dengan kata lain, file video ataupun audio yang terletak dalam sebuah server dapat secara langsung dijalankan pada browser sesaat setelah ada permintaan dari user, sehingga proses running aplikasi yang didownload berupa waktu yang lama dapat dihindari tanpa harus melakukan proses penyimpanan terlebih dahulu.
Saat file video atau audio di stream, akan berbentuk sebuah buffer di komputer client, dan data video-audio tersebut akan mulai di download ke dalam buffer yang telah terbentuk pada mesin client. Dalam waktu sepersekian detik, buffer telah terisi penuh dan secara otomatis file videoaudio dijalankan oleh sistem. Sistem akan membaca informasi dari buffer dan tetap melakukan proses download file, sehingga proses streaming tetap berlangsung ke mesin(komputer) user.
Untuk lebih jelasnya kita akan mempraktekan video streaming. Sebelum nya silahkan download file-file untuk video streaming.
DOWNLOAD
http://www.4shared.com/file/245014394/4a8ad625/ri32.html
Catatan : Jika video tidak tampil, mungkin 000webhosts sudah memberikan mode : error pada halaman tersebut. hal ini ‘wajar’ karena penggunaan bandwidth untuk buffer video. jadi harap maklum adanya. (By Agus revisi 12-12-2010)
CARA PENGGUNAAN
- Sebelumnya saya asumsikan anda sudah menginstall software XAMPP untuk menjalankan file PHP.
- Setelah di download dan di extrak folder “ri32”, simpanlah folder tersebut di webserver xampp misalnya di C:\xampp\htdocs\ri32\
- Anda bisa langsung menjalankannya dengan mengetikan alamat di browser http://localhost/ri32/video.php
- Selesai.
PENJELASAN
Untuk penjelasan script, silahkan buka file “video.php” yang ada di dalam folder “ri32” di alamat C:\xampp\htdocs\ri32\
<html>
<head>
<title>Video Streaming</title>
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
</head>
<body>
http://swfobject.js
var s1 = new SWFObject(“http://localhost/ri32/video/player.swf”,”ply”,”380″,”320″,”9″,”#ffffff”);
s1.addParam(“flashvars”,”file=video4.flv&image=http://localhost/ri32/video/preview.jpg”);
s1.addParam(“allowfullscreen”,”true”);
s1.addParam(“allowscriptaccess”,”always”);
s1.write(“container2”);
</body>
</html>
Pada script diatas ada beberapa yang bisa anda konfigurasikan yaitu :
- Untuk mengubah alamat player sesuaikan dengan nama, dan alamat folder di webserver anda misalnya : SWFObject(“http://localhost/ri32/video/player.swf“,”ply”,”380″,”320″,”9″,”#ffffff”);
- Sedangkan yang paling penting adalah konfigurasi nama file video yang akan ditampilkan dan gambar preview sebagai “cover” videonya. Untuk file-file videonya disimpan didalam folder “video” menyatu bersama file player.swf. scriptnya sebagai berikut : s1.addParam(“flashvars”,”file=video4.flv&image=http://localhost/ri32/video/preview.jpg“);
- Untuk nama file video, anda juga bisa mengambil nama filenya dari sebuah database dan memasukanya ke dalam sebuah variable. Misalnya : s1.addParam(“flashvars”,”file=$video_tampil&image=http://localhost/ri32/video/$gambar_preview“);
- Jika web anda sudah di upload ke server hosting, ganti alamatnya dengan alamat web anda misalnya : SWFObject(“http://labhouse.co.cc/ri32/video/player.swf”,”ply”,”380″,”320″,”9″,”#ffffff”); s1.addParam(“flashvars”,”file=video4.flv&image=http://labhouse.co.cc/ri32/video/preview.jpg“);
- Untuk ukuran video playernya misalnya lebar (width), dan tinggi(height) bisa di ubah di script ini : SWFObject(“http://localhost/ri32/video/player.swf”,”ply”,”380“,”320“,”9″,”#ffffff”);
Sekian tutorial dari saya, jika ada yang kurang jelas silahkan bertanya. Maaf jika ada kesalahan kata-kata. Semoga tutorial ini bermanfaat untuk anda…aamiin
Depok, 20-03-2010
noname
-6.394780
106.850629
Like this:
Like Loading...
Filed under: Belajar Website | Tagged: jwplayer, labhouse.co.cc, php, ri32, streaming, video | 48 Comments »
