香江之水音画网

标题: 【FLASH8.0】纯代码制作MP3音乐播放器 [打印本页]

---

作者: 漫步人生    时间: 2018-10-7 09:24
标题: 【FLASH8.0】纯代码制作MP3音乐播放器


http://mb.xiangjiangriverwater.com/88k.swf

1. //新建as2.0文档（设置默认）,在主场景第1帧粘贴以下语句【把文字 代码全部复制粘贴】
   
2. 
   
3. //画背景并定位
   
4. this.createEmptyMovieClip("beijing",this.getNextHighestDepth());
   
5. with (beijing) {
   
6. beginFill(0x666699);
   
7. moveTo(0,0);
   
8. lineTo(300,0);
   
9. lineTo(300,370);
   
10. lineTo(0,370);
    
11. endFill();
    
12. import flash.filters.*;
    
13. filters = [new DropShadowFilter()];
    
14. _x = 175;
    
15. _y = 75;
    
16. }
    
17. 
    
18. //画小框并定位
    
19. this.createEmptyMovieClip("xiaokuang",this.getNextHighestDepth());
    
20. with (xiaokuang) {
    
21. beginFill(0x000000);
    
22. lineStyle(1,0x33cc33,100);
    
23. moveTo(0,0);
    
24. lineTo(280,0);
    
25. lineTo(280,60);
    
26. lineTo(0,60);
    
27. endFill();
    
28. _x = 185;
    
29. _y = 100;
    
30. }
    
31. 
    
32. //画5个黑三角并定位
    
33. this.createEmptyMovieClip("sanjiao",this.getNextHighestDepth());
    
34. with (sanjiao) {
    
35. beginFill(0x000000);
    
36. moveTo(0,0);
    
37. lineTo(12,7.5);
    
38. lineTo(0,15);
    
39. endFill();
    
40. }
    
41. sanjiao._visible = 0;
    
42. for (i=1; i<=5; i++) {
    
43. duplicateMovieClip("sanjiao", "sanjiao"+i, this.getNextHighestDepth());
    
44. sanjiao1._x = 235;
    
45. sanjiao2._x = 187;
    
46. sanjiao3._x = 194;
    
47. sanjiao4._x = 212;
    
48. sanjiao5._x = 219;
    
49. sanjiao2._xscale = sanjiao3._xscale=50;
    
50. sanjiao4._xscale = sanjiao5._xscale=-50;
    
51. sanjiao1._y = sanjiao2._y=sanjiao3._y=sanjiao4._y=sanjiao5._y=190;
    
52. }
    
53. 
    
54. //画2个矩形并定位
    
55. this.createEmptyMovieClip("juxing",this.getNextHighestDepth());
    
56. with (juxing) {
    
57. beginFill(0x000000);
    
58. moveTo(0,0);
    
59. lineTo(5,0);
    
60. lineTo(5,12);
    
61. lineTo(0,12);
    
62. endFill();
    
63. }
    
64. juxing._visible = 0;
    
65. for (i=1; i<=2; i++) {
    
66. duplicateMovieClip("juxing", "juxing"+i, this.getNextHighestDepth());
    
67. juxing1._x = 257;
    
68. juxing1._y = juxing2._y=191.5;
    
69. juxing2._x = 264.2;
    
70. }
    
71. 
    
72. //画小喇叭并定位
    
73. this.createEmptyMovieClip("laba",this.getNextHighestDepth());
    
74. with (laba) {
    
75. beginFill(0x000000);
    
76. moveTo(0,4);
    
77. lineTo(6,4);
    
78. lineTo(12,0);
    
79. lineTo(12,15);
    
80. lineTo(6,10);
    
81. lineTo(0,10);
    
82. endFill();
    
83. _x = 278;
    
84. _y = 190;
    
85. }
    
86. 
    
87. //画音量控制的底图并定位
    
88. this.createEmptyMovieClip("yinliangdi",this.getNextHighestDepth());
    
