오늘 Windows의 HTML 5

StackOverflow https://stackoverflow.com/questions/1007223

  •  06-07-2019
  •  | 
  •  

문제

HTML 5를 지원하는 브라우저 <audio> 오늘 Windows에 태그가 있습니까?

편집 : 시도 http://moztw.org/demo/audioplayer/ 테스트로. Chrome 2, 그리고 Safari 4는 나를 위해 일하지 않습니다.

도움이 되었습니까?

해결책

Safari 3.1+ 및 Firefox 3.5는 모두 오디오 요소를 지원합니다. 오페라 10 ~ 아니다 오디오 요소는 오디오 객체의 형태로 이전 버전을 지원하지만 오디오 요소를 지원합니다. Chrome 3은 오디오 요소를 지원할 것입니다.

(방금 해당 특정 페이지에 대한 지원을 알고 싶었습니다. 주로 사용하는 코덱에 달려 있습니다.)

(면책 조항 : 나는 오페라에서 일하고 있으며 HTML Wg의 회원입니다.)

다른 팁

이것이 true로 평가되는 경우 :

!!document.createElement('audio').canPlayType

, 그런 다음 브라우저에 오디오 태그 지원이 있습니다. 이와 같이 기능을 감지하는 것은 사용자 지급 문자열을 구문 분석하는 것보다 훨씬 낫습니다.

또는 같은 것을 사용할 수 있습니다 Modernizr 이 탐지와 다른 많은 사람들을 처리합니다.

우리 블로그 게시하다.

HTML5 오디오를위한 최신 브라우저 지원에 대한 최신 정보가 포함되어 있습니다.

2011 년 7 월 현재

IE9

MP3와 AAC를 지원합니다

Firefox 5

OGG와 WAV를 지원합니다

크롬 12

OGG, MP3, WAV 및 AAC를 지원합니다

사파리 5

MP3, AAC 및 Wav를 지원합니다

오페라 11

OGG와 WAV를 지원합니다

위의 데이터와 블로그 게시물을 읽는 것으로부터 볼 수 있듯이 모든 브라우저에서 지원되는 오디오 형식이 하나 없으므로 약간 실망스러운 상황입니다. 아직 해결책의 즉각적인 징후도 없습니다.

나는 a 브라우저 목록 오디오 태그와 지원하는 오디오 형식을 지원하기 시작했습니다.

지원은 이제 꽤 좋습니다. IE9 이후 모든 데스크탑 브라우저의 최신 버전과 대부분의 모바일 브라우저는 오디오 태그를 지원합니다. 그것을 사용하지 않는 유일한 이유는 이전 버전의 IE를 지원하는 것이지만, 그것이 중요한 경우 항상 폴백을 제공 할 수 있습니다.

데스크탑 브라우저의 세부 사항은 다음과 같습니다.

+---------+-------------------------+----------------------------------+
| Browser | Supported since version |             Formats              |
+---------+-------------------------+----------------------------------+
| IE      | 9.0                     | AAC or .mp3                      |
| Firefox | 3.5                     | .ogg, .wav                       |
| Chrome  | 3                       | .mp3, .ogg                       |
| Safari  | 4                       | Any audio supported by Quicktime |
| Opera   | 9.5                     | .ogg, .wav                       |
+---------+-------------------------+----------------------------------+

모바일 브라우저에 대한 세부 사항은 다음과 같습니다 (형식 정보 없음, 죄송합니다).

+--------------+-------------------------+
|   Browser    | Supported since version |
+--------------+-------------------------+
| iOS Safari   | 4                       |
| Opera mobile | 10                      |
| Opera mini   | no support (Dec 2011)   |
| Android      | 2.3                     |
| Blackberry   | 6                       |
+--------------+-------------------------+

오디오를 사용하려면 파일의 .ogg 및 .mp3 버전을 모두 제공하는 것이 중요합니다. 좋은 크로스 브라우저 지원을 얻으려면.

<audio controls>
   <source src="/my-podcast.mp3" />
   <source src="/my-podcast.ogg" />
</audio>

여기에 있습니다 위키 백과 각 브라우저의 HTML5 지원을 비교하는 기사 :

Safari가 Windows에서 오디오를 지원하려면 QuickTime을 설치해야합니다. JavaScript 스 니펫이 지원되는지 여부를 올바르게보고합니다.

이 모든 브라우저는 태그의 기능을 지원합니다. 플레이어가 Safari에서 작동하지 않는 이유는 OGG 파일을 사용하기 때문입니다. OGG는 Firefox 및 Chrome에서 지원됩니다.
Firefox는 Wav와 Ogg 만 지원합니다. 크롬은 모든 것을 지원합니다. 오페라는 wav 만 지원합니다. 사파리는 OGG를 제외한 모든 것을 지원합니다.

행운을 빕니다!

오페라 10 및 FF 3.5, 사파리에 대해 모른다

나는 RC1의 Safari 4, Firefox 3.5 및 Chrome 2를 확신합니다.

내가 아는 한, 그것은 Gecko, Webkit 및 Presto 엔진에서 부분적으로 또는 완전히 지원됩니다.

따라서 해당 엔진의 최신 버전을 사용하는 모든 브라우저는이를 지원해야합니다.

Gecko, Webkit 및 Presto 엔진은이를 지원할 것이라고 가정하지만 부분적으로 만 생각합니다. Firefox 3.5와 오페라가 최선의 방법입니다.

페이지 (moztw.org/demo/audioplayer)는 Chrome 3 (Dev Channel)에서 OK 작동합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top