HTML 오디오



HTML에서는 사운드를 다양한 방식으로 재생할 수 있습니다.


문제 및 해결 방법

HTML에서 오디오를 재생하는 것은 쉽지 않습니다.

오디오 파일이 모든 브라우저(Internet Explorer, Chrome, Firefox, Safari, Opera) 및 모든 하드웨어(PC, Mac, iPad, iPhone)에서 작동하는지 확인하려면 많은 요령을 알아야 합니다. .

이 장에서는 W3Cschool이 여러분을 위한 문제와 해결책을 요약합니다.


플러그인 사용

브라우저 플러그인은 브라우저의 표준 기능을 확장하는 작은 컴퓨터 프로그램입니다.

플러그인은 태그 또는 태그를 사용하여 페이지에 추가할 수 있습니다.

이러한 태그는 리소스(일반적으로 HTML이 아닌 리소스)에 대한 컨테이너를 정의합니다. 유형에 따라 브라우저에 표시되지만 외부 플러그인에 의해서도 표시됩니다.


요소

태그를 사용하여 외부(HTML이 아닌) 콘텐츠에 대한 컨테이너를 정의합니다. (이것은 HTML5 태그로 HTML4에서는 불법이지만 모든 브라우저에서는 유효합니다.)

다음 코드 조각은 웹 페이지에 포함된 MP3 파일을 표시합니다.

Instance

  php中文网(php.cn) 如果你无法听到该音频,那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

Run Instance»

클릭 온라인 인스턴스를 보려면 "인스턴스 실행" 버튼

문제:

  • 태그는 HTML 4에서 유효하지 않습니다. 페이지가 HTML 4 유효성 검사에 실패했습니다.

  • 브라우저마다 오디오 형식 지원이 다릅니다.

  • 브라우저가 해당 파일 형식을 지원하지 않는 경우 플러그인 없이는 오디오를 재생할 수 없습니다.

  • 사용자 컴퓨터에 플러그인이 설치되어 있지 않으면 오디오를 재생할 수 없습니다.

  • 파일을 다른 형식으로 변환해도 모든 브라우저에서 재생할 수 없습니다.


요소를 사용하면

태그가 외부(HTML이 아닌) 콘텐츠에 대한 컨테이너를 정의할 수도 있습니다.

다음 코드 조각은 웹 페이지에 포함된 MP3 파일을 표시합니다.

  php中文网(php.cn) 如果你无法听到该音频,那么可能你的电脑或浏览器不支持该文件格式。或者你没有打开扬声器。

예제 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

문제:

  • 브라우저마다 오디오 형식 지원이 다릅니다.

  • 브라우저가 해당 파일 형식을 지원하지 않는 경우 플러그인 없이는 오디오를 재생할 수 없습니다.

  • 사용자 컴퓨터에 플러그인이 설치되어 있지 않으면 오디오를 재생할 수 없습니다.

  • 파일을 다른 형식으로 변환해도 모든 브라우저에서 재생할 수 없습니다.


HTML5

HTML5

아래에서는

Instance

  php中文网(php.cn)       您的浏览器不支持该音频格式。

Run Instance»

클릭 온라인 인스턴스를 보려면 "인스턴스 실행" 버튼

문제:

  • 오디오 파일을 다른 형식으로 변환해야 합니다.


최고의 HTML 솔루션

아래 예에서는 두 가지 오디오 형식을 사용합니다. HTML5

인스턴스

  php中文网(php.cn)

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

문제:

  • 오디오를 다른 형식으로 변환해야 합니다.

  • 요소는 오류 메시지를 표시하기 위해 대체될 수 없습니다.


Yahoo Media Player - 웹사이트에 오디오를 추가하는 간단한 방법

Yahoo Media Player 사용은 무료입니다. 이를 사용하려면 웹페이지 하단에 다음 JavaScript를 삽입해야 합니다.

Yahoo Player는 MP3 및 기타 다양한 형식을 재생할 수 있습니다. 페이지에 코드 한 줄을 추가하거나 HTML 페이지를 블로그로 쉽게 만들 수 있습니다 전문 재생목록:

  php中文网(php.cn) Play mp3Play wav