jquery - 服务器上的音频文件以 splinter 的方式嵌入

Question

我正在使用jPlayer在页面中嵌入两个音频文件，基本上代码是cut'n'pasted from this page。一个是wav，另一个是mp3。在本地(mac)上一切正常，但是当我将其上传到服务器时，音频文件以奇怪的方式失败。

Chrome会在30秒内启动wav文件(即使位置检查器从头开始)却提前结束，因此我怀疑javascript不管声音文件的长度是否正确。 mp3甚至无法开始播放。它假装加载，但随后却没有。

Safari可以正常运行。

Firefox也可以正常运行。也许是因为它落在播放器的Flash选项上了？

IE8播放mp3，但不播放wav，并且无法显示前者的进度条。

起初我以为这是我上传文件的方式的问题。最初，我使用了Transmit，这对于ASCII与二进制应该是明智的。我尝试用scp编码这些文件，但是它们仍然很棘手。

我以为那可能是mime类型设置不正确，所以我在 Assets 文件夹中的.htaccess文件中添加了两行，但这并没有改变。 htaccess文件如下所示，也许我忘记了我还需要包含的内容？

# prevent CGI and PHP executing in assets; php_flag doesn't actually do anything
# since lower-level settings trump any attempt to turn it off in htaccess.
# I'll leave it here for posterity.
deny from all
Options -ExecCGI
php_flag engine 0 

# Break other files
<Files ~ "\.(gif|GIF|jpe?g|JPE?G|png|PNG|docx?|DOCX?|pdf|PDF|swf|SWF|flv|FLV|ppt|PPT|pps|PPS|mp3|MP3|wav|WAV)$">
order deny,allow
allow from all
</Files>

AddType audio/x-wav wav
AddType audio/mpeg mp3 

有想法吗？

编辑:我尝试将wav和mp3的mime类型更改为application / octet-stream，这似乎对播放器应用程序没有任何作用；如果我直接链接到音频文件，它将下载它们。

Answer 1

好的，所以有很多问题。首先是，您正在流式传输WAV文件。虽然我知道并非所有HTML5播放器都可以处理MP3，但您应该真正考虑MP3。

第二个问题是您的播放器有错误。进度条假定音频停顿后仍在播放。仅当音频再次开始播放时，它才会自我纠正。帮自己一个忙，并使用简单的基于Flash的MP3播放器。我知道这是亵渎神灵，但是到那时，您确实会拥有更多可以使用它的用户，并且可以保证MP3可以正常工作。

第三个问题是您的ISP带宽不足。我现在正坐在一个很大的管道上，花了1:51下载了4MB的WAV文件。我还在第二个连接上对其进行了测试。 WAV未压缩，将占用大量带宽。

第四，您的Web服务器不太喜欢范围，并且音频播放器无论如何都没有发出正确的范围请求。它正在向前请求文件的最后一个字节，并且您的Web服务器根本不返回任何错误，只是在关闭连接。我不确定这也许是预期的行为，但我对此表示怀疑。

我非常有信心，如果您使用许多基于Flash的音频播放器之一，并使用MP3，则您的麻烦将消失。