html5 audio (3set2013)
TRANSCRIPT
-
8/13/2019 Html5 Audio (3set2013)
1/5
HTML5 Audio 1
HTML5 Audio
HTML HTML and HTML5; HTML editor
Dynamic HTML
XHTML
XHTML Basic (Mobile)
XHTML Mobile Profile and C-HTML
HTML element
Span and div
HTML attribute
Character encodings; Unicode
Language code
Document Object Model
Browser Object Model
Style sheets and CSS
Font family and Web colors
HTML scripting and JavaScript
W3C, WHATWG, and validator
Quirks mode
HTML Frames
HTML5 Canvas, WebGL, and WebCL
HTML5 Audio and HTML5 video
Web storage
Web browser (layout) engine
Comparison of document markup languages
web browsers
layout engine support for
HTML; Non-standard HTML
XHTML (1.1)
HTML5; HTML5 canvas,
HTML5 media (Audio, Video)
HTML5 Audio is a subject of the HTML5 specification, investigating audio input, playback, synthesis, as well as
speech to text in the browser.
element
The element represents a sound, or an audio stream.[1]
It is commonly used to play back a single audio file
within a web page, showing a GUI widget with play/pause/volume controls.
Supported browsers
PC
Google Chrome
Internet Explorer 9
Mozilla Firefox 3.5 Opera 10.5
http://en.wikipedia.org/w/index.php?title=Operahttp://en.wikipedia.org/w/index.php?title=Mozilla_Firefoxhttp://en.wikipedia.org/w/index.php?title=Internet_Explorerhttp://en.wikipedia.org/w/index.php?title=Google_Chromehttp://en.wikipedia.org/w/index.php?title=GUI_widgethttp://en.wikipedia.org/w/index.php?title=Speech_to_texthttp://en.wikipedia.org/w/index.php?title=Audio_synthesishttp://en.wikipedia.org/w/index.php?title=HTML5http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML5_media%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML5_canvas%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML5%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28XHTML_1.1%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28XHTML%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28non-standard_HTML%29http://en.wikipedia.org/w/index.php?title=Comparison_of_layout_engines_%28HTML%29http://en.wikipedia.org/w/index.php?title=Comparison_of_web_browser_engineshttp://en.wikipedia.org/w/index.php?title=Comparison_of_web_browsershttp://en.wikipedia.org/w/index.php?title=Comparison_of_document_markup_languageshttp://en.wikipedia.org/w/index.php?title=Web_browser_enginehttp://en.wikipedia.org/w/index.php?title=Web_storagehttp://en.wikipedia.org/w/index.php?title=HTML5_videohttp://en.wikipedia.org/w/index.php?title=WebCLhttp://en.wikipedia.org/w/index.php?title=WebGLhttp://en.wikipedia.org/w/index.php?title=Canvas_elementhttp://en.wikipedia.org/w/index.php?title=Framing_%28World_Wide_Web%29http://en.wikipedia.org/w/index.php?title=Quirks_modehttp://en.wikipedia.org/w/index.php?title=W3C_Markup_Validation_Servicehttp://en.wikipedia.org/w/index.php?title=WHATWGhttp://en.wikipedia.org/w/index.php?title=World_Wide_Web_Consortiumhttp://en.wikipedia.org/w/index.php?title=JavaScripthttp://en.wikipedia.org/w/index.php?title=HTML_scriptinghttp://en.wikipedia.org/w/index.php?title=Web_colorshttp://en.wikipedia.org/w/index.php?title=Font_family_%28HTML%29http://en.wikipedia.org/w/index.php?title=Cascading_Style_Sheetshttp://en.wikipedia.org/w/index.php?title=Style_sheet_%28web_development%29http://en.wikipedia.org/w/index.php?title=Browser_Object_Modelhttp://en.wikipedia.org/w/index.php?title=Document_Object_Modelhttp://en.wikipedia.org/w/index.php?title=Language_codehttp://en.wikipedia.org/w/index.php?title=Unicode_and_HTMLhttp://en.wikipedia.org/w/index.php?title=Character_encodings_in_HTMLhttp://en.wikipedia.org/w/index.php?title=HTML_attributehttp://en.wikipedia.org/w/index.php?title=Span_and_divhttp://en.wikipedia.org/w/index.php?title=HTML_elementhttp://en.wikipedia.org/w/index.php?title=C-HTMLhttp://en.wikipedia.org/w/index.php?title=XHTML_Mobile_Profilehttp://en.wikipedia.org/w/index.php?title=XHTML_Basichttp://en.wikipedia.org/w/index.php?title=XHTMLhttp://en.wikipedia.org/w/index.php?title=Dynamic_HTMLhttp://en.wikipedia.org/w/index.php?title=HTML_editorhttp://en.wikipedia.org/w/index.php?title=HTML5http://en.wikipedia.org/w/index.php?title=HTMLhttp://en.wikipedia.org/w/index.php?title=HTML -
8/13/2019 Html5 Audio (3set2013)
2/5
HTML5 Audio 2
Safari 3.1[2]
Mobile
Android Browser 2.3
Blackberry Browser
Google Chrome for Android
Internet Explorer Mobile 9 Mobile Safari 4
[2]
Mozilla Firefox for Android
Opera Mobile 11
Tizen
Supported audio codecs
This table documents the current support for audio codecs by the element.
Browser Operating system Formats supported by different web browsers
Ogg Vorbis WAV PCM MP3 AAC WebM Vorbis Ogg Opus
Google Chrome All supported 9 Yes Yes Yes Yes 25
Internet Explorer Windows No No 9 9 No No
Mozilla Firefox All supported 3.5 3.5 21.0, Windows only 21.0, Windows only 4.0 15.0
Opera All supported 10.50 11.00 14 14 10.60 14
Safari OS X Yes 3.1 3.1 3.1 No No
The adoption of HTML5 audio, as with HTML5 video, has become polarized between proponents of free and
patented formats. In 2007, the recommendation to use Vorbis was retracted from the specification by the W3C
together with that to use Ogg Theora, citing the lack of a format accepted by all the major browser vendors.Apple and Microsoft, which between them account for around 39% of the browser market, support the
ISO/IEC-defined formats AAC and the older MP3. They cited[citation needed]
superior performance,[citation
needed]Wikipedia:Please clarify and the risk of a submarine patent attack from formats which are believed, but not
guaranteed, to be free.
Mozilla and Opera, controlling 24% of the market, support the free and open, royalty-free Vorbis codec in Ogg and
WebM containers, and criticize the patent-encumbered nature of MP3 and AAC, which are guaranteed to be
non-free.
Google, controlling 27% of the market, has so far provided support for all common formats.
The result is that for a website to guarantee HTML5 audio for all the above browsers, it has to make two formatsavailable: Vorbis, and either MP3 or AAC.
Gecko-based applications and Safari also support PCM audio in a WAVE container.[3]
In 2012, the free and open royalty-free Opus format was released and standartized by IETF. It is supported by
Mozillas software since Gecko version 15.[4][5][6]
http://en.wikipedia.org/w/index.php?title=Internet_Engineering_Task_Forcehttp://en.wikipedia.org/w/index.php?title=Opus_%28audio_format%29http://en.wikipedia.org/w/index.php?title=WAVhttp://en.wikipedia.org/w/index.php?title=Gecko_%28layout_engine%29http://en.wikipedia.org/w/index.php?title=Vorbishttp://en.wikipedia.org/w/index.php?title=Googlehttp://en.wikipedia.org/w/index.php?title=Software_patenthttp://en.wikipedia.org/w/index.php?title=WebMhttp://en.wikipedia.org/w/index.php?title=Ogghttp://en.wikipedia.org/w/index.php?title=Vorbishttp://en.wikipedia.org/w/index.php?title=Royalty-freehttp://en.wikipedia.org/w/index.php?title=Open-source_softwarehttp://en.wikipedia.org/w/index.php?title=Free_softwarehttp://en.wikipedia.org/w/index.php?title=Opera_Softwarehttp://en.wikipedia.org/w/index.php?title=Mozillahttp://en.wikipedia.org/w/index.php?title=Submarine_patenthttp://en.wikipedia.org/wiki/Please_clarifyhttp://en.wikipedia.org/wiki/Citation_neededhttp://en.wikipedia.org/wiki/Citation_neededhttp://en.wikipedia.org/wiki/Citation_neededhttp://en.wikipedia.org/w/index.php?title=MP3http://en.wikipedia.org/w/index.php?title=Advanced_Audio_Codinghttp://en.wikipedia.org/w/index.php?title=Technical_standardhttp://en.wikipedia.org/w/index.php?title=International_Electrotechnical_Commissionhttp://en.wikipedia.org/w/index.php?title=International_Organization_for_Standardizationhttp://en.wikipedia.org/w/index.php?title=Microsofthttp://en.wikipedia.org/w/index.php?title=Apple_Inc.http://en.wikipedia.org/w/index.php?title=Ogg_Theorahttp://en.wikipedia.org/w/index.php?title=W3Chttp://en.wikipedia.org/w/index.php?title=Use_of_Ogg_formats_in_HTML5http://en.wikipedia.org/w/index.php?title=Vorbishttp://en.wikipedia.org/w/index.php?title=HTML5_videohttp://en.wikipedia.org/w/index.php?title=OS_Xhttp://en.wikipedia.org/w/index.php?title=Safari_%28web_browser%29http://en.wikipedia.org/w/index.php?title=Opera_%28web_browser%29http://en.wikipedia.org/w/index.php?title=Mozilla_Firefoxhttp://en.wikipedia.org/w/index.php?title=Microsoft_Windowshttp://en.wikipedia.org/w/index.php?title=Internet_Explorerhttp://en.wikipedia.org/w/index.php?title=Google_Chromehttp://en.wikipedia.org/w/index.php?title=Opus_%28audio_format%29http://en.wikipedia.org/w/index.php?title=Ogghttp://en.wikipedia.org/w/index.php?title=Vorbishttp://en.wikipedia.org/w/index.php?title=WebM_Projecthttp://en.wikipedia.org/w/index.php?title=Advanced_Audio_Codinghttp://en.wikipedia.org/w/index.php?title=MP3http://en.wikipedia.org/w/index.php?title=Pulse-code_modulationhttp://en.wikipedia.org/w/index.php?title=WAVhttp://en.wikipedia.org/w/index.php?title=Vorbishttp://en.wikipedia.org/w/index.php?title=Ogghttp://en.wikipedia.org/w/index.php?title=Tizenhttp://en.wikipedia.org/w/index.php?title=Internet_Explorer_Mobilehttp://en.wikipedia.org/w/index.php?title=Safari -
8/13/2019 Html5 Audio (3set2013)
3/5
HTML5 Audio 3
Web Audio API and MediaStream Processing API
The Web Audio API specification developed by W3C describes a high-level JavaScript API for processing and
synthesizing audio in web applications. The primary paradigm is of an audio routing graph, where a number of
AudioNode objects are connected together to define the overall audio rendering. The actual processing will primarily
take place in the underlying implementation (typically optimized Assembly / C / C++ code), but direct JavaScript
processing and synthesis is also supported.[7]
Mozilla's Firefox browser implements a similar Audio Data API extension since version 4, implemented in 2010[8]
and released in 2011, but Mozilla warns it is non-standard and deprecated.[9]
Some JavaScript audio processing and
synthesis libraries such as Audiolet[10]
support both APIs.
The W3C Audio Working Group[11]
is also considering the MediaStream Processing API specification developed
by Mozilla.[12]
In addition to audio mixing and processing, it covers more general media streaming, including
synchronization with HTML elements, capture of audio and video streams, and peer-to-peer routing of such media
streams.[13]
Supported browsers
PC
Google Chrome 10[14]
(Enabled by default since 14[15]
)
Mozilla Firefox 23 (Needs configuration at about:config)
Opera 15
Safari 6
Mobile
Google Chrome for Android 28 (Enabled by default since 29)
Mobile Safari 6
Mozilla Firefox 23 (Needs configuration at about:config)
Tizen
Web Speech API
The Web Speech API aims to provide an alternative input method for web applications (without using a keyboard).
With this API, developers can give web apps the ability to transcribe your voice to text, from your computer's
microphone. The recorded audio is sent to speech servers for transcription, after which the text is typed out for you.
The API itself is agnostic of the underlying speech recognition implementation and can support both server based as
well as embedded recognizers.[16]
The HTML Speech Incubator group has proposed the implementation of
audio-speech technology in browsers in the form of uniform, cross-platform APIs. The API contains both:[17]
Speech Input API
Text to Speech API
Google integrated this feature into Google Chrome on March 2011.[18]
Letting its users search the web with their
voice with code like:
function startSearch(event) {
event.target.form.submit();
}
http://en.wikipedia.org/w/index.php?title=Web_Speech_APIhttp://en.wikipedia.org/w/index.php?title=Tizenhttp://en.wikipedia.org/w/index.php?title=Mozilla_Firefoxhttp://en.wikipedia.org/w/index.php?title=Safarihttp://en.wikipedia.org/w/index.php?title=Operahttp://en.wikipedia.org/w/index.php?title=Mozilla_Firefoxhttp://en.wikipedia.org/w/index.php?title=Google_Chromehttp://en.wikipedia.org/w/index.php?title=WebRTChttp://en.wikipedia.org/w/index.php?title=Mozillahttp://en.wikipedia.org/w/index.php?title=MediaStream_Processing_APIhttp://www.w3.org/2011/audio/http://oampo.github.com/Audiolet/http://en.wikipedia.org/w/index.php?title=Firefox_4http://en.wikipedia.org/w/index.php?title=W3Chttp://en.wikipedia.org/w/index.php?title=Web_Audio_API -
8/13/2019 Html5 Audio (3set2013)
4/5
HTML5 Audio 4
Supported Browsers
PC
Google Chrome 25
References
[1] HTML5 audio element - W3C (http://www.w3.org/TR/html5/embedded-content-0. html#the-audio-element)
[2] About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide (http://developer. apple. com/library/safari/#documentation/
AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction. html)
[3] https://developer.mozilla. org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements
[4] https://developer.mozilla. org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#Ogg_Opus
[5] https://www.xiph. org/press/2012/rfc-6716/
[6] https://hacks.mozilla. org/2012/09/its-opus-it-rocks-and-now-its-an-audio-codec-standard/
[10] http://oampo.github. com/Audiolet/
[11] http://www.w3.org/2011/audio/
[14] Web Audio API is now available in Chrome (http:/
/
lists.
w3.
org/
Archives/
Public/
public-xg-audio/
2011Feb/
0000.
html)
External links
HTML5 audio element - W3C (http://www.w3. org/TR/html5/embedded-content-0.html#the-audio-element)
Web Audio API - W3C (http://www.w3.org/TR/webaudio/)
MediaStream Processing API - W3C (http://www.w3.org/TR/streamproc/)
Web Speech API - W3C (https://dvcs.w3.org/hg/speech-api/raw-file/9a0075d25326/speechapi.html)
https://dvcs.w3.org/hg/speech-api/raw-file/9a0075d25326/speechapi.htmlhttp://www.w3.org/TR/streamproc/http://www.w3.org/TR/webaudio/http://www.w3.org/TR/html5/embedded-content-0.html#the-audio-elementhttp://lists.w3.org/Archives/Public/public-xg-audio/2011Feb/0000.htmlhttp://www.w3.org/2011/audio/http://oampo.github.com/Audiolet/https://hacks.mozilla.org/2012/09/its-opus-it-rocks-and-now-its-an-audio-codec-standard/https://www.xiph.org/press/2012/rfc-6716/https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#Ogg_Opushttps://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elementshttp://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.htmlhttp://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.htmlhttp://www.w3.org/TR/html5/embedded-content-0.html#the-audio-elementhttp://en.wikipedia.org/w/index.php?title=Google_Chrome -
8/13/2019 Html5 Audio (3set2013)
5/5
Article Sources and Contributors 5
Article Sources and ContributorsHTML5 Audio Source: http://en.wikipedia.org/w/index.php?oldid=570784655 Contributors: AVRS, Czarkoff, EoGuy, Frap, Gidoca, MatthewHaywood, Mcld, MoreNet, Neme112, Pmsyyz,
Richtaur, Skierpage, Smyth, Spencerk, Stemby, Tassedethe, Uluboz, Voidvector, Widefox, Woohookitty, , 11 anonymous edits
LicenseCreative Commons Attribution-Share Alike 3.0 Unported
//creativecommons.org/licenses/by-sa/3.0/