2014-10-01 53 views
0

我拉我的头发试图让HTML5 <audio>元素工作。我有一个相当基本的网页,其中包含两个元素。第一个是我想要的页面,从我的服务器提供一个文件。第二供应从那里我得到了它的源服务器的MP3:Flummoxed试图在<audio>元素中播放mp3。控制台说,“媒体资源XYZ无法解码”

<audio preload="metadata" controls="" src="/mp3/2014/09/23/from-the-court.mp3"></audio> 
<audio preload="metadata" controls="" src="http://media.ca7.uscourts.gov/sound/external/gw.12-2080.12-2080_09_23_2014.mp3"></audio> 

这是在这两个元素是同一个,对于点点滴滴,但是当我加载页面,只有后者<audio>元素的文件出现。第一个短暂出现,然后消失,在控制台说错误:

Media resource http://localhost:8000/mp3/2014/09/23/from-the-court.mp3 could not be decoded. 

这是相同的文件。为什么不能解码?

回答

0

终于明白了!该文件正在使用x-sendfile发送,该文件在开发服务器中不起作用。因此,尽管看起来像正常工作,但获得服务的mp3只有0字节的数据。

解决方案是将Apache用作我的开发服务器(不,谢谢)或禁用开发机器上的x-sendfile。

+0

'在开发机器上禁用x-sendfile.'你能否详细说明我与视频有相同的问题 – 2017-04-17 12:17:00

+0

我调整了提供音频文件的视图,以便在settings.DEVELOPMENT为true时直接提供文件。 – mlissner 2017-04-17 13:48:10