分享

利用flash组件制作mp3播放器(三)

 王咸美 2013-12-23
利用flash组件制作mp3播放器(三) 
[ 2005-6-13 9:24:20 | By: kinghill ]

今天有点时间,继续写,但是因为时间的问题,不打算详细写了,也不知道有没有人看……

前面我们了解了一些基础知识,今天我们利用xml制作一个用于blog的小型音乐播放器,细节的部分,如循环播放等,可以参考前面的部分。

新建一个文档,拖入三个组件,分别是mediaplayback、combobox、XMLconnector,他们的位置分别在media、ui、data三类组件当中。
将medianplayback命名(实例名)为:musicplayer,用于播放音乐,并将mediapalyback的参数设置为 类型:mp3, Control Visibility:on,始终打开;将combobox命名(实例名)为musiclist,用于显示和选择播放内容;将XMLconnector命名(实例名)为:xmlconn,用于读取提前准备的好的xml数据文件,这个xml文件可以是远程服务器上的,这里我们把它保存到和我们制做的播放器的同一目录下,命名为music_list.xml,里面提前按照xml规范写好了歌曲的名字和播放地址,下面是music_list.xml的一个例子:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<list title="播放列表">
 <item url="http://www./demo/csgirl.mp3" id="CS美女--希婕">
  <![CDATA[CS美女--希婕]]>
 </item>
 <item url="226167_200541223491569545.mp3" id="哎呀--王蓉">
  <![CDATA[哎呀--王蓉]]>
 </item>
 <item url="yianlu.mp3" id="天路--韩红">
  <![CDATA[天路--韩红]]>
 </item>
 <item url="blggc.mp3" id="布拉格广场--蔡依林">
  <![CDATA[布拉格广场--蔡依林]]>
 </item>
 <item url="yebaihe.mp3" id="野百合也有春天--黑鸭子合唱组">
  <![CDATA[野百合也有春天--黑鸭子合唱组]]>
 </item>
 <item url="nvrenhua.mp3" id="女人花--黑鸭子合唱组">
  <![CDATA[女人花--黑鸭子合唱组]]>
 </item>
 <item url="6_2758.mp3" id="屋顶--温岚、周杰伦">
  <![CDATA[屋顶--温岚、周杰伦]]>
 </item>
 <item url="i_donot_want_to_miss_a_thing.mp3" id="I_donot_want_to_miss_a_thing">
  <![CDATA[I_donot_want_to_miss_a_thing]]>
 </item>
 
</list>

url标签内保存的是歌曲的地址,id标签保存的是歌曲的名字。ps: xml现在应用特别广泛,我们应该简单了解它,使用各种搜索引擎可以很方便的找到相关资料。

版面编排根据个人的需要排版,我这里使用了一个很小的布局,尽量缩小尺寸。如图:


xmlconnector并不会显示在版面上,所以可以把它放置在画布的外面。

选择xmlconnector组件,参数标签栏里的url内添上xml文件的地址,这里因为存放在本地,所以直接填写music_list.xml就可以了,direcrion选项选择receive,这里不需要输出数据。如图:

选择xmlconnector组件,选择架构标签,选择从示例xml文件读取架构按钮,在打开对话框内选择保存在本地的xml文件,架构标签里就会显示出xml文件的基本架构,如图:

选择xmlconnector组件,选择绑定标签,此时绑定是空的,点击加号添加绑定,在弹出的对话框中选择:item:Array,因为这里是保存歌曲地址和名称的架构,如图:

确定后,绑定栏内出现第一个绑定,接着选择下面的bound to(绑定到),点后面的放大镜,在弹出的对话框中左边选择ComboBox,<musiclist>,右边选择dataProvider:Array,即将它绑定到歌曲列表组件内,如图:


选择场景的第一桢,添加一个行为,驱动xmlconnector,具体做法是选择场景第一桢,然后在行为面板中点击加号,选择数据-触发数据源,选择_root下的connxml,选项为“绝对”,实际上就是在第一桢上添加了一行as:

 _root.xmlconn.trigger();

发布预览看看是不是列表里已经显示歌曲的内容了?
这次就写到这里,做起来很容易,写起来这么麻烦,有空再继续……

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约