Membuat Mp3 Player dengan Flash Print E-mail
Written by First Ryan   
Monday, 19 July 2010 13:38

Flash Mp3 PlayerKali ini kita akan membuat music player dengan menggunakan Flash + ActionScript 2.0. Banyak manfaat sebuah player menggunakan flash diantaranya, hasil dari compile menjadi swf dapat kita masukan kedalam website kita. Sehingga kita dapat menikmati music diwebsite kita.

Berbeda dengan kita membuat Player menggunakan VB atau membuat player menggunakan Delphi yang tentunya tidak dapat dimasukan ke dalam website kita.

Ok kita mulai saja tutorial kali ini.


Pertama buat lembar kerja baru dan pilih Flash File (Action Script 2.0)

Pada panel properties yang ada dibawah atur width = 250px dan height = 110px, serta atur background dengan warna #222222

Lalu buat Frame menggunakan Rectangle Tool dan susun seperti gambar dibawah ini.

(Stroke Color #666666, Fill Color #000000)


Flash Mp3 Player


Setelah itu beri tombol untuk player yang akan dibuat.

Kita dapat mengambil dari Library Flash. Pilih Widows > Commons Libraries > Buttons.

Disini saya menggunakan button playback rounded. Lalu susun seperti gambar di bawah ini.

Untuk button Volume dan Load saya variasi sendiri sesuai keinginan.

Flash  Mp3 Player


Tambahkan input text sebagai source dari file mp3 kita dan beri var : load lalu susun seperti gambar dibawah ini.


Flash Mp3 Player


Tambahkan sebuah Dynamic Text sebagai judul player yang kita buat. var : judul

Flash Mp3 Player


Buat sebuah Symbol baru dengan jenis Movie clip lalu beri nama durasi. Symbol  ini digunakan untuk mengetahui berapa durasi file yang kita putar.

Flash Mp3 Player


Pada Movie clip durasi tambahkan sebuah Dynamic text  dengan var:durasi.

Flash Mp3 Player


Lalu kita membuat angka indicator volume. Kita pbuat symbol baru lagi, pilih movie clip dan beri nama dengan volume.

Flash Mp3 Player


Pada Movie clip volume tambahkan sebuah Dynamic text  dengan var:volume.


Flash Mp3 Player


Kita kembali ke Scene 1. Tambahkan sebuah tulisan “volume : menggunakan static text.

Flash Mp3 Player


Disini kita telah mendapatkan sebuah player dari flash. Namun, belum bias dijalankan karena kita belum member skrip pada player tersebut.


Berikut skripnya.

Movie clip durasi :

onClipEvent(enterFrame){
durasi=Math.floor(_root.mySound.duration/1000);
posisi=Math.floor(_root.mySound.position/1000);
Waktu=durasi-posisi;
Menit=Math.floor(Waktu/60);
Detik=Waktu-(Menit*60);
this.durasi=Menit+":"+Detik;
}


Movie clip volume :

onClipEvent(enterFrame){
this.volume=_root.mySound.getVolume();
}


Button minus (-) volume :

on(release){

volumeNow=_root.mySound.getVolume();

if (volumeNow==0) {

_root.mySound.setVolume(0);

} else {

_root.mySound.setVolume(volumeNow-10);

}

}


Button minus (-) volume :

on(release){

volumeNow=_root.mySound.getVolume();

_root.mySound.setVolume(volumeNow+10);

}

Button play :

on(release){

_root.mySound.start(_root.mySoundPosition,0);

}

Button pause :

on(release){

_root.mySoundPosition=_root.mySound.position/1000;

_root.mySound.stop();

}


Button stop :

on(release){

_root.mySoundPosition=0;

_root.mySound.stop();

}


Button load :

on(release){

mySound=new Sound();

mySound.loadSound(_root.load, false);

mySound.start(0,1);


mySoundName=mySound.id3.songname;

_root.judul=mySoundName;

}


Cara menggunakanya yaitu anda harus mengcopy path tempat file anda di taruh, contoh : C:/Music/lagu.mp3




Selamat mencoba.





Last Updated on Friday, 27 August 2010 19:48
 

Add comment


Security code
Refresh

News Update


Monday, 02 August 2010 07:46
Peraturan Forum dan Komunitas Replace ID1.  Gunakan kata-kata yang sopan dan tidak mengandung
Tuesday, 13 July 2010 10:45
Mungkin anda kaget melihat judul diatas yang mengatakan "Windows XP SP2 telah tiada". Yang dimaksud
Friday, 07 May 2010 14:47
Sejumlah Pesain Microsoft - terutama Mozilla, Opera, Apple, dan Google telah bekerja selama

Langganan Koran

Langganan tutorial via email:

Delivered by FeedBurner


Numpang Bicara

Link Widget

Technology Blogs - Blog Rankings TopOfBlogs Increase Page Rank Google Free PageRank Checker