html5의 오디오가 지원하는 오디오 형식에 대한 솔루션

HTML5 오디오 태그는 wav, mp3, ogg, acc, webm 및 기타 형식을 지원할 수 있지만, 주요 브라우저에서 기본적으로 지원하지 않는 매우 중요한 음악 파일 형식인 midi(확장자 mid)가 있습니다. 모든 브라우저가 MP3 OGG 등을 지원하는 것은 아닙니다. 각 브라우저는 저작권 문제로 인해 서로 다른 형식을 지원합니다. 이 기사에서는 HTML5의 오디오 지원 오디오 형식에 대한 솔루션을 소개합니다. 관심 있는 친구는 한 번 살펴보시기 바랍니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

브라우저 및 오디오 호환성

모든 브라우저 제조업체가 특정 오디오 파일 형식 사용에 동의하는 것은 아닙니다. 이미지의 경우 PNG, JPEG 또는 GIF 형식의 파일이 모든 브라우저에서 페이지에 로드됩니다. 안타깝게도 오디오 파일의 경우에는 그렇지 않습니다. 표 1은 웹 페이지에서 사용할 수 있는 오디오 파일 형식을 보여 주지만 모든 브라우저에서 모든 형식을 사용할 수 있는 것은 아닙니다. 예를 들어 Chrome, Internet Explorer 9(IE9) 및 Safari 브라우저는 비압축 형식을 사용하는 점점 감소하는 표준인 WAV 파일을 지원하지 않습니다. ...

지원

지원

지원지원되지 않음지원되지 않음지원됨 모든 브라우저에서 사용할 수 있는 범용 파일 형식이 없다는 것은 최소 2/5개의 브라우저가 특정 사운드를 재생할 수 없다는 의미입니다. 이는 브라우저 제조업체가 비타협적이고 단일 오디오 표준에 동의할 수 없다는 문제가 아니라 특허권 및 로열티와 관련된 법적, 재정적 문제입니다. 소프트웨어 특허에 의해 제한되지 않는 OGG 형식은 이 문제를 완전히 해결하는 것을 목표로 합니다. 그러나 이 글을 쓰는 시점에서는 Opera나 Safari 모두 OGG를 지원하지 않습니다. OGG 형식의 파일보다 사용할 수 있는 WAV 및 MP3 파일이 훨씬 더 많기 때문에 브라우저 제조업체에서는 이를 고려했을 것입니다. 사실상의 표준인 MP3는 훌륭한 솔루션입니다. 해결책: 세 가지 파일 형식과 b97864c2e0ef2353a16c4d64c7734e92 태그를 사용하세요. 현재 상황을 고려하면 아직은 HTML5 페이지에서 오디오를 사용할 최적의 시기가 아니라고 생각할 수도 있습니다. 어떤 면에서는 이것이 사실일 수도 있지만 HTML5는 귀하가 선호하는 브라우저에서 호환되는 형식을 찾을 수 있도록 하는 솔루션을 제공합니다. b97864c2e0ef2353a16c4d64c7734e92 태그와 함께 사용하면 e02da388656c3265154666b7c71a8ddc 태그가 b97864c2e0ef2353a16c4d64c7734e92 당신이 Wagner 팬이고 HTML5 페이지에서 그의 오페라 Ride of the Valkyries를 듣고 싶다고 가정해 보겠습니다. 먼저, OGG, MP3, WAV의 세 가지 파일 형식으로 음악을 가져와야 합니다. 이러한 음악 파일을 HTML5 파일과 동일한 폴더에 넣습니다. 그런 다음 각 파일 이름을 별도의 e02da388656c3265154666b7c71a8ddc 태그에 넣으면 아래와 같이 오디오 컨테이너의 모든 소스 태그가 b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab로 구성됩니다. 방문자가 어떤 브라우저를 사용하든 관계없이 자동으로 읽은 첫 번째 파일 형식을 선택하고 사운드를 재생합니다. 요약위 내용은 여러분께 소개해드린 HTML5 오디오 지원 오디오 포맷 솔루션의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 Html5 비디오 튜토리얼을 방문하세요!

지원되지 않음		MP3	지원되지 않음	지원되지 않음	지원됨
지원됨		WAV	지원되지 않음	지원됨	지원되지 않음
지원되지 않음
	<audio controls> <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” /> <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” /> </audio>

관련 권장 사항:

php 공공 복지 교육 비디오 튜토리얼

HTML5 그래픽 튜토리얼

HTML5 온라인 매뉴얼

위 내용은 html5의 오디오가 지원하는 오디오 형식에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!