HTML5 오디오

HTML5 오디오(오디오)

HTML5는 오디오 파일 재생에 대한 표준을 제공합니다.

인터넷상의 오디오

지금까지는 웹페이지에서 오디오를 재생하는 것에 대한 표준이 없었습니다.

현재 대부분의 오디오는 플러그인(Flash 등)을 통해 재생됩니다. 그러나 모든 브라우저에 동일한 플러그인이 있는 것은 아닙니다.

HTML5는 <audio> 요소를 사용하여 웹 페이지에 오디오 요소를 삽입하기 위한 표준을 지정합니다.

브라우저 지원

Internet Explorer 9+, Firefox, Opera, Chrome 및 Safari는 모두 <audio> 요소를 지원합니다.

참고: Internet Explorer IE 8 이하에서는

HTML5 오디오 - 작동 방식
HTML5에서 오디오를 재생하려면 다음 코드를 사용해야 합니다.

<!DOCTYPE html>
<html>
<head> 
    <meta charset="UTF-8">
    <title>php中文网(php.cn)</title> 
</head>
<body>
<audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>
</body>
</html>

control 속성은 재생, 일시 정지 및 볼륨 컨트롤을 추가하는 데 사용됩니다.

<audio>와 </audio> 사이에는 브라우저가 지원하지 않는 <audio> 요소의 프롬프트 텍스트를 삽입해야 합니다.

오디오 형식 및 브라우저 지원현재 <audio> 요소는 MP3, Wav 및 Ogg의 세 가지 오디오 형식 파일을 지원합니다.

浏览器	MP3	Wav	Ogg
Internet Explorer 9+	YES	NO	NO
Chrome 6+	YES	YES	YES
Firefox 3.6+	YES	YES	YES

Safari 5+	YES	YES	NO
Opera 10+	YES	YES	NO

음악적 MIME 유형

<테이블 너비="-642">

格式	MIME-type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

格式 <🎜><🎜> <🎜>MIME 유형<🎜><🎜>e< td width="193" valign="top" style="border-width: 1px; border-style: solid; word-break: break-all;"> MP3오디오/mpeg Ogg오디오/ogg Wav오디오/wav

HTML5 오디오 标签

<테이블 너비=" -642">

标签	属性
<audio>	定义了声音内容
<source>	规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用

标签

属性

<audio>정정了声音内容

<source>여기서 <video> 与 <audio>标签中使用

<🎜><🎜><🎜><🎜><🎜><🎜 >

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>

제출하다 코드 재설정

자동운전