Latest Blog
Multimedia Interaktif Tata Surya
Membuat Multimedia Pembelajaran Interaktif tentang tata surya
ALL BLOG
;
Membuat Playlist MP3 dengan Flash AS 3
Konsep dasar
Pada tutorial sebelumnya tentang me-load suara dari file eksternal kita belajar tentang memainkan file suara yang berada di luar aplikasi. Pada beberapa apilkasi multimedia, sering kita temui beberapa lagu-atau musik dapat dipilih untuk dimainkan (biasanya disebut dengan Play List). Pada tutorial ini juga akan dijelaskan cara membuat pPlay List dengan me-load lagu dari luar aplikasi. Untuk membuatnya ikuti langkah berikut :
Menyiapkan Asset
- Siapkan file suara 3 buah bertipe MP3 kemudian copy ke folder tempat anda bekerja.
- Bukalah file sumber dari tutorial me-load suara dari file eksternal. Kita akan menambahkan 3 buah tombol pilihan lagu, untuk itu tambahkan 3 buah tombol dan atur kembali posisi masing-masing symbol seperti pada gambar berikut:
- Tambahkan instance name pada ketiga tombol tersebut menjadi tombol t_lagu_1, tombol t_lagu_2 dan tombol t_lagu_3
- Selanjutnya klik layer kode, dan tambahkan beberapa kode (baris 64 - 85) menjadi seperti kode berikut
import flash.events.MouseEvent; import flash.media.SoundTransform; var lagu:Sound = new Sound(); lagu.load(new URLRequest("lagu_2.mp3")); var musik:SoundChannel = new SoundChannel(); musik = lagu.play(0,999); var pengatur_suara:SoundTransform = new SoundTransform(); t_play.addEventListener(MouseEvent.CLICK, atur_tombol_suara); t_pause.addEventListener(MouseEvent.CLICK, atur_tombol_suara); t_stop.addEventListener(MouseEvent.CLICK, atur_tombol_suara); t_vol_min.addEventListener(MouseEvent.CLICK, atur_tombol_suara); t_vol_plus.addEventListener(MouseEvent.CLICK, atur_tombol_suara); var suara_aktif:Boolean = true; var posisi:Number = 0; function atur_tombol_suara(e:MouseEvent):void { var nama_tombol:String = e.currentTarget.name; if (nama_tombol == "t_play") { if (! suara_aktif) { musik = lagu.play(posisi,99991); suara_aktif = true; musik.soundTransform = pengatur_suara; } } if (nama_tombol == "t_pause") { posisi = musik.position; musik.stop(); suara_aktif = false; } if (nama_tombol == "t_stop") { posisi = 0; musik.stop(); suara_aktif = false; } if (nama_tombol == "t_vol_min") { pengatur_suara.volume = pengatur_suara.volume - 0.2; if (pengatur_suara.volume <= 0) { pengatur_suara.volume = 0; } musik.soundTransform = pengatur_suara; } if (nama_tombol == "t_vol_plus") { pengatur_suara.volume = pengatur_suara.volume + 0.2; if (pengatur_suara.volume >= 1) { pengatur_suara.volume = 1; } musik.soundTransform = pengatur_suara; } } t_lagu_1.addEventListener(MouseEvent.CLICK, atur_tombol_playlist); t_lagu_2.addEventListener(MouseEvent.CLICK, atur_tombol_playlist); t_lagu_3.addEventListener(MouseEvent.CLICK, atur_tombol_playlist); function atur_tombol_playlist(e:MouseEvent):void { posisi = 0; musik.stop(); musik = null; lagu = new Sound(); var nama_tombol:String = e.currentTarget.name; if (nama_tombol == "t_lagu_1"){ lagu.load(new URLRequest("lagu_1.mp3")); } if (nama_tombol == "t_lagu_2"){ lagu.load(new URLRequest("lagu_2.mp3")); } if (nama_tombol == "t_lagu_3"){ lagu.load(new URLRequest("lagu_3.mp3")); } musik = lagu.play(0,999); }
Simpan, kemudian jalankan aplikasi dengan menekan tombol Ctrl+Enter, maka hasil dari tutorial ini adalah sebagai berikut:
Penjelasan Kode
Penjelasan kode diatas adalah sebagai berikut :
- Untuk membuka file suara yang berada di luar aplikasi digunakan perintah URLRequest diikuti dengan nama file. Dengan cara ini Aplikasi flash akan menstreaming lagu, byte demi byte. Apabila file aplikasi dijalankan secara offline maka suara akan terdengar seketika, karena proses loading yang sangat cepat. Sedangkan apabila file aplikasi dijalankan secara online, maka dibutuhkan beberapa detik untuk membuka file suara.
- Untuk membuat playlist, pada masing-masing tombol pilihan lagu ditambahkan listener. Setiap kali tombol ditekan, musik di stop terlebih dahulu, kemudian dilakukan load ulang sesuai dengan nama file dari MP3 yang akan dimainkan. Setelah lagu baru di load, maka musik dimainkan lagi, sehingga - lagu baru kembali terdengar.
lagu.load(new URLRequest("bgm.mp3"));
posisi = 0; musik.stop(); musik = null; lagu = new Sound(); var nama_tombol:String = e.currentTarget.name; if (nama_tombol == "t_lagu_1"){ lagu.load(new URLRequest("lagu_1.mp3")); }
musik = lagu.play(0,999);
File Sumber
download
Share ( Ayo Berbagi )
Leave me a comment
untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon