如何用HTML写代码实现自动播放音乐

如何用HTML写代码实现自动播放音乐,第1张

由于浏览器的安全策略问题,现在已经不再支持打开页面自动播放音乐了,如需要播放还是要让用户点击播放才可以,可以使用html5的audio标签加载音乐播放。

<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>

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

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

特点

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

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

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

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

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

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

音乐文件的路径应该都是获取数据库中的信息,

每一条信息都有它的ID(key),

手动播放相当于直接选择ID来进行选择音乐。

随机播放就是 从列表中随机取出一个ID,

那么唯一的问题就是你怎么从数据库中取出一个随机的有效值。

如果是bigdata,那么我没有什么解决办法。

但是一个人的音乐表单的数据也不会有很多。可以直接拿出这个人的所有收藏的音乐ID,

然后在前端用 js 的高阶函数随机选出一个ID,去数据库拿就可以了。,


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存