滑块单击时jQuery音频持续时间的变化

<audio id="audioPlayer" src="audio.mp3"></audio>
<input type="range" id="seekBar" min="0" max="100" value="0">

var audioPlayer = $('#audioPlayer')[0];
var seekBar = $('#seekBar');

seekBar.on('click', function(e) {
   var clickPosition = e.pageX - this.offsetLeft;
   var seekBarWidth = this.offsetWidth;
   var playbackPosition = clickPosition / seekBarWidth;
   var audioDuration = audioPlayer.duration;
   
   audioPlayer.currentTime = audioDuration * playbackPosition;
});

audioPlayer.addEventListener('timeupdate', function() {
   var currentTime = audioPlayer.currentTime;
   var audioDuration = audioPlayer.duration;
   var seekBarWidth = seekBar[0].offsetWidth;
   
   var playbackPosition = currentTime / audioDuration;
   var currentPosition = seekBarWidth * playbackPosition;
   
   seekBar.val(currentPosition);
});