四行代码的网页播放器

时间:2022-10-05 09:11:42

四行代码的网页播放器

看着别人的网页上都有一个个小巧漂亮的播放器,只要打开网页,音箱便开始飘出优美动听的音乐来。这些播放器设置起来相当麻烦,需要配置很多代码,很容易出错。其实,你也可以不用花一分钟的时间就可以为自己的网页(或博客页面)添加一个漂亮的Flash播放器,而且还可以为这个播放器添加任意多首歌曲,将你所有喜欢的歌曲都添加上去,这样,你以后在任何一台可上网的电脑中都可以快速打开自己喜欢的音乐盒了。

STEP1

从/upload/flash_mp3_player.zip下载这个Flash播放器的源程序,解压后将会看到mp3player.swf及mp3player.xml这两个文件,第一个则是播放器的Flash程序文件,第二个是用来添加歌曲列表的XML文件。

STEP2

用记事本打开mp3player.xml文件,其中的内容如下:

<?xml version="1.0" encoding="UTF-8"?> <br>

<player showDisplay="yes" showPlaylist="yes" autoStart="no"> <br>

<song path="mp3音乐网址" title="音乐显示名称"> <br>

<song path="mp3音乐网址" title="音乐显示名称">

:

其中,“showPlayelist”后面的值如果设置为“yes”,则在打开该播放器页面时自动显示歌曲列表,设置为“no”则默认不显示播放列表。“autoStart”设为“yes”即是自动播放,设置为“no”则不自动播放,设置为“random”则是随机播放歌曲列表中的歌曲。下面的“song path”是设置歌曲网址参数,“title”则是设置该首歌曲的名称的。如果你有多首歌曲,都按照这种格式将歌曲及其名称添加到列表中即可。

添加歌曲列表时,一定要添加歌曲的绝对路径,如果你将歌曲也上传到你的网站,可以使用站内的相对路径,为了防止出错,建议全部使用绝对路径。

在mp3player.xml中添加好歌曲列表之后,将其保存起来。

STEP3

将上面的mp3player.swf及mp3player.xml这两个文件上传到你的网站中或是博客站中,然后直接通过浏览器访问网站中的mp3player.swf便可以开始播放列表中的歌曲了(见图1)。

如果你想将这个播放器嵌入到页面中,那必须要修改该页面的源代码了。用网页制作程序打开该页面,然后将鼠标光标定位到需要添加的位置,再将下面的代码插入进去: <br>

<embed src="SWF文件的URL" menu="false" quality="high" width="300" height="320" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=XML文件的URL&ShowPlaylist=1&ShowEQ =1&firstTrack=1&initVol=50" wmode="transparent" border="0" /> <br>

只要将上面的“SWF文件的URL”替换成mp3player.swf的真实地址,以及将“XML文件的URL”替换成mp3player.xml文件的真实地址即可。图2就是直接嵌入于网页中的播放器效果图(见图2)。

由于整个播放器是一个SWF格式的Flash文件,如果浏览者的播放器禁用了Flash或是浏览器本身及相关插件程序拦截了Flash,则无法显示播放器程序,只要开启Flash播放即可。

如果你也想为自己的网站添加一个漂亮的播放器,不妨试试本文介绍的这种方法,它不限制歌曲数目的限制,而且操作起来也非常简单,不用花费一分钟时间就可以实现为自己的网页添加音乐播放功能。

上一篇:纽曼影音王M918 MP4播放器 下一篇:让Windows运行如飞