很多时候我们在打开某个网页的时候会听到动听的背景音乐声,那么大家知道这些背景音乐是怎样插入的吗?今天笔者就给大家讲解一下网站建设中的背景音乐的插入。
推荐使用工具为Dreamweaver,个人感觉Dreamweaver使用最容易上手。
怎样在网页中插入背景音乐――工具/原料软件 Dreamweaver带浏览器的电脑怎样在网页中插入背景音乐――方法/步骤
怎样在网页中插入背景音乐 1、
首先在网上下载一个Dreamweaver软件安装,当然使用其他的网站编程软件也可以。
怎样在网页中插入背景音乐 2、
打开软件界面如下。
怎样在网页中插入背景音乐 3、
选择“新建--HTML”
怎样在网页中插入背景音乐 4、
之后面板大致如下图,代码部分笔者稍微删减了一些无用代码。
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 5、
设置背景音乐有两种方法,这里给大家都讲解一下。
首先是直接设置音乐文件为背景音乐的代码“bgsound”,使用语法是“<bgsound src="背景音乐的路径">。
注意背景音乐设置要加在网页<body> </body>之间。
怎样在网页中插入背景音乐 6、
以下面的为例大致讲解一下。
下图表示打开这个网页就以笔者电脑桌面的”1.MP3“为 背景音乐自动播放。
怎样在网页中插入背景音乐 7、
可以点击下图所示的地方来预览使用效果。
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 8、
需要注意的是<bgsound src="背景音乐的路径">这种语法IE支持,但是有部分浏览器不支持,比如chrome,firefox等,打开时会没有背景音乐,该怎么办呢?这就需要第二种语法了。
第二种的语法可以适用于所有浏览器。
怎样在网页中插入背景音乐 9、
第二种适用于所有浏览的语法就是插入多媒体文件的语法”embed“,使用这种语法不仅可以插入背景音乐,还可以插入视频文件。
基本语法是<embed src="背景音乐的路径" ></embed>
怎样在网页中插入背景音乐 10、
预览如下图,是一个播放框,打开网页就会自动播放音乐。
怎样在网页中插入背景音乐 11、
接下来介绍一下播放的设置,包括播放框的大小,自动播放音乐,循环播放音乐以及隐藏面板等基本设置。
首先设置播放框的大小。源码<embed src="背景音乐的路径" width="宽度" height="高度"></embed>
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 12、
设置播放高度和宽度都是333之后的预览。
怎样在网页中插入背景音乐 13、
接下来设置是否自动播放音乐。源码<embed src="背景音乐的路径" autostart=“是否自动播放”></embed>
怎样在网页中插入背景音乐 14、
是否自动播放取决于设定,如果设置autostart=“true”则会自动播放,即打开网页即可听到,如果设置autostart=“false”则不会自动播放,需要手动点击才会播放。
下面设置为autostart=“false”,需要手动点击红框内按钮播放。
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 15、
接下来设置是否循环播放音乐。源码<embed src="背景音乐的路径" loop=“是否循环播放”></embed>
怎样在网页中插入背景音乐 16、
loop的值如同autostart的值一样,“true”为循环,“false”为不循环。设置为不循环则音乐只播放一遍就停止,循环的话会一直播放下去。
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 17、
最后设置是否隐藏面板。源码<embed src="背景音乐的路径" hidden=“是否隐藏面板”></embed>
怎样在网页中插入背景音乐 18、
同理,true”为隐藏,“false”为不隐藏。
下面分别是不隐藏和隐藏的显示情况,可见隐藏之后就找不到播放面板了。
怎样在网页中插入背景音乐_网页背景音乐
怎样在网页中插入背景音乐 19、
下面综合一下,输入语句<embed src="1.mp3" width="333" height="333" autostart="true" loop="true" hidden="false"></embed>
如下图。
怎样在网页中插入背景音乐 20、
大家现在能明白上面的语句代表什么意思吗?
意思就是说【会在页面上显示一个窗口大小为“333*333”的播放窗口,播放文件名为“1.mp3”的音乐文件,打开这个网页就会自动开始播放,而且播放完了之后会自动循环,而且不隐藏播放面板。】
怎样在网页中插入背景音乐 21、
预览如下图。
就是这样,大家学会了吗?
怎样在网页中插入背景音乐――注意事项编写网页源码不一定要软件,新建一个文档然后将后缀改为”.html"也是可以的。绝大多数网站目前都会用”embed“语法而不用”bgsound“语法。