2

我正在创建一个网站来教一些阿拉伯语单词。我包括数字、序数、星期几等，我有一个包含所有这些的音频文件，我想用鼠标悬停或单击鼠标来播放它。现在，我不想将音频切割成许多片段来完成这项工作。有没有办法在鼠标单击或鼠标悬停时调用音频文件并且只播放部分文件？例如，我有一个数字从 1 到 10 的音频文件，假设每个都是一秒长。当用户单击数字 5 时，我希望能够调用数字音频文件并播放第 5 秒并停止。这可能吗？以下是我调用和播放整个音频的代码。谢谢！

<!DOCTYPE html>
<html>
<head>
    <title>Arabic Letters</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

</head>

<body>
     <span id="dummy"></span> 

<a href="#" onclick="playSound('1-001_page3.mp3');"><p dir="rtl" lang="ar"
class="letter">واحِد</p></a>

</body>
</html>
4

1 回答 1

3

我会使用一个全局变量来设置当前的停止点并绑定一个timeupdate监听器来检查是否到了时间：

var endTime = 0;
// do this binding once at page load time
myaudio.addEventListener("timeupdate", function() {
    if(this.currentTime >= endTime) {
        this.pause();
    }
});

对于每个事件，使用 设置开始时间myaudio.currentTime、使用 结束时间endTime和play()音频：

// plays the audioObj from start to stop times (in seconds)
// call this for each snippet you wish to play (e.g., in an onclick handler)
function playInterval (audioObj, start, stop) {
    audioObj.currentTime = start*1000;
    endTime = stop*1000;
    audio.play();
}
于 2012-06-14T16:04:54.220 回答