Lab2015 : HTML5 : Audio

 

* TAGs WHAT More
  GUIDE
  • Formats
    • AAC: Chrome, IE9+, Safari. (Advanced Audio Coding)
    • OGG: Chrome, FF, Opera. Quality > MP3. Free forever.
    • MP3: Use as fall back. Wide support. Royalty cost usage > 5000 users unless used in Flash.
    • WAV: Too big.
    • M4A: Is really ACC?
    • https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
    • https://www.scirra.com/blog/44/on-html5-audio-formats-aac-and-ogg
 
  Test Pages

SoundManager2 Play

 
  Browsers
  • OSes: (iOS6,7,8),( Win XP,7,8,10), Mac OS, Linux
  • Mobile: Safari, Chrome, Firefox, Coast, Silk,Opera
  • Desktop: Chrome, Safari, Firefox, Opera, (IE8,9,10,11)
  • http://gs.statcounter.com
  • http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
 
  Major Issues
  • iOS7,8 disables sequential audio play.
    • Audio file load requires direct user input.
    • Common libs seem to fail.
    • List of many iOS issues: http://www.ibm.com/developerworks/library/wa-ioshtml5/
    • Audio Sprite is good solution for sndEffects.
 
  Libs sum
  • http://codegeekz.com/10-javascript-audio-libraries-for-developers/
  • http://stackoverflow.com/questions/19595113/html5-audio-libraries
  • http://indiegamr.com/the-state-of-audio-in-html5-games/
TAGs Lib Feats Fails
****
  • https://github.com/scottschiller/soundmanager2/
  • http://www.schillmania.com/projects/soundmanager2/
  • https://code.google.com/p/wave-projects/source/browse/gadgets/soundplayer/soundmanager2-nodebug-jsmin.js
  • soundmanager2-nodebug-jsmin.js = min, compressed,no debug for production.
  • iOS
    • Chained playback (sequential / playlist-style behaviour) works when using the onfinish event handler.
    • Otherwise, blocking occurs.
  • relative links
  • sequential audio play
  • IE8 Flash fallback.
  • 11kb.
*
  • https://github.com/goldfire/howler.js
  • http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
  • sprites
  • 3kb
  • seq audio
  • IE8 Flash fallback.
*
  • https://github.com/zohararad/audio5js
  • http://zohararad.github.io/audio5js/
  • https://github.com/zohararad/audio5js/issues/58
  • IE8 Flash fallback.
  • seq audio
 
 
**
  • http://mohayonao.github.io/timbre.js/
  • https://github.com/mohayonao/timbre.js
  • Audio synth and processing.
 
 
   
 
   
 
  Terms
  • Beep: single tone
  • Chirp : Short complex tones
  • Tweet : Long Chirp
  • SwooshUP,DN : Changing volume
  • _seq8
  • Expl
 
  Resources
  • https://developer.apple.com/library/ios/documentation/MusicAudio/Conceptual/CoreAudioOverview/SupportedAudioFormatsMacOSX/SupportedAudioFormatsMacOSX.html