音乐相册制作 怎样在网页中插入背景音乐

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

很多时候我们在打开某个网页的时候会听到动听的背景音乐声,那么大家知道这些背景音乐是怎样插入的吗?今天笔者就给大家讲解一下网站建设中的背景音乐的插入。

推荐使用工具为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“语法。

  

爱华网本文地址 » http://www.413yy.cn/a/8105090103/333006.html

更多阅读

怎样在Word中打钩和打叉? excel 打钩打叉

小王初次来到印刷行业,在操作Word时突然遇到个难题,制作试卷过程中的一些选择题需要标注“钩”、“叉”,但是在之前的培训学校里头好像只学习了一些基本的Word操作和应用,到底如何在Word中打钩、叉呢?虽然这个问题似乎非常简单,但是对于一

怎样在网页中查找关键字 如何在网页查找关键字

怎样在网页中查找关键字——简介网页中查找特定关键字怎样在网页中查找关键字——方法/步骤怎样在网页中查找关键字 1、火狐浏览器编辑-查找-输入关键词-自动就弹出来了,还可以区分大小写。怎样在网页中查找关键字 2、IE浏览器,点右

怎么在ppt中加入音乐 怎样在ppt中加入歌曲

怎么在ppt中加入音乐——简介怎么在PPT中加入音乐,这还是需要点技巧的。有些朋友知道怎么在里面插入,但是知道插入后怎么进行设置吗,怎么让他在需要的时间播放,需要的时候暂停等等。这们这里讲一下使用技巧。怎么在ppt中加入音乐——工

怎样在word中画横线 word文档下划线怎么打

怎样在word中画横线——简介?很多朋友使用Word软件制作试卷等素材时都需要用到横线等图案,但是却不知如何在Word页面画出横线。这篇经验介绍一下怎样在word中画横线怎样在word中画横线——工具/原料?计算机一台?Word软件(以WPS 2

怎样在ppt中加入视频 在ppt中加入视频的格式

制作演示文稿PPT的时候,我们除了可以给幻灯片PPT添加上文字和图片对象,还可以根据实际需要添加上视频,如何在ppt中加入视频呢?ppt中如何加入视频?接下来跟着制作PPT的步骤来学习下:怎样在ppt中加入视频——工具/原料powerpoint2010怎样

声明:《音乐相册制作 怎样在网页中插入背景音乐》为网友潇洒又能打分享!如侵犯到您的合法权益请联系我们删除