很多时候我们打开一个网页,都会听到优美的背景音乐,那么你知道这些背景音乐是怎么插入的吗?今天我来解释一下网站建设中背景音乐的插入。推荐的工具是Dreamweaver,个人感觉Dreamweaver最好用。
首先,从网上下载一个Dreamweaver软件并安装。当然,其他网站编程软件也可以。
如下打开软件界面。
选择“新建- HTML”
之后的面板大致如下图所示。在代码部分,作者稍微删除了一些没用的代码。
有两种方法设置背景音乐。下面我们来解释一下。首先,是代码“bgsound”直接将音乐文件设置为背景音乐。使用的语法是“bgsoundsrc=‘背景音乐的路径’。请注意,背景音乐设置应添加在正文/正文页面之间。
以下面为例来大致说明一下。下图显示,打开这个网页时,“1。作者电脑桌面上的MP3”会自动播放。
可以点击下图所示的地方预览使用效果。
需要注意的是,支持bgsoundsrc='背景音乐的路径'的语法IE,但部分浏览器不支持,如chrome、firefox等。而且打开的时候也不会有背景音乐。我该怎么办?这需要第二种语法。第二种语法适用于所有浏览器。
适用于所有浏览的第二个语法是用于插入多媒体文件的语法“embed”。使用这种语法,您不仅可以插入背景音乐,还可以插入视频文件。基本语法是embedsrc='背景音乐的路径'/embed。
下图所示的预览是一个播放框。当你打开网页时,你会自动播放音乐。
接下来我们来介绍一下播放设置,包括播放框的大小,音乐自动播放,音乐循环播放,隐藏面板等基本设置。首先设置播放框的大小。源代码embedsrc='背景音乐的路径' width=' width ' height=' height '/embed
将播放高度和宽度设置为333后预览。
接下来,设置是否自动播放音乐。源代码embedsrc='背景音乐的路径' autostart="是否自动播放"/embed
是否自动播放取决于设置。如果设置autostart="true ",就会自动播放,也就是打开网页就能听到。如果设置autostart="false ",就不会自动播放,需要手动点击才能播放。以下设置为auto start="false "。你需要手动点击红框中的按钮来播放它。
接下来,设置是否循环播放音乐。源代码embedsrc='背景音乐的路径' loop="是否循环播放"/embed
loop的值与autostart的值相同,“真”为循环,“假”为无循环。如果设置为不循环,音乐只会停止播放一次,如果循环,会继续播放。
最后,设置是否隐藏面板。源代码embedsrc='背景音乐的路径' hidden="隐藏面板"/embed
同样,真的是隐藏的,假的是不隐藏的。以下分别是非隐藏和隐藏的显示情况。可以看到,隐藏后播放面板是找不到的。
综上,输入语句embed src=' 1 . MP3 ' width=' 333 ' height=' 333 ' auto start=' true ' loop=' true ' hidden=' false '/embed如下所示。
你现在能明白上面的说法是什么意思了吗?表示[页面上会显示一个窗口大小为“333*333”的播放窗口,播放文件名为“1.mp3”的音乐文件。这个网页打开后会自动开始播放,播放完会自动循环,播放面板不会隐藏。】
预览下图。就是这样。你学会了吗?
特别提示
写网页源代码不需要软件。创建一个新文档,并将后缀更改为“htmlquot也有可能。
大多数网站目前使用“嵌入”语法,而不是“bgsound”语法。