Rabu, 08 Juni 2011

Video
Text

Flash no.5 : Membuat tombol pause dan play untuk memutar file mp3


Para pembaca, sebelumnya saya sudah menulis tentang membuat button play dan stop, nah pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat tombol pause dan play. Bila anda belum membaca tutorial saya sebelumnya ( membuat button play dan stop ) saya sarankan anda untuk membacanya dahulu, mencarinya gampang kok yaitu ” flash no.4”, saya kalau menulis tutorial pasti saya beri nomor urut pembuatan supaya para pembaca gampang untuk memahami urut urutan pembuatannya.
Mungkin diantara anda masih kebingungan, sebenarnya apa sih perbedaan stop dan pause? Nah, tombol stop adalah tombol yang digunakan untuk menghentikan pemutaran ( dalam hal ini mp3 ) , sehingga saat tombol play ditekan maka mp3 akan diputar dari awal. Berbeda dengan tombol pause, bila ditekan maka tombol pause akan menghentikan pemutaran pada ‘posisi current’, sehingga ketika tombol play dimainkan maka lagu akan dilanjutkan (tidak diulangi dari awal lagi).
Oke, mari kita mulai, mengacu kepada tutorial sebelumnya (Flash no.4: membuat tombol play dan stop untuk memutar file mp3) diumpamakan saja kita telah membuat tombol play (sekali lagi mohon baca tutorial sebelumnya ) seperti pada gambar berikut ini :
play and stop
“di atas adalah tombol play dan stop yang sudah kita buat sebelumnya, sekali lagi silahkan baca tutorial sebelumnya”
action script play stop
“gambar diatas merupakan action script dari tombol play dan stop yang telah kita buat sebelumnya”
Untuk lebih jelasnya berikut adalah kode kode play dan stop kita sebelumnnya:
import flash.media.Sound;
import flash.media.SoundChannel;
import flash.events.MouseEvent;
var okie_sound:Sound = new Sound(new URLRequest(“TIPEX – SAAT SAAT MENYEBALKAN.mp3″));
var okie_channel:SoundChannel;
var sedangDimainkan:Boolean = false;
//button play kita
okie_play.addEventListener(MouseEvent.CLICK, play_musik);
okie_stop.addEventListener(MouseEvent.CLICK, stop_musik);
function play_musik(event:MouseEvent):void{
if(sedangDimainkan == true){
okie_channel.stop();
}
okie_channel = okie_sound.play();
sedangDimainkan = true;
}
function stop_musik(event:MouseEvent):void{
okie_channel.stop();
}
==============================================================
Langsung kita bahas tahab demi tahab

-Langkah 1 : Buatlah tombol pause, anda dapat menggunakan Button yang sudah ada di Common Libraries atau membuatnya secara manual ( ditutorial pertama Flash no. 1 juga sudah saya sampaikan). Di tutorial ini saya menggunakan button yang sudah ada di Common Libraries nya Adobe Flash supaya tidak repot.
Window -> Common Libraries -> Button -> pilih Pause Button yang anda suka -> drag ke stage -> berikan instance name
Saya rasa tahap tahap diatas sudah cukup jelas, instance name adalah nama khusus untuk button pause kita supaya nantinya dapat berinteraksi dengan script kita. Untuk memberikan instance name, anda dapat melirik ke Window Properties yang secara default sudah tertampil di lembar kerja. Nah, di sini saya member ‘okie_pause’ sebagai instance namenya.
Lihat gambar:
play pause stop
-Langkah 2 : buka lah window action , lihat timeline arahkah mouse anda ke frame yang ada as nya ( biasanya diberi tanda @ ) -> klik kanan -> actions
Lihat gambar:
action
-Langkah 3 : Ubah kodenya hingga menjadi seperti ini, untuk tambahan pause sudah saya kasih tanda
import flash.media.Sound;
import flash.media.SoundChannel;
import flash.events.MouseEvent;
var okie_sound:Sound = new Sound(new URLRequest(“TIPEX – SAAT SAAT MENYEBALKAN.mp3″));
var okie_channel:SoundChannel;
var sedangDimainkan:Boolean = false;
var pausePosition:int = 0; //untuk pause
//button play kita
okie_play.addEventListener(MouseEvent.CLICK, play_musik);
okie_stop.addEventListener(MouseEvent.CLICK, stop_musik);
okie_pause.addEventListener(MouseEvent.CLICK, pause_musik); //untuk pause
function play_musik(event:MouseEvent):void{
if(sedangDimainkan == true){
okie_channel.stop();
}
okie_channel = okie_sound.play(pausePosition); //untuk pause
sedangDimainkan = true;
}
function stop_musik(event:MouseEvent):void{
okie_channel.stop();
pausePosition = 0; //untuk pause
}
//untuk pause
function pause_musik(event:MouseEvent):void{
if(sedangDimainkan == true){
pausePosition = okie_channel.position;
okie_channel.stop();
}
}
lihat pada gambar:
kode akhir
“pada script diatas kita bermain main dengan pausePosition , pausePosition bertype int ( bilangan integer ), saat pause button diclick maka kita bisa lihat code di line 29
pausePosition = okie_channel.position.
Nah disini pausePosition diisi dengan position pada channel, sehingga saat tombol play di tekan kembali maka seperti pada line 19
okie_channel  = okie_sound.play(pausePosition);
Selesai juga, akhirnya tutorial ini selesai , dan saya berharap yang saya sampaikan ini mudah untuk dimengerti para pembaca semuanya. Terimakasih sampai jumpa kembali di tutorial saya selanjutnya. ^_^
==========================================
Judul : Membuat tombol pause dan play untuk memutar file mp3
Software : Adobe Flash ( di sini saya menggunakan Adobe Flash CS5 )
Deskripsi : Di dalam tutorial ini kita akan membuat tombol play sekaligus tombol pause , dan kita juga akan memutar file file mp3
Tanggal dibuat : 26 Agustus 2010
NB : “ah, sangat sulit memahami tutorial bila divisualkan secara text, bila anda berminat  saya sarankan untuk mempelajari video tutorialnya di Youtube  dengan mencarinya di search,  anda dapat mendownloadnya dengan sangat mudah menggunakan IDM ( Internet Download Manager ) “

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments