以 JavaScript 實作簡易 Audio Sprites

以 JavaScript 實作簡易 Audio Sprites

以 Bumbler to Speech 為例

373ac4ca568f8615e780f3208b1544a0?s=128

Zhusee

May 18, 2013
Tweet

Transcript

  1. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee zhusee2@gmail.com

  2. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee zhusee2@gmail.com ၛ#VNCMFSUP4QFFDI㬪২

  3. Audio Source

  4. Audio Source Ұ ೋ ࡾ ࢛ ޒ ࿡ ࣣ ീ

    ۝ े lँँେՈɼ੥࠱z
  5. None
  6. “Speak” a number 42 d4 d10 d2 ೋ ࢛ े

    Array
  7. “Speak” a number .playPartial() d10 d2 d4

  8. “Speak” a number .playPartial() d10 d2 d4

  9. “Speak” a number .playPartial() d10 d2

  10. “Speak” a number .playPartial() d2

  11. Controlling <audio> Element ✤ var audio = document.querySelector(‘audio’) ✤ audio.pause()

    ✤ audio.currentTime = 2.45 #(sec) ✤ audio.play()
  12. Summary ✤ Combine your audio files ✤ Write down time

    information of each partial clip ✤ Control play/pause/position with JavaScript
  13. http://bit.ly/bumbler