如何在自己的网站上添加背景音乐

如何在自己的网站上添加背景音乐,第1张

给你检查了,是你空间的问题,代码我也给你换了一个,我换成其他的MP3地址就能播放,唯独你空间的MP3无法播放,甚至连迅雷QQ音乐都无法连接到你空间的MP3地址,建议更换一个好一点的空间。比如万网等。

在你的网页的源代码上添加如下:
<bgsound src="file:你的所音乐文件路径" loop="-1">
--------------
上述代码加到<head>与</head>之间

在页面中加入背景音乐,其实很简单。有两种方法:

1、最简单的方法,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound src="/xxx" loop="-1">其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。

2、另外一种方法则略微复杂一些,但可设置的参数也较多。
这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样:
<EMBED src="/xxx" 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”为隐藏。

现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。

有时候需要在网页中添加背景音乐。下面,我们来看看怎样在网页中插入背景音乐吧。

01

导入音乐
首先导入一首音乐,如下图所示:

02

<bgsound src="img\sxmp3" loop="-1">
然后在head头部中输入代码,如下图所示:

03

src
其中src的值为音乐的路径,比如该首歌曲的音乐路径为img\sxmp3。

04

loop指的是循环的次数,当为负值的时候表示永远循环播放。

网页添加背景音乐
学会添加音乐文件
为网页添加背景音乐的方法一般有两种,第一种是通过普通的<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即可。然后再选择它的属性进行相应的设置,从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:<embed src="musicmp3" autostart="true" loop="true" hidden="true"></embed>。
其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。
对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。
学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。一、学会添加音乐文件
为网页添加背景音乐的方法一般有两种,第一种是通过普通的<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即可。然后再选择它的属性进行相应的设置,从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:<embed src="musicmp3" autostart="true" loop="true" hidden="true"></embed>。

1 如何在网页上添加音乐连接
网页添加背景音乐 学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的标签来添加,另一种是通过标签来添加。

(一)使用标签 用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在<body>之间输入“<”在d出的代码提示框中选择bgsound。 Dreamweaver自动输入“

bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。

最后的代码如下: 其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。 这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。
如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。

只要将上述代码中的happymid改为happy即可。 提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。

(二)使用标签 使用标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。 它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。

然后再选择它的属性进行相应的设置,从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:。

其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。

对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。

学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

一、学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的标签来添加,另一种是通过标签来添加。 (一)使用标签 用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在<body>之间输入“<”在d出的代码提示框中选择bgsound。

Dreamweaver自动输入“

一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下: 其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。

这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。

如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。只要将上述代码中的happymid改为happy即可。

提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。 (二)使用标签 使用标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。

它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置,从图中可看出embed的属性比gbsound的五个属性多许多。

最后的代码如下:

你说的或文字连接可以链接背景音乐? 没有这个效果的 连接了就成下载了

可以制作成SWF 可以实现你说的 点击SWF里的文字或可以播放音乐
3 如何在网页上添加音乐
一、学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加。

(一)使用< bgsound>标签 用Dreamweaver打开需要添加背景音乐的页面,点击“代码”打开代码编辑视图,在< body>< /body>之间输入“< ”在d出的代码提示框中选择bgsoundDreamweaver自动输入“< bgsound”代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。

一般在添加背景音乐时,我们并不需要对音乐进行左右均衡以及延时等设置,所以仅需要几个主要的参数就可以了。最后的代码如下: < bgsound src=musicmid loop="-1"> 其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。

这种添加背景音乐的方法是最基本的方法,也是最为常用的一种方法,对于背景音乐的格式支持现在大多的主流音乐格式,如WAV、MID、MP3等。如果要顾及到网速较低的浏览者,则可以使用MID音效作为网页的背景音乐,因为MID音乐文件小,这样在网页打开的过程中能很快加载并播放,但是MID也有不足的地方,它只能存放音乐的旋律,没有好听的和声以及唱词。

如果你的网速较快,或是觉得MID音乐有些单调,也可以添加MP3的音乐。只要将上述代码中的happymid改为happy即可。

提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可(二)使用< embed>标签 使用< embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。 它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。

然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:< embed src=music autostart="true" loop="true" hidden="true">< /embed>。

其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。

对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。

学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

二、打造时尚音乐播放器 学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。 (一)简单设置 首先下载播放插件(下载地址:/soft/musicrar),解压后进入目录,其中music就是我们要在主页上加载的播放条页面,list是浏览者用于查看播放列表的d出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的文件。

使用网页编辑软件打开music,找到以下代码: < script Language="Javascript"> var blnAutoStart = true var blnRndPlay = false var blnStatusBar = false var blnShowVolCtrl = true var blnShowPlist = true var blnUseSmi = false var blnLoopTrk = true var blnShowMmInfo =false < /script> 在这里可以对播放器进行基本的设置。以上各句依次含义是:是否自动播放,是否循序播放,是否显示状态栏,是否显示音控状态,是否允许显示播放清单,是否使用SMI模式,是否循环播放,是否显示歌曲信息。

你可以根据自己的需要对它们进行设置,其中true为“是”,false为“否”。另外,为了使你的播放条更具个性色彩,你还可以在music代码中找到< marquee> 。

< /marquee>语句,将其中的主页名称修改为你自己主页的名称。

(二)添加播放列表 打开js文件夹中的播放列表文件bglistjs,在这里就可以把你喜欢的歌曲添加到列表上来了,具体的添加格式为mkList"歌曲路径" "歌曲说明" ,其中“歌曲路径”可以是你上传到主机上的本地地址,也可以指定网络上的MP3地址,“歌曲说明”是用来滚动显示在播放条上的,可以是演唱者和歌曲的名称。比如要添加周杰伦的《龙卷风》,我们先在网络上找到可以实时播放的链接地址,然后再把它添加到列表上:mkList"2021024337/hy/yinyue/周杰伦/09""周杰伦——龙卷风"。

提示:为了保持你的主页音乐常听常新,我们可以间隔一段时间就对播放列表更新。

把音乐文件放到网页同一个文件,用Adobe Dreamweaver CS6软件打开网页,然后在菜单栏选插入媒体(M)-插件(P),按照路径选择你需要设置背景音乐的MP3文件,双击鼠标左键,在属性栏调整背景的宽度、大小,再刷新网页就会自动播放音乐了。

给自己的网站添加背景音乐需要下载一个Adobe Dreamweaver CS6软件,把所需要的音乐文件放到网页同一个文件,用Adobe Dreamweaver CS6软件打开网页,在网页设计栏用鼠标指向任意一个你想放置的音乐背景位置,然后在菜单栏选插入-媒体(M)-插件(P),然后按照路径选择你需要设置背景音乐的MP3文件,双击鼠标左键,鼠标点击插件可以看到下面的属性栏,在属性栏我们可以任意调整背景宽度、大小。然后,保存刷新网页可以看到网页里已经可以自动播放背景音乐了。

如果要对音乐进行设置,可以在Dreamweaver代码中输入bgsound代码后按空格键,代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性,其中balance是设置音乐的左右均衡,delay是进行播放延时的设置,loop是循环次数的控制,src则是我们音乐文件的路径,volume是音量设置。如果你要设置播放次数,则改为相应的数字即可。


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

原文地址: https://outofmemory.cn/yw/13338839.html

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

发表评论

登录后才能评论

评论列表(0条)

保存