Membuat Volume Slider Actionscript 3.0

Berikut penjelasan mengenai pembuatan Volume Slider dengan Actionscript 3.0. 


Gambar diatas adalah bentuk sederhana dari volume slider dan bola merah diatas adalah knob-nya. Dimana movieclip slider adalah knob + garis. Sedangkan didalam movieclip slider (klik 2x) terdapat movieclip Knob saja. 
Jadi nanti Anda dapat mengatur suara dengan menarik knob-nya secara horizontal.


Perhatikan script pemanggil suara external berikut :
var mySound:Sound = new Sound();   
mySound.load(new URLRequest("TechTalk.mp3"));   
var myChannel:SoundChannel = new SoundChannel();   
myChannel=mySound.play(); 
Penjelasan singkat :
TechTalk.mp3, adalah music yang akan dipanggil.
myChannel=mySound.play(), script untuk memainkan musik.

Kemudian menambahkan variable berikut :
var dragging:Boolean=false;
var mySliderLength:uint=175;  
var boundingBox:Rectangle=new Rectangle(0,0,mySliderLength,0);  
Penjelasan :
dragging, adalah proses ketika akan menarik knob.
mySliderLength, adalah panjang slider-nya.
boundingBox, script untuk membuat object kotak sepanjang slider yang telah dibuat.

 Lanjutkan dengan script dibawah ini :
slider_mc.knob_mc.addEventListener(MouseEvent.MOUSE_DOWN, dragKnob);   
stage.addEventListener(MouseEvent.MOUSE_UP, releaseKnob);   
slider_mc.knob_mc.buttonMode=true;
Penjelasan singkat :
slider_mc.knob_mc, adalah nama instansi untuk slider dan knob-nya.
slider_mc.knob_mc.buttonMode=true, adalah script untuk mengubah mode movieclip ke mode button.

Kemudian dilanjutkan dengan function berikut :
function dragKnob(myEvent:Event):void {
    slider_mc.knob_mc.startDrag(false, boundingBox);
    dragging=true;
    slider_mc.knob_mc.addEventListener(Event.ENTER_FRAME, adjustVolume);   
Function dragKnob bertugas untuk mengatur dragging knob berwarna merah tersebut untuk bergerak kekiri dan kekanan.

Kemudian dilanjutkan dengang menambahkan function release Knob :
function releaseKnob(myEvent:Event):void {
    if (dragging) {
        slider_mc.knob_mc.stopDrag();
        dragging=false;
    }  
 
Function release ini berfungsi jika dragging dilepaskan, maka dragging akan bernilai false.

Dibawahnya dilanjutkan dengan :
function adjustVolume(myEvent:Event):void {
    var myVolume:Number=slider_mc.knob_mc.x/mySliderLength;
    var myTransform:SoundTransform=new SoundTransform(myVolume);
    if (myChannel!=null) {
        myChannel.soundTransform=myTransform;
    }   
}

Adjust volume, dimana function yang akan mengatur volume suara ketika Anda melakukan proses drag knob.

Jika seluruh script diatas dilakukan dengan benar Anda dapat menjalankannya dengan menekan Ctrl+Enter.

Sumber : http://www.danfergusdesign.com/classfiles/oldClasses/VCB331-richMedia1/exercises/sound_volumeSlider.php


Membuat Volume Slider Actionscript 3.0 Membuat Volume Slider Actionscript 3.0 Reviewed by Ardy S on May 14, 2015 Rating: 5

No comments:

Powered by Blogger.