89. with (yinliangdi) {
    
90. beginFill(0x000000);
    
91. moveTo(0,10);
    
92. lineTo(70,0);
    
93. lineTo(70,10);
    
94. endFill();
    
95. _x = 295;
    
96. _y = 192;
    
97. }
    
98. 
    
99. //画音量控制滑块并能拖动
    
100. this.createEmptyMovieClip("yinlianghuakuai",this.getNextHighestDepth());
     
101. with (yinlianghuakuai) {
     
102. beginFill(0x996600);
     
103. moveTo(0,0);
     
104. lineTo(6,0);
     
105. lineTo(6,10);
     
106. lineTo(0,10);
     
107. endFill();
     
108. _x = 359;
     
109. _y = 192;
     
110. }
     
111. yinlianghuakuai.onPress = function() {
     
112. startDrag(this, false, 295, 192, 359, 192);
     
113. };
     
114. yinlianghuakuai.onRelease = yinlianghuakuai.onReleaseOutside=function () {
     
115. stopDrag();
     
116. };
     
117. 
     
118. //画显示进度的底图并定位
     
119. this.createEmptyMovieClip("jindutiaodi",this.getNextHighestDepth());
     
120. with (jindutiaodi) {
     
121. beginFill(0x000033);
     
122. moveTo(0,0);
     
123. lineTo(180,0);
     
124. lineTo(180,3);
     
125. lineTo(0,3);
     
126. endFill();
     
127. _x = 185;
     
128. _y = 185;
     
129. }
     
130. 
     
131. //画下载进度条并定位
     
132. this.createEmptyMovieClip("xiazaijindutiao",this.getNextHighestDepth());
     
133. with (xiazaijindutiao) {
     
134. beginFill(0x663300);
     
135. moveTo(0,0);
     
136. lineTo(180,0);
     
137. lineTo(180,3);
     
138. lineTo(0,3);
     
139. endFill();
     
140. _x = 185;
     
141. _y = 185;
     
142. }
     
143. 
     
144. //画播放进度条并定位
     
145. this.createEmptyMovieClip("bofangjindutiao",this.getNextHighestDepth());
     
146. with (bofangjindutiao) {
     
147. beginFill(0x009900);
     
148. moveTo(0,0);
     
149. lineTo(180,0);
     
150. lineTo(180,3);
     
151. lineTo(0,3);
     
152. endFill();
     
153. _x = 185;
     
154. _y = 185;
     
155. }
     
156. 
     
157. //创建“已下载”文本
     
158. this.createTextField("yixiazai_txt",this.getNextHighestDepth(),185,165,0,0);
     
159. my_fmt = new TextFormat();
     
160. my_fmt.font = "宋体";
     
161. my_fmt.color = 0x000000;
     
162. my_fmt.size = 12;
     
163. yixiazai_txt.text = "已下载：";
     
164. yixiazai_txt.autoSize = true;
     
165. yixiazai_txt.setTextFormat(my_fmt);
     
166. 
     
167. //创建“已播放”文本
     
168. this.createTextField("yibofang_txt",this.getNextHighestDepth(),285,165,0,0);
     
169. my_fmt = new TextFormat();
     
170. my_fmt.font = "宋体";
     
171. my_fmt.color = 0x000000;
     
172. my_fmt.size = 12;
     
173. yibofang_txt.text = "已播放：";
     
174. yibofang_txt.autoSize = true;
     
175. yibofang_txt.setTextFormat(my_fmt);
     
176. 
     
177. //创建显示“下载百分比”的动态文本
     
178. this.createTextField("xiazaibfb_txt",this.getNextHighestDepth(),240,163,0,0);
     
179. my_fmt = new TextFormat();
     
180. my_fmt.font = "宋体";
     
181. my_fmt.color = 0x000000;
     
182. my_fmt.size = 12;
     
183. xiazaibfb_txt.autoSize = true;
     
