怎么在网页设计的播放器代码中放入多首歌曲

怎么在网页设计的播放器代码中放入多首歌曲,第1张

得用JS来控制了。这里有一个法子,你可以试试!———————————————————————————————————————————————我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。(一)简单设置首先下载播放插件(下载地址:>最简单的方法是,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound src="/Home/xxx" loop="-1">
其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
另外一种方法则略微复杂一些,但可设置的参数也较多。这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样:
<EMBED src="/Home/xxx" autostart="true" loop="true" width="80" height="20">
不同的是,在这里我们可以设置更多内容,以下是具体的说明:
src 背景音乐的路径。
autostart
是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”
loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。
endtime 设置音乐结束播放的时间,具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板。“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮,例如:
controls="console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever"。
hidden 设置音乐播放控制面板的显示与否,“false”为显示,“true”为隐藏。
现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。
第一步:首先把你喜欢的音乐上传到博客(当然也可以是其他链接地址)。
第二步:把上传的音乐地址全部粘贴到记事本中,不用加任何代码。
如:
>第一步:导入音乐在Dreamweaver中新建一个页面,并插入表格,选择菜单中的“插入”-“媒体”- “插件”在d出的对话框中站点文件夹中找到要导入的音乐,将音乐导入到表格,默认是宽高各为32像素,如 如果你想叫它显示,那么就设置一下高和宽就行了,最小可以设置高和宽各为1,这样也和隐藏差不多啦。第二步:刚才插入了一首音乐,注意看下面的属性面板,单击“参数”按钮。在d出的“参数”对话框中的“参数”列的第一行中单击鼠标左键,输入hidden 然后在“值”列的第一行中单击鼠标左键,输入参数值True 这样就设置了隐藏播放器界面了。

在网页中的播放器 且带有选歌菜单的 一般属于FLASH播放器范畴。建议直接使用人家的免费播放器,自己添加歌曲。然后引用那个播放器到你的网页中去,即可达到你想要的目的。而且省事。如果你FLASH学的不错,可以考虑自己独立制作。

一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加。
(一)使用< bgsound>标签
用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在< body>< /body>之间输入“< ”在d出的代码提示框中选择bgsound
Dreamweaver自动输入“< bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下:
< bgsound src="musicmid" loop="-1">
其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。
这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。只要将上述代码中的happymid改为happymp3即可。
提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可
(二)使用< embed>标签
使用< embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。
它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:< embed src="musicmp3" autostart="true" loop="true" hidden="true">< /embed>。
其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。
对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。
学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
二、打造时尚音乐播放器
学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
(一)简单设置
首先下载播放插件(下载地址:>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12683103.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存