HTML 오디오의 예에 대한 자세한 설명

零下一度
풀어 주다: 2017-05-15 13:43:56
원래의
1480명이 탐색했습니다.

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

문제 및 해결 방법

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

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

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

플러그인 사용

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

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

이러한 태그는 일반적으로 HTML 리소스) 유형에 따라 브라우저 또는 외부 플러그인에 의해 표시됩니다.

요소

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

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

<embed height="50" width="100" src="horse.mp3">
로그인 후 복사

문제:

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

오디오 형식에 대한 지원은 브라우저마다 다릅니다.

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

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

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

요소 사용

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

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

<object height="50" width="100" data="horse.mp3"></object>
로그인 후 복사

질문:

오디오 형식에 대한 다양한 브라우저 지원 또한 다릅니다. .

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

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

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

HTML5

HTML5

아래에서는

Instance

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  Your browser does not support this audio format.
</audio>
로그인 후 복사

문제:

< ;audio> 태그는 HTML 4에서 유효하지 않습니다. 귀하의 페이지가 HTML 4 유효성 검사에 실패했습니다.

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

最好的 HTML 解决方法

下面的例子使用了两个不同的音频格式。HTML5

实例

로그인 후 복사

问题:

您必须把音频转换为不同的格式。

元素无法回退来显示错误消息。

雅虎媒体播放器 - 一个简单的添加音频到你网站上的方式

使用雅虎播放器是免费的。如需使用它,您需要把这段 JavaScript 插入网页底部:

雅虎播放器可以播放MP3以及其他各种格式。你只需添加一行代码到你的页面或 博客中就可以轻松地将您的HTML页面制作成 专业的播放列表:

实例

<a href="horse.mp3">Play Sound</a>
<script src="www.php.cn/latest"></script>
로그인 후 복사

如果你要使用它,您需要把这段 JavaScript 插入网页底部:

<script src="www.php.cn/latest"></script>
로그인 후 복사

【相关推荐】

1. 特别推荐“php程序员工具箱”V0.1版本下载

2. 免费html在线视频教程

3. php.cn原创html5视频教程

위 내용은 HTML 오디오의 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!