& lt; audio & gt를 사용하여 HTML에 오디오를 어떻게 포함 시키나요? 꼬리표?

 <code class="html"><audio src="path/to/your/audiofile.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></code>

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> Your browser does not support the audio element. </source></source></audio></code>

이 방법을 사용하면 브라우저가 첫 번째 지원되는 오디오 형식을 선택할 수 있습니다.

HTML

HTML

• MP3 (.mp3) : Chrome, Firefox, Safari 및 Edge를 포함한 대부분의 브라우저에서 널리 지원됩니다. MP3의 마임 유형은 audio/mpeg 입니다.
• OGG VORBIS (.OGG) : Firefox, Chrome 및 Opera에서 지원하지만 Safari 또는 Internet Explorer는 지원하지 않습니다. Ogg Vorbis의 Mime 유형은 audio/ogg 입니다.
• Wav (.wav) : Chrome, Firefox 및 Safari가 지원하지만 Internet Explorer는 지원하지 않습니다. Wav의 Mime 유형은 audio/wav 입니다.
• AAC (.M4A) : Safari 및 Chrome이 지원하지만 Firefox 또는 Internet Explorer는 지원하지 않습니다. AAC의 MIME 유형은 audio/aac 입니다.

광범위한 호환성을 보장하기 위해

 <code class="html"><audio src="path/to/your/audiofile.mp3" type="audio/mpeg" controls> Your browser does not support the audio element. </audio></code>

controls 속성은 부울 속성이므로 태그에만 포함하기 위해서만 포함하면됩니다. 컨트롤을 사용자 정의하려면 JavaScript 및 CSS를 사용하여 사용자 정의 플레이어 인터페이스를 만들어야 할 수도 있습니다.

HTML

HTML

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> <p>Your browser does not support the audio element. You can <a href="path/to/your/audiofile.mp3">download the audio file</a> instead.</p> </source></source></audio></code>

이 예에서

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> <object type="application/x-shockwave-flash" data="flashplayer.swf"> <param name="movie" value="flashplayer.swf"> <param name="flashvars" value="audioFile=path/to/your/audiofile.mp3"> <p>Your browser does not support the audio element or Flash. You can <a href="path/to/your/audiofile.mp3">download the audio file</a> instead.</p> </object> </source></source></audio></code>

이 포괄적 인 접근 방식은 사용자가 브라우저 기능에 관계없이 오디오 컨텐츠에 액세스 할 수 있도록합니다.

위 내용은 & lt; audio & gt를 사용하여 HTML에 오디오를 어떻게 포함 시키나요? 꼬리표?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!