HTML5의 오디오에 대한 자세한 분석
- 寻∝梦원래의
- 2018-08-13 18:21:082066검색
HTML5에는 이전 버전과 다소 다른 새로운 사항이 많이 있습니다. 이 문서에서는 HTML5의 새로운 오디오 요소에 대해 자세히 분석합니다.
HTML5 오디오(오디오)
최종 수정일: 2017년 8월 1일
HTML5는 오디오 파일 재생에 대한 표준을 제공합니다.
인터넷의 오디오
지금까지는 웹 페이지에서 오디오를 재생하는 데 대한 표준이 아직 없었습니다.
오늘날 대부분의 오디오는 플러그인(Flash 등)을 통해 재생됩니다. 그러나 모든 브라우저에 동일한 플러그인이 있는 것은 아닙니다.
HTML5는 b97864c2e0ef2353a16c4d64c7734e92 요소를 사용하여 웹 페이지에 오디오 요소를 삽입하기 위한 표준을 지정합니다.
브라우저 지원
Internet Explorer 9+, Firefox, Opera, Chrome 및 Safari는 모두 b97864c2e0ef2353a16c4d64c7734e92 요소를 지원합니다.
참고: Internet Explorer 8 및 이전 IE 버전은 b97864c2e0ef2353a16c4d64c7734e92 요소를 지원하지 않습니다.
HTML5 오디오 - 작동 방식 HTML5에서 오디오를 재생하려면 다음 코드를 사용해야 합니다:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <audio controls> <source src="/statics/demosource/horse.ogg" type="audio/ogg"> <source src="/statics/demosource/horse.mp3" type="audio/mpeg">브라우저가 오디오 요소를 지원하지 않습니다. 81d2bc32cafa2076a27f10cdd878d0ab36cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e재생, 일시정지 및 볼륨 컨트롤을 추가하기 위한 컨트롤 속성입니다. b97864c2e0ef2353a16c4d64c7734e92와 81d2bc32cafa2076a27f10cdd878d0ab 사이에는 브라우저가 지원하지 않는 b97864c2e0ef2353a16c4d64c7734e92 요소의 프롬프트 텍스트를 삽입해야 합니다. b97864c2e0ef2353a16c4d64c7734e92 요소를 사용하면 여러 개의 e02da388656c3265154666b7c71a8ddc 요소를 연결할 수 있으며, 브라우저는 현재 지원되는 첫 번째 오디오 파일을 사용합니다. , b97864c2e0ef2353a16c4d64c7734e92 요소는 MP3, Wav 및 Ogg의 세 가지 오디오 형식 파일을 지원합니다. 오디오 형식용 MIME 유형: MP3, Ogg, Wav HTML5Audio 태그: b97864c2e0ef2353a16c4d64c7734e92
e02da388656c3265154666b7c71a8ddc는
b97864c2e0ef2353a16c4d64c7734e92 태그의 속성을 지정합니다.
autoplay: 오디오 준비가 되자마자 재생하세요.
controls: 이 속성이 나타나면 재생 버튼과 같은 컨트롤이 사용자에게 표시됩니다.
loop: 이 속성이 있으면 오디오가 끝날 때마다 재생이 다시 시작됩니다.
preload: 이 속성이 나타나면 페이지가 로드되고 재생 준비가 될 때 오디오가 로드됩니다. "autoplay"를 사용하는 경우 이 속성은 무시됩니다.
src: 재생할 오디오의 URL입니다.
<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的： <audio src="song.ogg" controls="controls"> Your browser does not support the audio tag. </audio>
위 예제는 Ogg 파일을 사용하며 Firefox, Opera 및 Chrome 브라우저에 적합합니다.
Safari에서 작동하려면 오디오 파일이 MP3 또는 Wav 유형이어야 합니다.
오디오 요소는 여러 소스 요소를 허용합니다. 소스 요소는 다양한 오디오 파일을 연결할 수 있습니다. 브라우저는 다음과 같은 첫 번째 인식 형식을 사용합니다.
<audio controls="controls"> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>
[관련 권장 사항]
HTML의 기본 요소, 처음부터 HTML을 배울 수 있음위 내용은 HTML5의 오디오에 대한 자세한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!