Pandu Satria

Sometime imagination better than knowledge

Aplikasi Video Streaming dengan Flex

leave a comment »

Jika kita mengunjungi situs, misal youtube.com maka kita akan melihat content utama dari website tersebut berupa video streaming. Membuat media stream pada Flex adalah cukup mudah dan  tidak perlu menambahkan plugin lain, melainkan cukup menggunakan komponen VideoDisplay yang secara otomatis sudah terdapat pada Flex.

Langkah awal membuat video streaming adalah siapkan file video berformat .flv dan letakkan dalam folder video.

Berikut adalah program untuk membuat video streaming :

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				creationComplete="videoDisp.pause();">
	<mx:VBox>
		<mx:VideoDisplay id="videoDisp"
						 source="video/Desire.flv"
						 height="250"
						 width="250"
						 />
		<mx:HBox>
			<mx:Button label="Play" click="videoDisp.play();"/>
			<mx:Button label="Pause" click="videoDisp.pause();"/>
			<mx:Button label="Stop" click="videoDisp.stop()"/>
			<mx:Label text="{videoDisp.playheadTime}" fontWeight="bold" color="#F3FAFB"/>
		</mx:HBox>
	</mx:VBox>
</mx:Application>

Penjelasan program :

  • Baris ke-3 hingga 9 : mendeklarasikan komponen VideoDisplay beserta properties-nya.
  • Baris ke-11 : fungsi videoDisp.play() merupakan fungsi untuk menjalankan VideoDisplay.
  • Baris ke-12 : fungsi videoDisp.pause() merupakan fungsi untuk menghentikan video pada waktu tertentu.
  • Baris ke-13 : fungsi videoDisp.stop() merupakan fungsi untuk menghentikan video dan kembali ke start awal.
  • Baris ke-14 : fungsi playHeadTime merupakan fungsi untuk mendapatkan informasi waktu menjalankan aplikasi yang kita buat.

Berikut adalah screenshot dari aplikasi yang kita buat :

Written by ndoet

11/15/2010 at 9:13 PM

Posted in Flex

Tagged with , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: