howler js로 진행률 막대를 업데이트하려면 어떻게해야합니까?

howler js를 사용하고 오디오가 재생 될 때 진행률 막대를 업데이트하려면 어떻게해야합니까?howler js로 진행률 막대를 업데이트하려면 어떻게해야합니까?

나는 pos 또는 seek을 사용한다고 가정하지만 제대로 작동하지 않는 것 같습니다.

위치가 변경 될 때마다 on 이벤트 수신기를 만들 수 있습니까?

진행 바 HTML :

<progress id="progress_bar" value="0.0" max="1.0" style="-webkit-appearance: none; appearance: none; height: 48px; float: left;"></progress>

기적 JS : 진행 표시 줄을 누르면 나는 오디오의 위치를 업데이트 할 수있는 방법을

on ('update_progress', function() { 
    document.getElementById('progress_bar').value = audio.pos(); 
}),

다음. 나는 실제로 그 경우에 입력 범위를 사용하는 것이 더 나을 것이라고 생각합니다.

출처

2016-06-10 joshuatvernon

howler.js에 진행 상황이 없습니다. 나중에 추가 될 수도 있습니다. 그러나 언제든지 audio.seek() (2.0) 또는 audio.pos() (1.0)을 호출하여 현재 위치를 알 수 있습니다. 그런 다음 requestAnimationFrame (2.0 데모가 사용하는 것임) 또는 setInterval에서 이것을 호출하여 진행률 표시 줄을 업데이트 할 수 있습니다.

출처

2016-06-11 17:34:23

이 문제를 조사하고 내 결과를 게시합니다. 이벤트가 발생했을 때 사용자 정의 구문이 무엇인지 물어볼 수도 있습니다. 나는 이것이 "on ("mute ", function())이라고 생각했지만, 작동하지 않는 것 같습니다. – joshuatvernon

2.0을 사용하고 있습니까? 1.x에는 뮤트 이벤트가 없습니다. –

'requestAnimationFrame'을 사용하십시오. 탭이 현재 포커스 된 탭이 아닌 경우 더 잘 수행 될 것이기 때문입니다. –

howler js로 진행률 막대를 업데이트하려면 어떻게해야합니까?

답변

관련 문제