html5 audio 随机播放

html5 audio 随机播放,第1张

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

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

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

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

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

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

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

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

可能是MP3文件在编码过程中有问题,有没有尝试切换其他的MP3文件再试?

MP3的播放器没有做过,但是以前做flv播放器的时候遇到过这种问题,api获得的长度和实际不一致。

不过那时候差别都很小,基本就是1秒的问题,所以冗余修正下就好了。如果差别过大,建议你考虑把id3信息单独放到数据库里存着,有些程序上的硬伤也是没有办法的。

*** 作方法:

1、首先新建一个TXT文档。这里以demo.txt为例。更改demo.txt文件的扩展名txt为html,我们就获得了demo.html文件。即通常的网页文件格式。

2、右击该文件—打开方式—记事本,用记事本打开该文件。

3、添加基本的网页结构:

<html>

<head>

<title>如何添加背景音乐?</title>

</head>

<body>

<!--背景音乐添加在这里-->

<!--开始-->

<!--结束-->

</body>

</html>

4、如果是初学者,建议新建一个文件夹,把demo.html和要作为背景音乐的歌曲放在同一个文件夹。我们以一首背景音乐为例子,大家举一反三。

5、在 HTML 中播放声音的方法有很多种。

最好的 HTML 解决方法

实例

<audio controls="controls" height="100" width="100">

<source src="小果 - 蒲公英的梦想.mp3" type="audio/mp3" />

<source src="小果 - 蒲公英的梦想.ogg" type="audio/ogg" />

<embed height="100" width="100" src="小果 - 蒲公英的梦想.mp3" />

</audio>

上面的例子使用了两个不同的音频格式。HTML5 <audio>元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed>元素。

6、保存并关闭,双击打开demo.html,网页内出现了一个播放器。点击播放按钮,即可以播放音乐。


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

原文地址: http://outofmemory.cn/sjk/9934849.html

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

发表评论

登录后才能评论

评论列表(0条)

保存