html5 audio 随机播放
发布网友
发布时间：2022-04-21 03:21
共3个回答
热心网友
时间：2022-04-20 00:40
音乐文件的路径应该都是获取数据库中的信息，
每一条信息都有它的ID（key），
手动播放相当于直接选择ID来进行选择音乐。
随机播放就是 从列表中随机取出一个ID，
那么唯一的问题就是你怎么从数据库中取出一个随机的有效值。
如果是bigdata，那么我没有什么解决办法。
但是一个人的音乐表单的数据也不会有很多。可以直接拿出这个人的所有收藏的音乐ID，
然后在前端用 js 的高阶函数随机选出一个ID，去数据库拿就可以了。，
热心网友
时间：2022-04-20 01:58
<!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脚本位于同一级目录。
望采纳！！！
热心网友
时间：2022-04-20 03:32
用随机数呗。。。。
