怎样在网页中插入背景音乐

 时间:2024-10-13 13:42:29

1、首先在网上下载一个Dreamweaver软件安装,当然使用其他的网站编程软件也可以。

怎样在网页中插入背景音乐

2、打开软件界面如下。

怎样在网页中插入背景音乐

3、选择“新建--HTML”

怎样在网页中插入背景音乐

4、之后面板大致如下图,代码部分笔者稍微删减了一些无用代码。

怎样在网页中插入背景音乐

5、设置背景音乐有两种方法,这里给士候眨塄大家都讲解一下。首先是直接设置音乐文件为背景音乐的代码“bgsound”,使用语法是“<bgsound sr艘早祓胂c="背景音乐的路径">。注意背景音乐设置要加在网页<body> </body>之间。

怎样在网页中插入背景音乐

6、以下面的为例大致讲解一下。下图表示打开这个网页就以笔者电脑桌面的”1.MP3“为 背景音乐自动播放。

怎样在网页中插入背景音乐

7、可以点击下图所示的地方来预览使用效果。

怎样在网页中插入背景音乐

8、需要注意的是<bgsound src="背景音乐的路径">这种语法IE支持,但是有部分浏览器不支持,比如chrome,firefo旌忭檀挢x等,打开时会没有背景音乐,该怎么办呢?这就需要第二种语法了。第二种的语法可以适用于所有浏览器。

9、第二种适用于所有浏览的语法就是插入多媒体文件的语法”embed“,使用这种语法不仅可以插入讳求藜派背景音乐,还可以插入视频文件。基本语法是<embed src="背景音乐的路径&鳎溻趄酃quot; ></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、下面综合一下,输入语句&盟敢势袂lt;embed src="1.mp3" width="333" height="333" autostart="true" loop="true" hidden="false"></embed>如下图。

怎样在网页中插入背景音乐

20、大家现在能明白上面的语句代表什么意思吗?意思就是说【会在页面上显示一个窗口大小为“333*333”的播放窗口,播放文件名为“1.mp3”的音乐文件,打开这个网页就会自动开始播放,而且播放完了之后会自动循环,而且不隐藏播放面板。】

21、预览如下图。就是这样,大家学会了吗?

怎样在网页中插入背景音乐
  • html怎样实现图片自动切换
  • 实现整个html居中最简单方法
  • 怎样在html网页中插入视频
  • 在网页里的图片 如何做到将鼠标放上去后就会变成另一张图片
  • 如何在html中添加音频文件
  • 热门搜索
    寻访红色足迹手抄报 足球手抄报 有关春天来了的手抄报 关于文明的手抄报内容 放飞心灵手抄报内容 关于元旦节的手抄报 关于理想的手抄报内容 推广普通话手抄报资料 我爱祖国手抄报图片 关于法制的手抄报内容