AUDIO 태그에서 소스가 유효하지 않은 경우 기본값으로 대체됩니다.

Question

그래서 기본 오디오 요소가 있습니다. 단일 mp3 소스가 있다고 가정 해보십시오. Firefox를 사용하고 있습니다. 브라우저는 오디오 태그를보고 좋아하고 지시 된대로 컨트롤을 배치하지만 소스가 마음에 들지 않으므로 오디오를로드하지 않지만 더 적은 브라우저에서 표시 한 기본 항목은 무시합니다.

슬프게도 브라우저가 실제로 작동하지 않는 오디오 컨트롤을 표시하는 것보다 실제로 해당 지점에서 기본 항목을 표시하는 것을 선호합니다 (mp3를 다운로드하는 링크). AudioElement.stuffThatsNotSRC가 없으므로 어떻게해야할까요?

그래서 내가하는 일은 checkSources()가 networkState를 조사하는 onLoad를 발생시키고 0 또는 3을 찾으면 오디오 조절기 주변에있는 HTML 스팬으로 이동하여 내부 HTML을 오디오 태그 안에 있던 소스가 아닌 물건.

더 좋은 방법이 있나요?

Answer 1

소스 태그를 사용하여 여러 파일 유형을 정의하십시오.

<audio controls="true"> 
    <source src="demo.mp3" type="audio/mp3"> 
    <source src="demo.ogg" type="audio/ogg"> 
    <source src="demo.aac" type="audio/mp4"> 
    <!-- If no support at all. --> 
    HTML5 audio not supported 
</audio> 

http://msdn.microsoft.com/en-us/library/gg589524(v=vs.85).aspx