184. xiazaibfb_txt.setTextFormat(my_fmt);
     
185. 
     
186. //创建显示“播放百分比”的动态文本
     
187. this.createTextField("bofangbfb_txt",this.getNextHighestDepth(),340,163,0,0);
     
188. my_fmt = new TextFormat();
     
189. my_fmt.font = "宋体";
     
190. my_fmt.color = 0x000000;
     
191. my_fmt.size = 12;
     
192. bofangbfb_txt.autoSize = true;
     
193. bofangbfb_txt.setTextFormat(my_fmt);
     
194. 
     
195. //创建5个分别覆盖在“快进”、“快退”、“播放”、“暂停”和“喇叭”上的隐形按钮
     
196. this.createEmptyMovieClip("yinxinganniu",this.getNextHighestDepth());
     
197. with (yinxinganniu) {
     
198. beginFill(0xffffff,30);
     
199. moveTo(0,0);
     
200. lineTo(15,0);
     
201. lineTo(15,15);
     
202. lineTo(0,15);
     
203. endFill();
     
204. _x = 185;
     
205. _y = 190;
     
206. }
     
207. yinxinganniu._visible = 0;
     
208. for (i=1; i<=5; i++) {
     
209. duplicateMovieClip(yinxinganniu, "yinxinganniu"+i, this.getNextHighestDepth());
     
210. this["yinxinganniu"+i]._x = 185+22.8*(i-1);
     
211. this["yinxinganniu"+i]._y = 190;
     
212. this["yinxinganniu"+i]._alpha = 0;
     
213. this["yinxinganniu"+i].onRollOver = function() {
     
214. this._alpha = 70;
     
215. };
     
216. this["yinxinganniu"+i].onRollOut = function() {
     
217. this._alpha = 0;
     
218. };
     
219. }
     
220. 
     
221. //快进
     
222. yinxinganniu1.onPress = function() {
     
223. mysound.stop();
     
224. mysound.start(mysound.position/1000+10);
     
225. };
     
226. 
     
227. //快退
     
228. yinxinganniu2.onPress = function() {
     
229. mysound.stop();
     
230. mysound.start(mysound.position/1000-10);
     
231. };
     
232. 
     
233. //播放
     
234. yinxinganniu3.onPress = function() {
     
235. if (tt) {
     
236. mysound.stop();
     
237. mysound.start(tt);
     
238. } else {
     
239. mysound.stop();
     
240. mysound.start(0);
     
241. }
     
242. for (i=1; i<=20; i++) {
     
243. _root["dianpingtiao"+i]._visible = 1;
     
244. }
     
245. };
     

复制代码

紧接下面的代码

---

作者: 漫步人生    时间: 2018-10-7 09:26


紧接着下面代码：

1. //暂停
   
2. yinxinganniu4.onPress = function() {
   
3. mysound.stop();
   
4. tt = mysound.position/1000;
   
5. for (i=1; i<=20; i++) {
   
6. _root["dianpingtiao"+i]._visible = 0;
   
7. }
   
8. };
   
9. 
   
10. //画红斜杠并定位
    
11. this.createEmptyMovieClip("hongxian",this.getNextHighestDepth());
    
12. with (hongxian) {
    
13. lineStyle(2,0xff0000,100);
    
14. moveTo(0,0);
    
15. lineTo(13,13);
    
16. _x = 278;
    
17. _y = 190;
    
18. }
    
19. hongxian._visible = 0;
    
20. 
    
21. //静音
    
22. k = 0;
    
23. yinxinganniu5.onPress = function() {
    
24. k++;
    
25. if (k%2 == 1) {
    
26. yinlianghuakuai._x = 295;
    
27. hongxian._visible = 1;
    
28. for (i=1; i<=20; i++) {
    
29. _root["dianpingtiao"+i]._visible = 0;
    
30. }
    
31. } else {
    
32. yinlianghuakuai._x = 359;
    
33. hongxian._visible = 0;
    
34. for (i=1; i<=20; i++) {
    
35. _root["dianpingtiao"+i]._visible = 1;
    
36. }
    
37. }
    
38. };
    
