MP3 Player Yapalım
Çalışmamızda mp3 player hazırlayacağız. Çalışmamıza yeni bir çalışma sayfası açarak başlayalım benim tercihim 375×100 px oldu rectangle tool aracı ile sahneye bir dikdörtgen çizelim dış çizgisi olursa daha iyi olur çizim tamamlanınca seçili durumda F8 movie klip yapalım name olarak playe yazalım, klip içine girelim layer1 adını bg yapalım. Benim örnek uygulamam.
2-Çalışmamızın bu kısmında kullanacağımız butonları yapalım. İlk olarak sahneye üçgen çizelim F8 button yapalım name kısmına play yazalım.
3-Stop butonu için kare çizelim button yapalım name stop olsun.
4- Pause butonu için örnek resimdeki çizimi yapalım button yapalım name pause olsun.
5-Next ileri button yapalım.
6-Butonlarımızı tamamladık bg layer üzerine yeni layer ekleyelim layer adını butonlar olarak değişelim kütüphaneden butonlarımızı alarak yerleştirelim örnek resim.
7- Yeni layer ekleyelim layer adını volume yazalım. Ses kontrol çubuğunu yapalım sahneye. Oval tool aracı ile tekrar daire çizelim seçili durumda F8 klip yapalım name olarak dragger yazalım seçili durumda klip yapalım name olarak volDragger yazalım klip seçili durumda F8 movie clip yapalım name olarak volSlider yazalım clipin içine girelim 100×1 px çizgi çizelim örnek resimde görüldüğü şekilde tek layerde çizgi ve volDragger klipimiz volSlider klip içinde ayarlanmış oluyor. Devamında sahnedeki daireyi seçili yapalım actions paneli açalım kodu ekleyelim.
onClipEvent(enterFrame){
_parent._parent.music.setVolume(this._x);
}
görünüm
8- MP3 çalma süresi için aynı uygulamaları tekrarlayalım oval tool aracı ile daire çizelim seçili durumda F8 button yapalım name drag yazalım. Buton seçili durumda F8 movie klip yapalım name kısmına dragger.mc yazalım, klipimiz seçili F8 movie klip yapalım name olarak slider yazalım slider klipimizin içine girelim layer adını dragger yapalım yeni layer ekleyelim layer adını line yapalım line layeri en altta alalım 100 px uzunluğunda çizgi çizelim dragger layer üzerinde sahnedeki dairemizi seçili yapalım instance name kısmına dragger yazalım burayı unutmayalım. Sahnede dragger seçelim actions paneli açalım ekli kodu ekleyelim örnek resim.
onClipEvent(enterFrame){
if(dragging != true){
this._x = (_parent._parent.music.position/_parent._parent.music.duration) * 100;
}
}
9-Player klipe gelelim bg,butonlar layer üzerindeki layer adını slider olarak yazalım hazırladığımız volSlider ve slider klipleri ayarlayalım slider klip seçili instance name kısmına slider yazalım örnek resim.
10-Yeni layer ekleyelim layer adını infoBg yapalım örnek resimdeki şeklere benzer kutular çizelim.
11-Yeni layer ekleyelim layer adı infoText olsun ilk olarak üst dikdörtgenin ölçülerinde text tool aracını seçelim dynamic text seçimi yapalım var kısmına title yazalım örnek resim.
Tekrar dynamic text kullanarak var kısmına time yazalım örnek resimdeki şekli oluşturalım burası çalma süresini gösterecek.
12-Yeni layer ekleyelim layer adını xmlLoader olarak yazalım insert new symbol F8 movie clip yapalım name olarak xmlLoader yazalım klip içine girelim layer1 1. framesini boş bırakalım 2,3,4,5 framelere keyframe ekleyelim.
2.framede actions paneli açalım ekli kodu ekleyelim.
_parent.tracks = new XML();
_parent.tracks.ignoreWhite = true;
_parent.tracks.load("music/trackInfo.xml");
totalBytes = -1;
3.framede ekli kodu ekleyelim.
gotoAndPlay(3);
4.frameye gelelim stıop ekleyelim
stop();
13- Yeni layer ekleyelim layer adı actions olsun 1,2,3 framelere keyframe ekleyelim
1.framede actions paneli açalım ekli kodu ekleyelim.
firstLoad = true;
nodeNum = 0;
if(pause != true){
time = "00:00:00";
}
stop();
2.frameye gelelim ekli kodu ekleyelim.
pos = new Date();
pos.setSeconds(music.position/1000);
pos.setMinutes((music.position/1000)/60);
pos.setHours((music.position/1000)/120);
14-Scene1 sahnemize gelelim layer1 adı player olsun F6 keyframe ekleyelim 1.frameyi boş bırakalım 2.framedeki player seçili yapalım instance name kısmına player yazalım.
15-Yeni layer ekleyelim layer adı music olsun aynı şekilde 1.frame baoş kalıyor 2.framede actions paneli açalım stop ekleyelim
stop();
15- çalışmamızı bitirdik trackInfo adı ile XML dosyası oluşturalım. Örnek oluşumu sizlere vereyim.
tracks>
3.frameye gelelim actions paneli açalım kodu ekleyelim.
if(totalBytes != -1){
loadedBytes = _parent.tracks.getBytesLoaded();
totalBytes = _parent.tracks.getBytesTotal();
if(loadedBytes == totalBytes and loadedBytes > 0){
gotoAndStop(5);
}
}
totalBytes = _parent.tracks.getBytesTotal();
seconds = pos.getSeconds();
minutes = pos.getMinutes();
hours = pos.getHours();
if(seconds < 10){
seconds = 0 + seconds.toString();
}
if(minutes < 10){
minutes = 0 + minutes.toString();
}
if(hours < 10){
hours = 0 + hours.toString();
}
time = hours + “:” + minutes + “:” + seconds;
3.frameye gelelim ekli kodu ekleyelim.
if (playing == true) {
gotoAndPlay(2);
} else {
gotoAndStop(1);
}
Artık çalışmamız sonlandı ekli dosyayı indirip inceleyebilirsiniz.
Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.
Çok güzel bir çalışma olmuş. Teşekkür ederim
Yorum Yazın