我创建了一个包含表格的数据库,其中包含有关数千首曲目的信息。 其中一个信息是当我点击" Play"时要播放的曲目目录。
while($row = mysqli_fetch_array($sqldata ))
{
echo "<tbody><tr><td>";
echo $row['position'];
$path = "audio/";
$track = $path . $row["path"] . ".mp3";
echo "</td><td>";
echo '<input type="image" src="images/play.png" width="20px" height="20px" onclick="play();">';
echo "<audio id='audio' src=$track></audio>";
echo '<input type="image" src="images/pause.png" width="20px" height="20px" onclick="pause()">';
echo '<audio id="audio" src=""></audio>';
echo "</td><td>";
etc..
问题是当我点击&#34; Play&#34;在所有不同的曲目中,它只播放第一首曲目&#34; audio&#34;夹。 根据行播放不同曲目的正确方法是什么?
由于
答案 0 :(得分:0)
解决。 这是解决方案: 删除多个音频标签,并仅在表格外设置一个音频标签。 将列中的路径作为参数发送到javascript play函数并编辑audio.src然后audio.load然后audio.play。
echo '<input type="image" src="images/play.png" width="20px" height="20px" onclick="play(\''.$track.'\');">';
重要提示:引号和反斜杠对于发送字符串非常重要。
感谢。