canmove, Confirmed users
2,675
edits
Audio: Difference between revisions
added S5 presentation link
(added S5 presentation link) |
|||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
SF MusicTech 2011-05-09 demos of HTML5 Audio and Firefox Audio API support | SF MusicTech 2011-05-09 demos of HTML5 Audio and Firefox Audio API support | ||
# HTML5 audio element: <code><audio src="..."> </audio></code> | # [http://huffduffer.com/t/41135 HTML5 audio element on HuffDuffer]: <code><audio src="..."> </audio></code> | ||
# Tone Generator ([https://developer.mozilla.org/en/Creating_a_Web_based_tone_generator tutorial]) | # Tone Generator ([https://developer.mozilla.org/en/Creating_a_Web_based_tone_generator tutorial]) | ||
# [http://niiden.com/simplesynth/simplesynth.html Simple synth using Audio API] ([https://developer.mozilla.org/en/Creating_a_simple_synth tutorial]) | # [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]) | # [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] | # [http://www.storiesinflight.com/jsfft/visualizer/index.html 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 demos === | ||
* [http://www.nihilogic.dk/labs/pocket_full_of_html5/ Pocket Full of HTML5] (Audio + Canvas visualizations) | * [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 | * [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 & screencast here] | ||
== More info == | == More info == | ||
| Line 19: | Line 23: | ||
* [https://developer.mozilla.org/en/html/element/audio HTML5 audio element] | * [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?) | * [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]] | * [[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] | * [https://developer.mozilla.org/en/Introducing_the_Audio_API_Extension Introducing The Audio API Extension] | ||