html5 audio 随机播放

如何让网页播放时(手动播放或自动播放),在数首音乐中【随机播放】一首... 如何让网页 播放时(手动播放或自动播放),在数首音乐中【随机播放】一首 展开
 我来答
sky丶花与刺
2018-05-13 · TA获得超过124个赞
知道小有建树答主
回答量:138
采纳率:61%
帮助的人:20.9万
展开全部
音乐文件的路径应该都是获取数据库中的信息,
每一条信息都有它的ID(key),
手动播放相当于直接选择ID来进行选择音乐。
随机播放就是 从列表中随机取出一个ID,
那么唯一的问题就是你怎么从数据库中取出一个随机的有效值。
如果是bigdata,那么我没有什么解决办法。
但是一个人的音乐表单的数据也不会有很多。可以直接拿出这个人的所有收藏的音乐ID,
然后在前端用 js 的高阶函数随机选出一个ID,去数据库拿就可以了。,
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ctw2016love
2016-05-16 · TA获得超过2441个赞
知道小有建树答主
回答量:366
采纳率:0%
帮助的人:106万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PHP版简易HTML5播放器代码</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"/></script>
<script>
function play(src,pid,tid)
{
var player=document.getElementById('player');
player.src=src;
player.play();
$("#"+pid).css('color','red');
var len=$("table a").filter('.pl').length;
for(var i=0;i<len;i++)
{
var nocolor='p'+i;
if(nocolor!=pid)
{
$("#"+nocolor).css('color','blue');
}
}
}
</script>
</head>
<body>
<?php
$d=dir('./music');
$music=array();
while(false!==($entry=$d->read()))
{
if($entry!=='.'&&$entry!=='..')
{
$music[]=iconv('gb2312','utf-8',$entry);
}
}
?>
<div align="center" style="width:auto">
<table>
<?php foreach ($music as $key=>$value):?>
<tr><td><?php echo $value;?></td><td id="td<?php echo $key;?>"><a href="javascript:play('music/<?php echo $value;?>','p<?php echo $key;?>','td<?php echo $key;?>')" class="pl"><span id="p<?php echo $key;?>">播放</span></a></td></tr>
<?php endforeach;?>
</table>
<br>
<audio id="player" loop="loop" autoplay="autoplay" controls="controls">
</div>
</body>
</html>
PHP仅实现歌曲列表循环。
使用方法:将歌曲至于music文件夹中,music文件夹与PHP脚本位于同一级目录。

望采纳!!!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
纯洁的小树
2016-05-15 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:481万
展开全部
用随机数呗。。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式