Membuat Mp3 player dengan Flash

December 21, 2008 in Komputer | Tags: belajar flash, flash, membuat mp3 player, mp3 player sederhana, tutorial flash | by Abid Famasya

Melihat begitu banyaknya yang melihat tutorial yang berisi membuat efek mengetik dengan flash, maka saya coba-coba cari referensi di internet lagi. Kali ini saya akan membuat simple mp3 player tentu saja dengan flash. Go!
Pertama, buat sebuah rectangle di stage area dan corner radiusnya adalah 10. Jangan beri warna apapun di dalamnya

Next, buat juga 2 layer. Bernama player dan as (actionscript). Pada layer player, buat 2 kotak yang sama. Satu kotak di-convert ke button dengan nama play dan satunya di-convert dengan nama pause.

Sekarang mainkan musik kesukaan kamu. Biar nggak stress! Next. Atur layoutnya agak bener-bener simple.

Sekarang klik button start dan ketikkan play_btn pada instance name. Dan klik stop button dan ketikkan stop_btn pada instance name. Jadinya kayak di atas.

sekarang mulai pake actionscript. Sekarang kita main2 dengan audio ya!! Pada layer as klik panel action frame (di-bawah stage). Ketikkan ActionScript berikut:

var lagu:Sound = new Sound(); //mendeklarasikan variabel lagu lagu.loadSound(“axel.mp3″,false); //meload sound
play_btn.onRelease = function(){
lagu.start();
};
stop_btn.onRelease = function() {
lagu.stop();
};

(sekali lagi, saya sangat menganjurkan untuk mengetik manual). Hasilnya akan seperti ini:

Oke, saya akan jelaskan.

var lagu:Sound = new Sound(); // menyatakan bahwa variabel lagu adalah sound

lagu.loadSound(“axel.mp3″,false);

Me-load lagu dengan nama file anya adalah axel.mp3 (kamu juga bisa me-load file dari URL. Contohnya axel.mp3 diganti dengan http://www.domain.com/file/axel.mp3). Nilai false jika file tidak di-load otomatis. Jika nilai false dirubah menjadi true, maka setiap flash dibuka, otomatis me-load file. Kamu bisa juga me-import lagu ke library dulu lalu di-load dalam flash itu. Caranya import, File > Import > Import to Library… setelah itu, klik kanan file tadi di library dan klik Linkage, klik pilihan Export for ActionScript dan isi Identifier-nya dengan nama file (punya saya axel). Lalu, ganti kode diatas dengan

lagu.attachSound(namafile) //punya saya lagu.attachSound(axel)

play_btn.onRelease = function(){
lagu.start();
};

ActionScript diatas berarti bila tombol play_btn (karena tadi instance name-nya adalah play_btn) ditekan (onRelease) maka mulai memainkan lagu kita.

stop_btn.onRelease = function() {
lagu.stop();
};

Kalo yang diatas ini kebalikannya. Kalo tombol stop_btn (instance name-nya stop_btn) ditekan, maka akan menghentikan pemutaran lagu. Sekarang Test Movie (Ctrl+Enter)

Oke, inilah akhir dari tutorial singkat saya. Jika ada pertanyaan, silakan isi komentar ataupun email saya.

Posted in: Animasi dan flash