Audio: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(→‎SF MusicTech demos: stubs, this page)
(added S5 presentation link)
 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{stub}}
<div style="font-size:2em;font-weight:bold">you are here: [http://wiki.mozilla.org/audio wiki.mozilla.org/audio]</div>


= SF MusicTech demos =
== SF MusicTech demos ==
2011-05-09 [[User:Tantek|Tantek]] gave a short demo of HTML5 Audio and Firefox Audio API support during SF MusicTech (See also: [[Events]]) demos using the following:
SF MusicTech 2011-05-09 demos of HTML5 Audio and Firefox Audio API support


# Tone Generator
# [http://huffduffer.com/t/41135 HTML5 audio element on HuffDuffer]: <code>&lt;audio src="..."&gt; &lt;/audio&gt;</code>
# Simple Keyboard Synthesizer
# Tone Generator ([https://developer.mozilla.org/en/Creating_a_Web_based_tone_generator tutorial])
# [https://developer.mozilla.org/en-US/demos/detail/voron/launch Voron | Demo Studio]
# [http://niiden.com/simplesynth/simplesynth.html Simple synth using Audio API] ([https://developer.mozilla.org/en/Creating_a_simple_synth tutorial])
# [https://developer.mozilla.org/en-US/demos/detail/voron/launch Voron | Demo Studio] ([https://developer.mozilla.org/en-US/demos/detail/voron/ about])
# [http://www.storiesinflight.com/jsfft/visualizer/index.html HTML5 Audio Data API - Spectrum Visualizer]


This page: http://wiki.mozilla.org/audio
Presentation (S5) : http://tantek.com/presentations/2011/05/sfmusictech/


= More info =
Photos from the session: http://www.flickr.com/photos/tags/sfmt2011html5audio
More info on HTML5 Audio and Firefox Audio APIS.


(stub)
=== more demos ===
* [http://www.nihilogic.dk/labs/pocket_full_of_html5/ Pocket Full of HTML5] (Audio + Canvas visualizations)
* [http://theband.mozillalabs.com/ The Band] web-based video karaoke, requires Firefox 4 + Rainbow add-on; [https://mozillalabs.com/blog/2011/04/a-web-based-karaoke-prototype-as-technology-feedback-loop/ more info &amp; screencast here]
 
== More info ==
More info on HTML5 Audio and Firefox Audio APIs.
 
* [https://developer.mozilla.org/en/html/element/audio HTML5 audio element]
* [https://developer.mozilla.org/Talk:En/Media_formats_supported_by_the_audio_and_video_elements Media formats supported by the audio and video elements] (AKA whither MP3 support?)
* [[Audio Data API]] ([[Audio_Data_API_JS_Library|JS Library]])
* [https://developer.mozilla.org/en/Introducing_the_Audio_API_Extension Introducing The Audio API Extension]
 
Standardization:
* [http://www.w3.org/2011/audio/ W3C Audio Working Group] (Established 2011 March, [http://www.w3.org/2000/09/dbwg/details?group=46884&public=1& participants], [http://www.w3.org/2005/Incubator/audio/wiki/Main_Page wiki], [http://twitter.com/w3caudio @w3caudio])
 
== See also ==
*  More [[events]]

Latest revision as of 21:37, 18 May 2011

you are here: wiki.mozilla.org/audio

SF MusicTech demos

SF MusicTech 2011-05-09 demos of HTML5 Audio and Firefox Audio API support

  1. HTML5 audio element on HuffDuffer: <audio src="..."> </audio>
  2. Tone Generator (tutorial)
  3. Simple synth using Audio API (tutorial)
  4. Voron | Demo Studio (about)
  5. HTML5 Audio Data API - Spectrum Visualizer

Presentation (S5) : http://tantek.com/presentations/2011/05/sfmusictech/

Photos from the session: http://www.flickr.com/photos/tags/sfmt2011html5audio

more demos

More info

More info on HTML5 Audio and Firefox Audio APIs.

Standardization:

See also