Javascript 如何在<;音频>;给定文件hh:mm:ss?

Javascript 如何在<;音频>;给定文件hh:mm:ss?,javascript,html,audio,current-time,Javascript,Html,Audio,Current Time,我每3分钟有2500份带时间戳的成绩单。我希望时间戳跳到音频文件中的时间 我使用的是Javascript和HTML5,代码可以正常工作,但不是全部 <script> function initAudio(){ var speedlist = document.getElementById("speedlist"); speedlist.addEventListener("change",changeSpeed); function changeSpeed(event

我每3分钟有2500份带时间戳的成绩单。我希望时间戳跳到音频文件中的时间

我使用的是Javascript和HTML5,代码可以正常工作,但不是全部

<script>
function initAudio(){
    var speedlist = document.getElementById("speedlist");
    speedlist.addEventListener("change",changeSpeed);

function changeSpeed(event){
    myAudio.playbackRate = event.target.value;
                   }
function setCurrentTime(event){
    myAudio.currentTime = event.target.value;
                   }
function hmsToSecondsOnly(str) {
    var p = str.split(':'),
        s = 0, m = 1;
    while (p.length > 0) {
        s += m * parseInt(p.pop(), 10);
        m *= 60;
    }
    return s;
}
            }
window.addEventListener("load", initAudio);
</script>
<font size="2px">&nbsp;&nbsp; .5 x
<input id="speedlist" type="range" value="1" min="0.5" max="2.5" step="0.1" width="100px"> 2.5 x&nbsp;&nbsp;</font>
<img title="Reset Audio Speed to 1 x" src="https://pocketcollege.com/Speed.png" onclick="myAudio.playbackRate = 1"></p>

<audio id="myAudio" controls preload="metadata" style="width:100%;"> 
<source src="https://pocketcollege.com/mp3/RR100A1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<input type="button" value="[3:13]" onclick="myAudio.currentTime=200">

<input type="button" value="[6:27]" onclick="setCurrentTime(hmsToSecondsOnly('6:27'))">

函数initAudio(){
var speedlist=document.getElementById(“speedlist”);
speedlist.addEventListener(“更改”,changeSpeed);
功能更改速度(事件){
myAudio.playbackRate=event.target.value;
}
函数setCurrentTime(事件){
myAudio.currentTime=event.target.value;
}
函数hmsToSecondsOnly(str){
var p=str.split(“:”),
s=0,m=1;
而(p.length>0){
s+=m*parseInt(p.pop(),10);
m*=60;
}
返回s;
}
}
window.addEventListener(“加载”,initAudio);
.5 x
2.5倍

您的浏览器不支持音频元素。

第一个按钮工作并将时间移动到3分20秒。第二个按钮无效。

所以我让它工作了。我必须分离出hmsToSecondOnly函数并更改其调用方式:

<script>
function initAudio(){
    var speedlist = document.getElementById("speedlist");
    speedlist.addEventListener("change",changeSpeed);
function changeSpeed(event){
    myAudio.playbackRate = event.target.value;
                   }
function setCurrentTime(event){
    myAudio.currentTime = event.target.value;
                   }
            }
window.addEventListener("load", initAudio);

function hmsToSecondsOnly(str) {
    var p = str.split(':'),
        s = 0, m = 1;

    while (p.length > 0) {
        s += m * parseInt(p.pop(), 10);
        m *= 60;
    }

    return s;
}
</script>

<input type="button" value="[6:27]" onclick="myAudio.currentTime=hmsToSecondsOnly('6:27')">

函数initAudio(){
var speedlist=document.getElementById(“speedlist”);
speedlist.addEventListener(“更改”,changeSpeed);
功能更改速度(事件){
myAudio.playbackRate=event.target.value;
}
函数setCurrentTime(事件){
myAudio.currentTime=event.target.value;
}
}
window.addEventListener(“加载”,initAudio);
函数hmsToSecondsOnly(str){
var p=str.split(“:”),
s=0,m=1;
而(p.length>0){
s+=m*parseInt(p.pop(),10);
m*=60;
}
返回s;
}