39. 
    
40. //画20根电频条并定位
    
41. this.createEmptyMovieClip("dianpingtiao",this.getNextHighestDepth());
    
42. with (dianpingtiao) {
    
43. beginFill(0x005555);
    
44. moveTo(0,0);
    
45. lineTo(7,0);
    
46. lineTo(7,-35);
    
47. lineTo(0,-35);
    
48. endFill();
    
49. }
    
50. dianpingtiao._visible = 0;
    
51. for (i=1; i<=20; i++) {
    
52. duplicateMovieClip("dianpingtiao", "dianpingtiao"+i, this.getNextHighestDepth());
    
53. this["dianpingtiao"+i]._visible = 0;
    
54. this["dianpingtiao"+i]._x = 187+9*(i-1);
    
55. this["dianpingtiao"+i]._y = 160;
    
56. }
    
57. 
    
58. //创建歌名文本
    
59. this.createTextField("geming_txt",this.getNextHighestDepth(),185,218,0,0);
    
60. my_fmt = new TextFormat();
    
61. my_fmt.font = "宋体";
    
62. my_fmt.color = 0x003366;
    
63. my_fmt.size = 20;
    
64. geming_txt.text = "1、送你一首吉祥的歌\n2、我和草原有个约定\n3、站在草原望北京\n4、美丽的草原我的家\n5、乌兰图雅《女人花》\n6、乌兰图雅《草原妹妹》\n7、乌兰图雅《守望相助》\n8、乌兰图雅《信天游》";
    
65. geming_txt.autoSize = true;
    
66. geming_txt.setTextFormat(my_fmt);
    
67. 
    
68. //签名
    
69. this.createTextField("qianming_txt",this.getNextHighestDepth(),298,425,0,0);
    
70. my_fmt6 = new TextFormat();
    
71. my_fmt6.font = "宋体";
    
72. my_fmt6.color = 0xFFFFFF;
    
73. my_fmt6.size = 15;
    
74. qianming_txt.text = "制作：漫步人生";
    
75. qianming_txt.autoSize = true;
    
76. qianming_txt.setTextFormat(my_fmt6);
    
77. 
    
78. //作品名
    
79. this.createTextField("timu_txt",this.getNextHighestDepth(),220,78,0,0);
    
80. my_fmt7 = new TextFormat();
    
81. my_fmt7.font = "黑体";
    
82. my_fmt7.color = 0xccccff;
    
83. my_fmt7.size = 18;
    
84. timu_txt.text = "纯代码MP3播放器   手动播放";
    
85. timu_txt.autoSize = true;
    
86. timu_txt.setTextFormat(my_fmt7);
    
87. 
    
88. //画覆盖在歌名文本上的隐形按钮
    
89. this.createEmptyMovieClip("geminganniu",this.getNextHighestDepth());
    
90. with (geminganniu) {
    
91. beginFill(0x000000,10);
    
92. moveTo(0,0);
    
93. lineTo(185,0);
    
94. lineTo(185,22);
    
95. lineTo(0,22);
    
96. endFill();
    
97. _x = 185;
    
98. _y = 220;
    
99. }
    
100. geminganniu._visible = 0;
     
101. for (i=1; i<=8; i++) {
     
102. duplicateMovieClip("geminganniu", "geminganniu"+i, this.getNextHighestDepth());
     
103. this["geminganniu"+i]._y = 220+20*(i-1);
     
104. this["geminganniu"+i]._alpha = 10;
     
105. this["geminganniu"+i].onRollOver = function() {
     
106. this._alpha = 90;
     
107. };
     
108. this["geminganniu"+i].onRollOut = function() {
     
109. this._alpha = 0;
     
110. };
     
111. }
     
112. 
     
113. //创建显示当前播放曲目名的动态文本
     
