Jquery“Uncaught IndexSizeError:无法执行”错误

时间:2014-03-03 01:41:27

标签: jquery html5-audio

我正在尝试在自定义wordpress主题中使用AudioPlayer.js jquery插件。在尝试在Wordpress中使用它之前,它在我的基本html / css测试站点中运行良好,没有错误。

现在它在我的WP主题中,我在查看Chrome开发工具时遇到此错误:

Uncaught IndexSizeError: Failed to execute 'end' on 'TimeRanges':
  The index provided (0) is not less than the object's length (0).

并且它一直在试图运行,并且Chrome会继续计算它尝试的次数:我尝试了22,000次尝试,并在计算时输入。它还说这是因为Audioplayer.js文件中的第103行。第103行是:

barLoaded.width( ( theAudio.buffered.end( 0 ) / theAudio.duration ) * 100 + '%' );

我知道如果没有整个插件可能意义不大,所以我上传了完整的插件here on Pastebin。我知道在提问时链接到外部网站并不理想,但我不想在这里发布那么多代码。以下是Chrome开发工具中错误的屏幕截图:

enter image description here

在使用此代码在页脚中调用插件之前,我确保在头部调用Jquery:

<script>jQuery( function() { jQuery( 'audio' ).audioPlayer(); } );</script>

任何人都可以就可能导致这种情况的原因向我提出一些想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

好吧,我当然不理解它所引发的错误,但是由于@TimHayes的回复,我确实尝试了一个简单的HTML5音频标签,但它仍然没有播放。然后我想使用直接,明确的URL资产路径。 (记住这是一个WordPress主题)现在一切正常!奇。如果有其他人碰巧出现并且知道为什么会发生这种错误,我会很高兴听到它!