以 JavaScript 實作簡易 Audio Sprites

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
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