114. this.createTextField("gm_txt",this.getNextHighestDepth(),0,0,0,0);
     
115. gm_txt.autoSize = "left";
     
116. gm_txt.textColor = 0x999900;
     
117. gm_txt._x = 190;
     
118. gm_txt._y = 102;
     
119. 
     
120. //自定义函数
     
121. function yy(geming, dizhi) {
     
122. //边加载边播放
     
123. mysound = new Sound();
     
124. mysound.loadSound(dizhi,true);
     
125. gm_txt.text = geming;
     
126. //反复播放
     
127. mysound.onSoundComplete = function() {
     
128. yy(geming,dizhi);
     
129. };
     
130. for (i=1; i<=20; i++) {
     
131. _root["dianpingtiao"+i]._visible = 1;
     
132. }
     
133. }
     
134. 
     
135. //按下播放相应曲目
     
136. geminganniu1.onPress = function() {
     
137. yy("1、送你一首吉祥的歌","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-01~1.mp3");
     
138. };
     
139. geminganniu2.onPress = function() {
     
140. yy("2、我和草原有个约定","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-02~1.mp3");
     
141. };
     
142. geminganniu3.onPress = function() {
     
143. yy("3、站在草原望北京","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-03~1.mp3");
     
144. };
     
145. geminganniu4.onPress = function() {
     
146. yy("4、美丽的草原我的家","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-04~1.mp3");
     
147. };
     
148. geminganniu5.onPress = function() {
     
149. yy("5、乌兰图雅《女人花》","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-05~1.mp3");
     
150. };  
     
151. 
     
152. geminganniu6.onPress = function() {
     
153. yy("6、乌兰图雅《草原妹妹》","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-06~1.mp3");
     
154. };
     
155. 
     
156. geminganniu7.onPress = function() {
     
157. yy("7、乌兰图雅《守望相助》","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-07~1.mp3");
     
158. };
     
159. 
     
160. 
     
161. geminganniu8.onPress = function() {
     
162. yy("8、乌兰图雅《信天游》","http://hljhsgx.hfdn.openstorage.cn/hlj929/160928/171018sss/14-09~1.mp3");
     
163. };  
     
164. 
     
165. 
     
166. //逐帧刷新
     
167. onEnterFrame = function () {
     
168. //电频条跳动
     
169. for (i=1; i<=20; i++) {
     
170. this["dianpingtiao"+i]._yscale = random(120-4*(i-1));
     
171. }
     
172. //下载进度条显示下载进度
     
173. xiazaijindutiao._xscale = int(mysound.getBytesLoaded()/mysound.getBytesTotal()*100);
     
174. //播放进度条显示播放进度
     
175. bofangjindutiao._xscale = int(mysound.position/mysound.duration*100);
     
176. //显示下载百分比
     
177. xiazaibfb_txt.text = xiazaijindutiao._xscale+"%";
     
178. //显示播放百分比
     
179. bofangbfb_txt.text = bofangjindutiao._xscale+"%";
     
180. //拖动滑块控制音量
     
181. mysound.setVolume(yinlianghuakuai._x-295)/64*100;
     
182. };
     
183. //　测试，OK！

复制代码

源码下载：


[attach]1876[/attach]

---

作者: 岩新新    时间: 2018-10-7 09:41
欣赏漫步老师精彩！

---

作者: 大海無邊    时间: 2018-10-7 09:51
非常精彩

---

作者: 大海無邊    时间: 2018-10-7 09:52
制作一如即往的精彩支持點贊

---

作者: 雪墨    时间: 2018-10-7 18:03
创作辛苦，谢谢分享

---

作者: 红松故乡    时间: 2018-10-8 12:22
欣赏精彩制作，点赞。

---

作者: 依恋月影    时间: 2018-10-8 18:23

欣赏精彩制作，点赞。

---

欢迎光临 香江之水音画网 (http://www.xiangjiangriverwater.com/)

Powered by Discuz! X3.2