我在点击时设计了Sindhi(Indus)Alphabet语音,从数据库表中获取文件名和路径,此处图像正确显示循环但音频未播放并在每个按钮上重复第一个文件声音
$pth1="voice/alifbepati/";
$pth="images/ipapati/";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT ltrId, letter from letters order by ltrId";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
if (isset($row['ltrId'])) {$ltrId=$row['ltrId']; echo $ltrId;}
echo $pth1.$ltrId.".mp3";
global $filenm;
$filenm= $pth1.$ltrId.".mp3";
if (isset($ltrId)) {echo "<img src=\"$pth".$ltrId.".jpg\" width=75 height=75><BR>
<audio id=\"player\" src='$filenm'></audio>
<div>
<button onclick=\"document.getElementById('player').play()\" title='$filenm'>Play</button>
</div>
";
}
}
} else {
echo "0 results";
}
$conn->close();
答案 0 :(得分:0)
on循环图像文件名正在改变,但音频文件名没有改变所以每次按钮播放相同的音频而图像不同
<?php
$pth1="voice/alifbepati/";
$pth="images/ipapati/";
for ($x = 1; $x <= 52; $x++) {
echo $pth1.$x.".mp3";
global $filenm;
$filenm= $pth1.$x.".mp3";
echo "<img src=\"$pth".$x.".jpg\" width=75 height=75><BR>
<audio id=\"player\" src='$filenm'></audio>
<div>
<button onclick=\"document.getElementById('player').play()\" title='$filenm'>Play</button>
</div>
The number is: $x <br>";
}
?>