Rabu, 27 Oktober 2010

Script Video Streaming




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 UE 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 videoaudio tersebut akan bulai 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 i.
Lalu bagaimana cara membuatnya?
  1. Download video player terlebih dahulu. Perlu diketahui, video player inilah yang bertugas menjalankan video dalam format flash, oleh karenanya ekstensi file video yang dapat dijalankan hanyalah .FLV (Flash Video). Video player banyak macamnya, ada pula yang free atau tidak berbayar alias gratis, contohnya xmoov, flowplayer, jwplayer dll. (dalam tutorial ini saya menggunakan flowplayer / bisa download versi saya disini)
  2. Setelah itu extract file yang sudah di download. Pada versi saya disertakan sebuah file video dengan ekstensi .flv.
  3. Buat sebuah script sederhana index.php untuk menjalankan video via browser atau yang kita sebut streaming video. Kalau versi saya script nya kurang lebih seperti di bawah ini,
<html>
<head>

<script type="text/javascript" src="flowplayer-3.2.4.min.js"></script>

<title>Video Streaming</title>
</head>

<body bgcolor="black">
<center>
<h1><u><font color="lightgreen">Video Streaming Script</font></u></h1><br>
    <a
    href="http://localhost/videostreaming/video.flv"
    style="display:block;width:520px;height:330px;border:2px solid lightgreen;"
    id="player">
    </a>
</center>

<script>
    flowplayer("player", "flowplayer-3.2.4.swf");
</script>

</body></html>
4. Jika sudah, letakkan file di atas ke dalam folder yang sudah di extract tadi, lalu tempatkan di htdocs.
5. Video Streaming siap dimainkan.

0 komentar:

Posting Komentar

Web Hosting