Tutorial Membuat Pemutar Lagu Dengan Macromedia Flash


untuk tutorial kali ini kita akan coba memainkan lagu dengan menggunakan flash.
  •   pertama tama kita buat sebuah Folder untuk tempat file MP3 dan File Flashnya nanti (FLA). siampan foldernya terserah kalian.



  • .Lalu kamu taruh satu File MP3 di Folder buatan kamu. jadi si folder yang kjita bikin berisi beberapa lagu yang nanti nya akan kita coba putarkan.
  • .Selanjutnya kita mulai buka aplikasi Flash nya , mau versi flash berapa saja yang penting ada fitur buat ActionScript 3.
  • Setelah terbuka pilih yang ActionScript 3.0 lalu setelah itu langsung Save As saja di Folder buatanmu tadi.Untuk nama terserah mau di kasih apa.Kenapa langsung di Save? Langkah ini bertujuan untuk memudahkan pembuatan.Sehingga pada folder tadi terdapat satu buah file MP3 dan satu buah File FLA (Flash)





Proses Load Musik Pada Flash


  • .Langkah seterusnya Kita disini akan membuat sebuah perintah , dimana Flash akan me-LOAD musik pada direktori yang sama ( dalam kasus ini pada Folder yang sama. kurang lebih begitu ).Tekan F9 pada keyboard untuk membuka jendela ActionScript.

  • Untuk Me-load File musik kita bisa menggunakan perintah berikut pada jendela ActionScript:

========================================================

//membuat variabel
var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");


========================================================
Keterangan untuk Script di atas: filemp3kamu.mp3 merupakan url untuk file MP3 kita , disini saya menggunakan contoh lagu dari Maroon 5.Anda harus merubah url itu dengan lagu pada folder yang sama tadi.Sampai disini kita belum bisa membuat musik berbunyi.Untuk itu kita perlu menambahkan script lagi supaya nanti musik bisa di Load.

Kita tambahkan Script seperti ini untuk proses load file MP3 kita :

========================================================

//membuat variabel
var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");

//perintah untuk loading lagu
laguku.load(meminta);

========================================================
Sampai disini , kita berhasil me-load file MP3 kita , akan tetapi kita belum bisa mendengarkan suaranya.Untuk itu kita harus menambahkan script sebagai berikut.

========================================================

//membuat variabel
var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");

//perintah untuk loading lagu
laguku.load(meminta);

//perintah untuk memainkan lagu
laguku.play();


=========================================================

Jadi Keseluruhan penulisan ActionScript sebagai berikut :


var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");
laguku.load(meminta);
laguku.play();



Selesai deh , sampai pada langkah ini kita telah berhasil me-Load dan membunyikan musik.Anda bisa test hasilnya dengan cara tekan tombol CTRL + ENTER pada Keyboard.


langkah selanjutnya penambahan fitur tombol Play dan Stop pada pemutar musik flash yang kita buat.
langkah-langkahnya sebagai berikut:

  • .Untuk membahas penambahan fitur ini , pertama yang harus di lakukan adalah menghapus kode ActionScript yang berfungsi sebagai perintah memainkan lagu.

============================================================
//membuat variabel

var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");

//perintah untuk loading lagu
laguku.load(meminta);

//perintah untuk memainkan lagu
laguku.play();
============================================================


Hapus kode yang berfungsi sebagai perintah memainkan lagu , dalam kasus ini adalah kode laguku.play();
Jadi kode yang kita gunakan adalah sebagai berikut.



============================================================
//membuat variabel

var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");

//perintah untuk loading lagu
laguku.load(meminta);


============================================================

Menambahkan Fitur Play Dan Stop Button
  • .Tambahkan tombol Play dan Stop , kamu bisa menemukan tombol itu di menu Window >> Common Libraries >> Buttons >> Playback Rounded >> Untuk menambahkan tinggal geser/drag

  • .Kasih Instance Name pada tiap Button , (play_btn untuk Button Play , dan stop_btn untuk Button Stop)
  • .Kalau sudah terpenuhi semua , mari kita lanjutkan untuk memberikan perintah dengan ActionScript.kita disini akan memberikan perintah ketikan Button tersebut di klik.
============================================================



//membuat variabel

var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");

//perintah untuk loading lagu
laguku.load(meminta);



//Perintah ketika Button Play di klik
play_btn.addEventListener(MouseEvent.CLICK , mainkan);



function mainkan(e:MouseEvent):void
{
laguku.play();
}

============================================================

Kita sudah selesai memberi fungsi pada tombol Play.Akan tetapi ada sedikit BUG dengan script tersebut , yaitu ketika kita menekan tombol Play berulang-ulang , maka musik juga akan dimainkan secara berulang dan bersamaan.Sehingga suara akan menjadi kacau.Untuk mengatasi hal tersebut kita perlu manambahkan beberapa script seperti berikut.
============================================================

//membuat variabel
var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");
var channelku:SoundChannel = new SoundChannel();
var ketikaMain:Boolean = false;

============================================================


Serta kita harus mengganti susunan kode Button Play sebagai berikut :


============================================================

//Perintah ketika Button Play di klik
play_btn.addEventListener(MouseEvent.CLICK , mainkan);

function mainkan(e:MouseEvent):void
{
if (ketikaMain == false) {
channelku = laguku.play();
ketikaMain = true;
}
}

============================================================


Selesai, sekarang tinggal kita test dengan cara tekan tombol CTRL + ENTER.Maka Bug akan teratasi dan tombol Play telah berkerja dengan baik.Untuk selanjutnya kita akan membuat Fungsi untuk tombol Stop.Untuk tombol Stop kita gunakan script berikut.


============================================================


//Perintah ketika Button Stop di klik
stop_btn.addEventListener(MouseEvent.CLICK , berhentiDong);

function berhentiDong(e:MouseEvent):void
{
channelku.stop();
ketikaMain = false;
}

=============================================================

Jadi penulisan semua kode sebagai berikut :


//membuat variabel
var laguku:Sound = new Sound();
var meminta:URLRequest = new URLRequest("filemp3kamu.mp3");
var channelku:SoundChannel = new SoundChannel();
var ketikaMain:Boolean = false;
//perintah untuk loading lagu
laguku.load(meminta);
//Perintah ketika Button Play di klik
play_btn.addEventListener(MouseEvent.CLICK , mainkan);
function mainkan(e:MouseEvent):void
{
if (ketikaMain == false) {
channelku = laguku.play();
ketikaMain = true;
}
}
//Perintah ketika Button Stop di klik
stop_btn.addEventListener(MouseEvent.CLICK , berhentiDong);
function berhentiDong(e:MouseEvent):void
{
channelku.stop();
ketikaMain = false;
}

akhirnya selesai juga proyek kita... selamat mencoba!

Sumber: http://blogovoo.blogspot.com/2013/03/pemutar-musik-sederhana-play-dan-stop.html

1 komentar:

Jamaludin mengatakan...

Gan kalau di macromedia flash 8 ActionScript 3 nya tdk ada, apakh ttp bisa membuat pemutaran daftar lagu?.. tolong bantu gan ane lagi butuh bgt nh. tq

Posting Komentar