HTML怎么添加背景音乐模块,进入网页自动播放的?

HTML怎么添加背景音乐模块,进入网页自动播放的?,第1张

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

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

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

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

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

可以使用html5的audio标签来添加音乐播放器

<audio controls>

type:指定文件类型  

<source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

</audio>

对应的参数属性如下图:

网页背景音乐的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


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

原文地址: http://outofmemory.cn/zaji/7045927.html

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

发表评论

登录后才能评论

评论列表(0条)

保存