网站建设怎么添加背景音乐

对于站长来说,如何能使自己的网站与众不同、充满特点,一直是不懈努力的目标。除了尽量提高页面的视觉效果、互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少。

步骤/方法

  • 01

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

  • 02

    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相对方便一些,只要在“背景”对话框中进行相关设置即可(图2)。

  • 03

    使用< embed>标签  使用< embed>标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。  它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:< embed src="http://www.yiyada.com/music.mp3" autostart="true" loop="true" hidden="true">< /embed>。

  • 04

    其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。  对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。  学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

  • 05

    打造时尚音乐播放器  学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。  提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统

  • 06

    自带的Windows Media播放器来播放事先设定好的MP3歌曲。  (一)简单设置  首先下载播放插件(下载地址:http//www.mh.fy.cn/soft/music.rar),解压后进入目录,其中music.htm就是我们要在主页上加载的播放条页面,list.htm是浏览者用于查看播放列表的弹出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的图片文件。  使用网页编辑软件打开music.htm,找到以下代码:  < 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.htm代码中找到< marquee> ......< /marquee>语句,将其中的主页名称修改为你自己主页的名称。

  • 07

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

(0)

相关推荐

  • 如何给自己的网站添加背景音乐

    现在的网页设计越来越普遍,现在小编就来为小伙伴们演示如何在网站添加背景音乐. 操作方法 01 在桌面新建一个文件夹,任意命名,里面再新建一个文件夹,取名music(一定要和你保存的网页在同一个文件夹内 ...

  • 如何建立个人网页,个人网站建设方法技巧

    操作方法 01 一.引言 一个网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处.Internet/Intranet技术的日益发展,使人们认识到了Internet/Intra ...

  • 怎样添加qq空间背景音乐,QQ空间怎么免费添加背景音乐

    偶尔进入一好友的QQ空间,被TA的优美QQ空间背景音乐吸引,安静听完之后,回到自己的QQ空间之后,觉得太单调。那么怎样添加qq空间背景音乐?QQ空间怎么免费添加背景音乐呢? 第一步:打开并登陆你的QQ ...

  • 爱剪辑视频怎么添加背景音乐和音效

    一、添加及截取音频 添加视频后,在“音频”面板点击“添加音频”按钮,在弹出的下拉框中,根据自己的需要选择“添加音效”还是“添加背景音乐”选项。然后在弹出的文件选择框中,选择要添加的音频文件后,进入“预 ...

  • 爱剪辑视频怎么添加背景音乐和音效?(爱剪辑片头特效如何加音频)

    一.添加及截取音频 添加视频后,在"音频"面板点击"添加音频"按钮,在弹出的下拉框中,根据自己的需要选择"添加音效"还是"添加背景 ...

  • 360快剪辑怎么给视频添加背景音乐?

    360快剪辑编辑视频很简单,今天我们就来看看360快剪辑给视频添加背景音乐的教程,请看下文详细介绍. 1.找到官网打开网站下载软件 2.成功安装后打开软件 3.点击(本地视频)或双击添加视频 4.用鼠 ...

  • 网站建设多少钱?做一个网站多少钱合理

    网站建设多少钱?做一个网站多少钱合理?这个问题都是很多人在关心的话题,小编为大家详解网站建设费用预算.一个网站的建设的费用,是由网站建设公司档次.网站设计的复杂程度决定的.一个专业的网络公司,围绕网站 ...

  • 如何做网上商城制作及商城网站建设方案

    想要制作一款好的商城网站,不仅要拥有成熟的专业网站设计团队,还要采取大气美观的界面,提供多维度的商品搜索.详尽的商品信息展示.简单易用的购物车.方便快捷的下单流程,能够实时追踪的订单状态等等,各种强大 ...

  • 怎么样使用快剪辑软件给视频添加背景音乐

    怎么样使用剪辑软件给视频添加背景音乐 操作方法 01 找到官网打开网站下载软件 02 成功安装后打开软件 03 点击(本地视频)或双击添加视频 04 用鼠标移动下面编辑区域的时间线调整要插入背景音乐的 ...