Javascript 单击链接时重置音频

Javascript 单击链接时重置音频,javascript,html,audio,Javascript,Html,Audio,当我播放音频时,暂停音频,单击外部链接,然后返回音频所在的页面,我希望音频重置,而不是离开我离开的地方,但它离开我离开的地方 在我的HTML5页面中,我在结束正文标记之前包含了以下链接: src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js“> HTML5: <table id="multiplemp3"> <tr> <th> <

当我播放音频时,暂停音频,单击外部链接,然后返回音频所在的页面,我希望音频重置,而不是离开我离开的地方,但它离开我离开的地方

在我的HTML5页面中,我在结束正文标记之前包含了以下链接: src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js“>

HTML5:

<table id="multiplemp3">
    <tr>
       <th>
        <audio controls>
            <source src="http://geo-samples.beatport.com/lofi/5005876.LOFI.mp3" type="audio/mpeg">
Your browser does not support the audio element.
            </audio>
    </th>
</tr>
<tr>
    <th>
        <audio controls>
            <source src="http://geo-samples.beatport.com/lofi/5005933.LOFI.mp3" type="audio/mpeg">
Your browser does not support the audio element.
        </audio>
    </th>
</tr>
<tr>
</tr>
</table>
<br>


<p><a href="https://en.wikipedia.org/wiki/Main_Page">More . . .</a></p>
<p><a href="https://en.wikipedia.org/wiki/Main_Page">Return to Home Page</a></p>

JS:

/*允许用户一次播放一个mp3*/
/*声明变量:从html获取标记*/
var audios=document.getElementsByTagName(“音频”);
var links=document.getElementsByTagName(“a”);
/*bind()用于绑定函数调用的音频属性和参数,音频是当前播放的音频元素(来自上面的绑定),我们将音频中的每个元素与此进行比较,并暂停所有不匹配的元素*/

对于(var i=0;i

您可以在暂停按钮上设置一个事件侦听器,然后自动将音频的currentTime设置为零。例如,如果您有一个音频元素,您可以:

var audio = document.getElementsByTagName("audio");

audio.onpause = function() {
     audio.currentTime = 0;
};

这将重置音频文件。下次用户单击“暂停”按钮时,它将从头开始播放。

您可以在“暂停”按钮上设置一个事件侦听器,然后自动将音频的当前时间设置为零。例如,如果您有一个音频元素,则可以:

var audio = document.getElementsByTagName("audio");

audio.onpause = function() {
     audio.currentTime = 0;
};

这将重置音频文件。下次用户单击“暂停”按钮时,它将从头开始播放。

我已尝试在Microsoft Edge和Firefox上打开小提琴,在这两种情况下,当您返回时,音频将停止并设置为0。当我在本地服务器上测试它时,它不起作用。但由于我正在使用此库:“也许我必须在服务器上测试它。谢谢你让我知道。我已经尝试在Microsoft Edge和Firefox上打开小提琴,在这两个版本中,当你返回时,音频都会停止并设置为0。当我在本地服务器上测试它时,它不起作用。但由于我使用此库:“也许我得在服务器上测试一下。谢谢你让我知道。