最简单的向HTML网页添加背景音乐的方法

最简单的向HTML网页添加背景音乐的方法,第1张

最简单的向HTML网页添加背景音乐的方法是什么?在html5里,直接有一个对应的控件就可以添加背景音乐了,下面我们来看一下。

01

在html5里,有一个audio的标签,我们先在html里加上这个标签。

02

这个audio标签,里面有一个子标签,就是source标签,主要是用来指定audio的播放源的。通过src属性指定Mp3文件的路径就行了。

03

运行页面,就可以看到一个mp3的播放器了。

04

点击播放器的播放按钮后,网页就可以播放mp3音乐了,非常简单。

网页背景音乐的HTML代码有三种,分别用<bgsound></bgsound>、<embed></embed>和<audio></audio>标签。

由于<bgsound>的特性是非标准的,所以请尽量不要在生产环境中使用它。下面对三者的参数进行介绍:

1、<bgsound>:

<bgsound>是IE浏览器中设置网页背景音乐的元素。

<bgsound src="sound1.mid">

<bgsound src="sound2.au" loop="infinite"

balance

该属性取值在-10,000到+10,000,它决定扬声器之间的音量如何分配。

loop

该属性表明音频被播放的次数,是一个数值或者关键字infinite。

2、<EMBED>:

<embed>标签定义嵌入的内容,比如插件,插入音频和视频方式。

<EMBED src="your.mid"autostart="true" loop="true" hidden="true">

height pixels 设置嵌入内容的高度。

src url 嵌入内容的 URL。

type type 定义嵌入内容的类型。

width pixels 设置嵌入内容的宽度。

3、<audio>:

<audio>标签定义声音,比如音乐或其他音频流。

<audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>

扩展资料:

html特效代码大全:

1)贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

参考资料来源:百度百科-bgsound

参考资料来源:百度百科-embed

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>。

3、浏览器运行index.html页面,此时一进入页面就自动播放了背景音乐。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6285760.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存