Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript控制的HTML5音频时,某些曲目不可查找_Javascript_Html_Html5 Audio - Fatal编程技术网

使用JavaScript控制的HTML5音频时,某些曲目不可查找

使用JavaScript控制的HTML5音频时,某些曲目不可查找,javascript,html,html5-audio,Javascript,Html,Html5 Audio,我正在编写一个应用程序,将歌曲加载到一个html音频标签中,并在顶部显示一个HighCharts图表,用户可以根据歌曲进行操作以提供反馈。我通过音频标签控制图表,反之亦然 通过控制,我的意思是当歌曲开始播放时,图形开始填充点,当歌曲暂停时,图形的填充也暂停。当我从音频标签中查找歌曲时,添加点的位置也会改变。我使用HighCharts中的click事件将歌曲的当前时间设置为x轴的值,因为x轴表示歌曲的持续时间(以秒为单位)。请参见下图以了解说明 我的问题来自这样一个事实:有些歌曲是可搜索的,而另一

我正在编写一个应用程序,将歌曲加载到一个html音频标签中,并在顶部显示一个HighCharts图表,用户可以根据歌曲进行操作以提供反馈。我通过音频标签控制图表,反之亦然

通过控制,我的意思是当歌曲开始播放时,图形开始填充点,当歌曲暂停时,图形的填充也暂停。当我从音频标签中查找歌曲时,添加点的位置也会改变。我使用HighCharts中的click事件将歌曲的当前时间设置为x轴的值,因为x轴表示歌曲的持续时间(以秒为单位)。请参见下图以了解说明

我的问题来自这样一个事实:有些歌曲是可搜索的,而另一些则不是。我正在Chrome上运行应用程序。当我在Firefox中运行它时,问题并不存在。那么所有的歌曲都可以看

我注意到的是

track.seakable.end(0)
如果存在问题,则始终返回0;如果不存在问题,则始终返回歌曲长度。所有曲目长度不超过4分钟,也不超过6兆字节

在轨迹表中查找我正在使用的图形

单击:功能(事件){
track.currentTime=parseInt(event.xAxis[0].value/1000);
}  

我找到了答案。我正在使用django作为后端,但我在问题中忘了提到它。问题来自django服务器的开发版本。django.views.static.service中不支持字节范围请求

这可以通过使用源代码或通过代理服务器运行应用程序来解决。第一个补丁不太理想,因为它会更改核心django文件,如果其他开发人员没有相同的代码,则无法解决在同一应用程序上工作的问题,因此首选第二个补丁


请记住,这个问题只出现在开发中,而不是在生产中

你能用chrome播放文件吗?@Kaido是的,我能。所有其他功能都正常工作。它是否设置了持续时间?你能把它贴在某个地方(dropbox或其他)以便直接使用你的文件吗?