怎么在HTML插入音乐自动播放的代码

怎么在HTML插入音乐自动播放的代码,第1张

HTML插入音乐自动播放的代码(代码可直接运行)<!DOCTYPE html><html><head>。

<meta charset="UTF-8" /><title>HTML5学堂 - https://h5course.com/</title>。

特点

超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

以上内容参考:百度百科-HTML

播放列表这个需求只能通过JavaScript解决

通过监听播放结束事件,替换src,实现循环播放

另外,建议使用 audio/video 标签来取代embed标签

musicList 为音乐文件列表

<audio id="musicPlayer" src="pm_1.mp3" autoplay="autoplay" controls="controls" >

<script type="text/javascript">

var musicIndex=0, musicList=['pm_1.mp3','pm_2.mp3','pm_3.mp3']

document.querySelector('#musicPlayer').addEventListener('ended', function(){

musicIndex=musicIndex<musicList.length-1?musicIndex+1:0

this.src=musicList[musicIndex]

})

</script>

HTML5中音频循环播放的属性是loop

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<audio src="music/心形宇宙.m4a" controls="controls" loop="loop" autoplay="autoplay"></audio>

</body>

</html>


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

原文地址:https://54852.com/zaji/7269654.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存