HTML 오디오 - 음수 playbackRate 값이 작동하지 않습니까?

Question

오디오 플레이어를 만들기 위해 HTML 및 JS/JQuery에서 오디오로 재생하고 있습니다. 재생, 일시 중지 및 빨리 감기가 작동하지만 되감기 또는 거꾸로 작동하지 않습니다. W3Schools Documentation 그것은 말한다 :

playbackspeed 오디오/비디오의 현재 재생 속도를 나타냅니다. 값의 예 :

-1.0 거꾸로입니다

다음과 같이 그래서 내가 작성한 코드는 다음과 같습니다

<audio id="player"> 
    <source src="http://www.dkedomain.com/public/podcast/shows/the-domain-episode-09.mp3" type="audio/mpeg" /> 
</audio> 

<button class="rewind">Rewind</button> 
<button class="play">Play</button> 
<button class="pause">Pause</button> 
<button class="twotimes">2x</button> 
<button class="forward">Fast Forward</button> 

<script> 

    var player = document.getElementById('player');; 
    player.load(); 

    $('button.rewind').click(function(){ 
     player.playbackRate = -1.0; 
    }); 

    $('button.play').click(function(){ 
     player.play(); 
     console.log(player.currentTime); 
    }); 

    $('button.pause').click(function(){ 
     player.pause(); 
     console.log(player.currentTime); 
    }); 

    $('button.twotimes').click(function(){ 
     player.playbackRate = 2.0; 
    }); 

    $('button.forward').click(function(){ 
     player.playbackRate = 3.0; 
    }); 

</script> 

은 어떻게 설명 된대로이 작업을 어떻게해야합니까?

Answer 1

How can I play audio in reverse with web audio API?에 대한이 스택 오버플로 응답은 WebKit 기반 브라우저를 제외하고 audio.playbackrate = -1 설정이 작동 함을 보여줍니다. 다른 브라우저에서도 지원하지만 Chrome 및 Safari는이 설정을 무시합니다.

몇 가지 DVR 플레이어에서와 같이 몇 초 뒤로 돌아가려면 되감기를 구현하는 것이 흥미로운 일입니다. 이 같은 것이 작동 할 수도 있습니다.

$('button.rewind').click(function() { 
    var currentTime = player.currentTime; 
    player.currentTime = (currentTime >= 3.0) ? currentTime - 3.0 : 0; 
}); 

기능의 대칭에 대해서도 마찬가지로 Fast Forward를 사용할 수 있습니다. 2 배속 버튼은 좋은 "빠른 재생"솔루션이며,이 방법을 보완 할 수 있습니다. 감각을 만들 것 https://jsfiddle.net/mgaskill/11n63g3w/