<audio> 요소에서 mp3를 재생하려고 시도한 Flummoxed입니다. 콘솔에 "미디어 리소스 XYZ를 디코딩 할 수 없습니다."

Question

HTML5 <audio> 요소를 작동 시키려고 노력하고 있습니다. 두 가지 요소가 포함 된 매우 기본적인 웹 페이지가 있습니다. 첫 번째는 내 서버에서 파일을 제공하면서 페이지에서 원하는 파일입니다. 두 번째는 내가 그것을 가지고 원본 서버에서 MP3를 제공 :

<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. 

동일한 파일입니다. 왜 해독 할 수 없습니까?

Answer 1

마침내 얻었습니다! 개발 서버에서 작동하지 않는 x-sendfile을 사용하여 파일을 보냈습니다. 따라서 제대로 작동하는 것처럼 보였음에도 불구하고 제공되는 mp3의 데이터는 0 바이트 밖에 없었습니다.

해결 방법은 Apache를 개발 서버로 사용하거나 (감사의 말) 개발 시스템에서 x-sendfile을 사용하지 않도록 설정하는 것입니다.