网页添加背景音乐

网页

  一、学会添加音乐文件

  为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。

  (一)使用<bgsound>标签

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

  <bgsound src="music.mid" loop="-1">

  其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。

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

  提示:在FrontPage中加入背景音乐要比Dreamweaver相对方便一些,只要在“背景”对话框中进行相关设置即可。

  (二)使用<embed>标签

  使用<embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。

  它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置,从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:<embed src="music.mp3" autostart="true" loop="true" hidden="true"></embed>。
  其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。

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

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

时间: 2024-11-03 07:02:09

网页添加背景音乐的相关文章

让你的主页声色并茂—巧为网页添加背景音乐

网页 对于个人站长来说,如何能使自己的网站与众不同.充满个性,一直是不懈努力的目标.除了尽量提高页面的视觉效果.互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少. 一.学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加. (一)使用< bgsound>标签 用Dreamweaver打开需要添加背景音乐的页面,点击"代码"

Dreamweaver MX 2004高级技巧(5)给网页添加背景音乐

dreamweaver|高级|技巧|网页 1. 打开一个网页文档,在文档左下角的"标签选择器"中选择" body "标签. 2. 打开行为面板,点击"+"按钮添加行为,选择"播放声音". 如图: 3. 选择声音文件.一个网页的背景音乐就添加好了.注意把音乐文件放到站点目录下! 4.如果要修改背景音乐属性,在文档中选择背景音乐的图标. 5.如果点击"播放"不能正常播放的话,按提示应该安装插件!最后别忘了在你的

给网页添加背景音乐方法

循环播放 <embed src="bgsound.mp3" autostart="true" loop="true">  控制播器高宽 <embed src="bgsound.mp3" autostart="true" width="400" height="20">  隐藏播放器 <embed src="bgsound.mp3

为网页添加活动的背景音乐

 在浏览网页时,你肯定遇到过有背景音乐的网页.在美妙的音乐中漫步于Internet的无限空间,真可谓美哉!但是背景音乐只能是一支曲目,未免美中不足.如果网页的背景音乐可以让访问者在预定的多支曲目中任意选择,成为一种活动的背景音乐,相信会有更多的访问者愿意驻足其中.其实,我们可以用JavaScript脚本程序编写一个更换背景音乐的程序,实现网页中背景音乐的任意选择,让你的网页更引人入胜.下面先说明一下程序的设计思想和实现方法,后面奉上注释完整的示例程序,相信大家会很快成为网页活动背景音乐的行家里手

用Dreamweaver添加背景音乐及制作动态字

         添加背景音乐 在Dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,供大家选择. 1.在页面不显眼的地方插入一空层 ,并在层内放入一个ActiveX对象,双击该对象,在打开的对话框中选择一个MIDI.WAV等音乐文件,然后在层对象属性面板中设定其可视性为"Hidden(隐藏)",保存变动后按F12预览网页,听听是否有音乐声. 2.还可以利用Dreamweaver的"Behaviors(行为编辑器)",单击"+"

标签之美七——为网页添加音乐

标签之美--为网页添加音乐 一.添加音乐 为网页添加音乐可以使用<embed></embed>这个标签.其用法和插入图片类似. <embed>标签的几个属性设置如下: src:音频路径 autostart:可是设置为ture或者false,代表是否自动播放. loop:设置是否循环播放 hidden:是否隐藏播放界面 二.插入背景音乐 使用标签<bgsound/>插入背景音乐,其中插入路径的写法和插入图片类似.

解决win7系统无法将网页添加到收藏夹的方法

  许多用户在访问网站时,如果看到自己感兴趣的网页内容或网站,通常我们都会通过Ctrl+D添加到收藏夹中,但近期有部分win7系统用户,在浏览器下添加网页收藏时,却发现无法将网页添加到收藏夹,对于这一问题我们如何解决呢?下面看小编为大家提供的详细解决方法吧! 原因分析: 很多时候网址不能收藏都是由于收藏夹目录指向错误引起的,我们可以到注册表里将其修复. 操作方法: 1.在开始菜单中点击"运行",然后输入"regedit"并且回车; 2.打开注册表编辑器,依次展开[H

ASP代码给网页添加验证码的实现方法

  本文给大家介绍ASP实现给网页添加验证码的功能,您可以将这个功能添加在注册表单.网页评论等中,下边来看实现的方法: 第一步:下载本文下的附件.该压缩包为 imgchk 文件夹 ,其中有三个文件:validatecode.asp,validatebody.fixvalidatehead.fix 主要即是为生成 验证码 服务的. 将解压文件夹直接释放在需要在某页添加验证码的同目录下,(比如 addnew.asp 需要添加验证码,该文件在 cnbruce 文件夹下,则将 imgchk 文件夹同时释

网页添加CSS样式表的四种方式

核心提示:网页添加CSS样式表的四种方式 一.使用STYLE属性: 将STYLE属性直接加在个别的元件标签里. <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二