小编Bri*_*ian的帖子

HTML5 音频元素 - 搜索滑块 - 无法在“HTMLMediaElement”上设置“currentTime”属性:提供的双精度值是非有限的

这是我关于 Stack Overflow 的第一个问题;如果我做错了,请道歉。

我正在尝试使用 Web Audio API 为自己创建一个不错的小音频播放器。但是,我在尝试为用户创建“搜索”功能以在歌曲中跳过时遇到了问题。

HTML:

<p>Seek Slider</p>
<input id="seekslider" type="range" min="0" max="100" value="0" />
Run Code Online (Sandbox Code Playgroud)

JavaScript:

var seekslider = $('#seekslider');

$(seekslider).mousedown(function(e) {
  seeking = true;
  seek(e);
});

$(seekslider).mousemove(function(e) {
  seek(e);
});

$(seekslider).mouseup(function(e) {
  seeking = false;
});

function seek(e) {
  if (seeking) {
    seekslider.value = e.clientX - seekslider.offsetLeft;
    console.log(typeof(seekslider.value));
    console.log(seekslider.value, audio.currentTime);
    seekto = audio.duration * (seekslider.value / 100);
    console.log(seekto);
    audio.currentTime = seekto;
  }
}     
Run Code Online (Sandbox Code Playgroud)

错误:

无法在“HTMLMediaElement”上设置“currentTime”属性:提供的双精度值是非有限的。

现在,console.log(typeof(seekslider.value))返回一个数字。但是,console.log(seekslider.value)返回NaN.

我知道的值currentTime是一个带小数点的浮点数。 …

html javascript audio jquery web-audio-api

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

audio ×1

html ×1

javascript ×1

jquery ×1

web-audio-api ×1