以 JavaScript 實作簡易 Audio Sprites

以 Bumbler to Speech 為例

Transcript

1. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee zhusee2@gmail.com
2. Ҏ JavaScript ؆қመ࡞ Audio Sprites Zhusee zhusee2@gmail.com ၛ
   #VNCMFS
   UP
   4QFFDI
   㬪২
3. Audio Source
4. Audio Source Ұ ೋ ࡾ ࢛ ޒ ࿡ ࣣ ീ ۝ े lँँେՈɼ੥࠱z
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