网站如何添加背景音乐

网页设计自学平台 2020-07-24 16:48:53


网页设计自学平台
一个学习前端开发的自学平台

网站如何添加背景音乐


经常有童鞋来问我:“如何在自己的网站上添加背景音乐?网站添加背景音乐是用什么技术手段实现的?”

其实,在网站上添加背景音乐的方式有很多,常见的代码有embed和object。下面我给大家介绍一个常用插入背景音乐的代码embed。

什么是embed?为什么要在网站上使用embed来插入背景音乐呢?

Embed:是用来在网站上插入背景音乐的

为什么要在网站上使用embed来插入背景音乐呢? 这是因为:

1、 embed是HTML5中新增的标签。
2、 embed标签支持所有的主流浏览器。如:火狐、IE、谷歌等。而其他标签做不到。

好了 ,童鞋们,请看下面这段代码

童鞋们,看完这段代码有什么感想?是不是看到这一段乱七八糟的东西有点晕?

其实,大家只需要看

这部分代码即可。那些乱七八糟的东西可以忽略(PS:新建完文件就会自动生成的),大家就当它不存在。

<embed src="bgsound/The End Of World.mp3" type="" loop="1">

这段代码意思是我在网页上插入一段音乐。

Embed:是要告诉浏览器我要插入一段背景音乐。

Src:是告诉浏览器我的背景音乐存放位置、背景音乐的名字和背景音乐的类型。(这里我把背景音乐“The End Of World.mp3”存放到一个叫做“bgsound”的文件夹里。)当然,你的背景音乐也可以放到你的电脑桌面上。

Type:背景音乐类型,如:mp3 、WMA、WAV等。因为这个属性写在Src里,所以这里就不在重复设置了 。

Loop:是设置背景音乐为循环播放。这个属性可以根据你自己的需求来设置。

童鞋们,是不是很有意思,那么,就赶紧找找你自己喜欢的音乐也来试试吧

想做网站又很懒?50套国外H5流行模板免费送
点我获取

戳“阅读原文”入群免费领取前端开发教程

Copyright © 上海网络音乐联盟@2017