|
FLASH課程教你一幀制作mp3播放器
|
|
|
教程前沿：這個(gè)適合制作喜歡制作大圖的，如果喜歡可以面加一下音頻的制作;
顏色自己在代碼里面修改，顏色值和尺寸都在代碼里面，自己慢慢看
這個(gè)我就不告訴了，自己慢慢研究啊，小妖期待你來網(wǎng)站發(fā)你的精彩
制作一個(gè)簡單的插入到音畫單圖中的外部MP3格式音樂播放器制作，首先看下效果
本站發(fā)布教程代碼為透明FLASH代碼點(diǎn)擊進(jìn)入取得
1 步驟一打開FLASH軟件，設(shè)置背景尺寸為300寬，高20，確定
2 進(jìn)入場景，在場景一的第一幀處點(diǎn)擊，右鍵打開動(dòng)作面板，輸入以下語句即 可：
代碼如下:
注：以下代碼去掉紅色部分，輸入你需要的MP3地址和文字就OK！
fscommand("fullscreen", false);
fscommand("allowscale", false);
fscommand("showmenu", false);
//加載外部聲音
my_sound = new Sound();
my_sound.loadSound("http://www./UploadFiles/User/229/201209/2012091514121821136.mp3", true);
my_sound.start();
//循環(huán)播放
my_sound.onSoundComplete = function() {
my_sound.start();
};
//創(chuàng)建音量底線
this.createEmptyMovieClip("xing_mc", 1);
with (xing_mc) {
beginFill(0xff0000);
moveTo(46, 11);
lineTo(100, 11);
lineTo(100, 12);
lineTo(46, 12);
lineTo(46, 11);
endFill();
}
//創(chuàng)建背景方框
this.createEmptyMovieClip("fangkang_mc", 2);
with (fangkang_mc) {
lineStyle(1, 0xcc0000);
moveTo(0, 0);
lineTo(300, 0);
lineTo(300, 16);
lineTo(0, 14);
lineTo(0, 0);
}
//創(chuàng)建音量滑塊并控制音量
this.createEmptyMovieClip("drag_mc", 3);
with (drag_mc) {
beginFill(0xFF00FF);
moveTo(46, 3);
lineTo(50, 3);
lineTo(50, 12);
lineTo(46, 12);
lineTo(46, 3);
endFill();
}
left = drag_mc._x;
right = left+50;
top = drag_mc._y;
bottom = drag_mc._y;
drag_mc._x = my_sound.getVolume();
drag_mc._x = 50;
drag_mc.onPress = function() {
this.startDrag(false, left, top, right, bottom);
};
drag_mc.onRelease = drag_mc.onReleaseOutside=function () {
stopDrag();
my_sound.setVolume((this._x)*2);
};
//按鈕的可見性
pause_mc._visible = 1;
play_mc._visible = 0;
//創(chuàng)建播放按鈕
this.createEmptyMovieClip("play_mc", 4);
with (play_mc) {
beginFill(0x33FF00);
moveTo(5, 3);
lineTo(14, 7.5);
lineTo(5, 12);
lineTo(5, 3);
endFill();
}
play_mc.onRelease = function() {
my_sound.start(time);
this._visible = 0;
pause_mc._visible = 1;
};
//創(chuàng)建停止按鈕
this.createEmptyMovieClip("stop_mc", 5);
with (stop_mc) {
beginFill(0x00FF00);
moveTo(25, 3);
lineTo(34, 3);
lineTo(34, 12);
lineTo(25, 12);
lineTo(25, 3);
endFill();
}
stop_mc.onRelease = function() {
my_sound.stop();
pause_mc._visible = 0;
play_mc._visible = 1;
time=0
};
//創(chuàng)建暫停按鈕
this.createEmptyMovieClip("pause_mc", 6);
with (pause_mc) {
beginFill(0xFF0000);
moveTo(5, 3);
lineTo(14, 3);
lineTo(14, 12);
lineTo(5, 12);
lineTo(5, 3);
endFill();
beginFill(0xFFFFFF);
moveTo(8, 3);
lineTo(11, 3);
lineTo(11, 12);
lineTo(8, 12);
lineTo(8, 3);
endFill();
}
pause_mc.onRelease = function() {
this._visible = 0;
play_mc._visible = 1;
my_sound.stop();
time = my_sound.position/1000;
};
//創(chuàng)建進(jìn)度顯示文本
this.createTextField("shijian_txt", 7, 112, -2.5, 100, 20);
shijian_txt.textColor = 0xFF0000;
shijian_txt.autoSize = true;
onEnterFrame = function () {
var totalseconds:Number = my_sound.duration/1000;
var minutes:Number = Math.floor(totalseconds/60);
var seconds = Math.floor(totalseconds)%60;
if (seconds<10) {
seconds = "0"+seconds;
}
var playedseconds:Number = my_sound.position/1000;
var minutesed:Number = Math.floor(playedseconds/60);
var secondsed = Math.floor(playedseconds)%60;
if (secondsed<10) {
secondsed = "0"+secondsed;
}
shijian_txt.text = minutesed+"："+secondsed+" 一 "+minutes+"："+seconds+"（怪自己.慢搖 MP3 ）";
};
簡單快捷，喜歡的朋友可以拿著使用，
注：如果覺得光代碼做出來的這個(gè)播放器背景不好看的話.那么你在（圖層一）加入一張背景圖.寬-高設(shè)置為
300-17.
在建立（圖層二）在（動(dòng)作面版）里面輸入下面的代碼！分外妖嬈網(wǎng)站期待你的精彩展示，
| |
|
