前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >网站如何添加背景音乐

网站如何添加背景音乐

作者头像
白黎
发布于 2023-03-16 01:41:15
发布于 2023-03-16 01:41:15
5.1K0
举报
文章被收录于专栏:Baili BlogBaili Blog

虽然我资质平平,却是真的想把所有最好的东西都给你。

网站如何添加背景音乐

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

其实,在网站上添加背景音乐的方式有很多,常见的代码有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:是设置背景音乐为循环播放。这个属性可以根据你自己的需求来设置。

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

温馨提示

本站只提供资源,不提供技术支持,介意勿下!如有侵权请发邮件至:zhaojun1019@163.com ,我们会第一时间进行审核处理。 资源所标价格,是对本站收集、整理、打包、编辑详情以及本站运营费用的适当补偿,非资源价格,请支持正版,谢谢! 如若发现图片加载失效、演示站或资源下载链接失效,可以联系我们,进行反馈,我们将及时修正!


本站资源大多来自网络,版权争议与本站无关,所有资源仅限用于学习和研究目的。不得将其用于商业或者非法用途,否则,一切后果请用户自负。我们不保证资源的长久可用性,通过使用本站资源随之而来的风险与本站无关。您必须在下载后的24小时内,从您的设备中彻底删除所下资源。如果您喜欢该资源,请支持正版软件/程序,购买注册,得到更好的正版服务。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
网页添加背景音乐
为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。
全栈程序员站长
2022/11/08
2K0
10.2 网页插入背景音乐「建议收藏」
####一、bgsound标签简介 在网页中可以为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐,但只适用于IE浏览器,在Firefox等中未必适用。 语法: < bgsound src=“背景音乐的地址”/>
全栈程序员站长
2022/09/30
8160
html给网页添加背景音乐_网页怎么在属性里加入音乐
1、src=””,在””内添加你音乐的保存路径。 2、使用hidden=”true”表示隐藏音乐播放按钮,相反使用hidden=”false”表示开启音乐播放按钮。 3、使用autostart=”true” 表示是打开网页加载完后自动播放。 4、使用loop=”true”表示 循环播放 如仅想播放一次则为:loop=”false”
全栈程序员站长
2022/11/09
8.3K0
添加网页背景音乐的两种方法是什么_html怎么添加背景音乐
为网页添加背景音乐的方法一般有两种,第一种是通过普通的< bgsound>标签来添加,另一种是通过< embed>标签来添加
全栈程序员站长
2022/10/05
7K1
html中添加背景音乐的标签,添加背景音乐的html标签是什么
添加背景音乐的html标签是,bgsound是用以插入背景音乐,但只适用于IE,在netscape和firefox中并不适用,其参数设定很少,语法如“”。
全栈程序员站长
2022/09/15
6.6K0
html中添加背景音乐的标签,添加背景音乐的html标签是什么
网页背景音乐代码
将这段代码插入到您的<head></head>之间 当您打开网站时即可听到背景音乐: <bgsound src=”/china.mid” loop=”-1″> 这种当网页最小化之后,音乐会消失
全栈程序员站长
2022/09/06
1.2K0
网页中添加背景音乐的标签是什么_网页制作背景音乐html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/09/29
2.2K0
添加背景音乐的html标签是music,添加背景音乐的html标签是什么,
添加背景音乐的html标签是什么添加背景音乐的html标签是什么,添加背景音乐的html标签是bgsound。bgsound用于插入背景音乐,但只适用于IE,不适用于netscape和firefox。它的参数很少设置,语法是“bgsound src=’bjyy.mp3′ loop=-1”。
全栈程序员站长
2022/09/15
3K0
添加背景音乐的html标签是music,添加背景音乐的html标签是什么,
在HTML中添加背景音乐[通俗易懂]
说明:1、使用autoplay=”autoplay”,则背景音乐将在音网页打开后就自动马上播放。
全栈程序员站长
2022/09/15
6K0
网页背景音乐设置
<bgsound src=”音频源” autostart=”true” loop=”false” />
青梅煮码
2023/03/13
3.1K0
HTML5添加背景音乐 3种方法个人推荐audio
这里推荐两种方法,就是两个标签 <embed> 或者<audio > 常用 <audio > +css布局 隐藏播放器 做网站比较实用!
青梅煮码
2023/03/13
3.5K0
html5添加网页背景音乐完整代码_网页添加音乐播放
<audio src=”static/sound/happyBirthday.mp3″ autoplay=”autoplay” preload=”auto” controls=”controls”></audio>
全栈程序员站长
2022/11/08
4.5K0
html5添加网页背景音乐完整代码_网页添加音乐播放
魔音MORIN电脑版 v2.4.1.0 付费歌曲及无损音乐免费下载利器
魔音MORIN电脑版付费歌曲无损音乐下载神器,魔音Morin,免费小巧的付费歌曲无损音乐播放器,可以实现免费在线试听及下载付费歌曲、版权音乐、无损音质歌曲。播放器UI简洁,挖掘酷我音乐展示,聚合四大音乐平台搜索接口,智能解析音乐源,也可以自选搜索接口。支持同时下载音乐同时下载歌词文件、专辑图片,支持电脑听歌识曲,播放MV,歌词页显示。
白黎
2023/03/16
1.3K1
魔音MORIN电脑版 v2.4.1.0 付费歌曲及无损音乐免费下载利器
html中bgsound背景音乐标签在浏览器里无法播放[通俗易懂]
问题:经过尝试,发现仅仅只有IE浏览器可以支持自动播放,但是需要先进行添加控件(自动弹出)。其他浏览器不支持自动播放。
全栈程序员站长
2022/09/15
1.5K0
html中bgsound背景音乐标签在浏览器里无法播放[通俗易懂]
播放音乐
HTML除了可以插入图形之外,还可以播放音乐和视频等。用浏览器可以播放的音乐格式有:MIDI音乐、W网络
Java架构师必看
2021/03/22
2.2K0
html多媒体
<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>
Qwe7
2022/05/17
1.3K0
网站背景音乐HTML代码_ppt播放背景音乐
这篇文章主要为大家详细介绍了HTML5页面背景音乐代码 网页背景音乐通用代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。
全栈程序员站长
2022/11/08
5.6K0
网站背景音乐HTML代码_ppt播放背景音乐
网页中部分非主流代码[通俗易懂]
二:文字加粗 倾斜的代码 ◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>
全栈程序员站长
2022/09/06
4740
微信开发给网页页面添加背景音乐
在微信开发中,单纯的页面展示并不能够吸引客户的眼球,需要有视觉和听觉的双重效果,才能够吸引住客户浏览,达到产品宣传的目的,前面说过很多页面的特效,今天我来说一种听觉上的效果,就是加上背景音乐,如何能够吸引住客户,那就需要你自己去选择合适的音乐了。废话不多说了,直接了看代码吧
OECOM
2020/07/02
7000
标签之美七——为网页添加音乐 原
为网页添加音乐可以使用<embed></embed>这个标签。其用法和插入图片类似。
珲少
2018/08/16
5240
相关推荐
网页添加背景音乐
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档