代码之家  ›  专栏  ›  技术社区  ›  Pavan Kumar T S

Html音频无法在canplay事件处理程序内设置当前时间

  •  2
  • Pavan Kumar T S  · 技术社区  · 6 年前

        var audio = document.getElementById("audio-element");
        var softSlider = document.getElementById('aslider');
        audio.addEventListener('canplay', function () { 
            softSlider.noUiSlider.on('set.one', function (values, handle, unencoded, tap, positions) { 
    
                console.log("triggerd "+handle+" "+values)
                if (handle==0){
                    audio.pause();
                    startTime=values[handle];
    
                    audio.currentTime=startTime;
                    // vv.play();
    
                }
                else if(handle==1){
                    endTime=values[handle];
    
                        audio.pause();
                        audio.currentTime=startTime;
    
    
                }
                console.log("value "+audio.currentTime);
    
    
            });
        });
    

    事件正在触发并获取日志,但每次当前时间返回0

    //Log
    audio duration information available
    triggerd 0 25.94,211.33
    value 0
    

    与使用句柄0和starttime的滑块触发的日志事件一样,应该将其设置为25.94,但在将currentTime设置为25.94之后,它将回落到0。我还使用loadedmetadata检查元数据是否可用。 我使用的是chrome版本70.0.3538.77(官方版本)(64位),与django模板一起运行

    0 回复  |  直到 6 年前