1. API
11 HTML5
id: gyuque
2010 10 14

2. 2010 10 14

3. • embed / object
• Windows Media Player
• Quicktime Player
• Flash
→
2010 10 14

4. Flash!
2010 10 14

5. Silverlight!
2010 10 14

6. Windows Media!
2010 10 14

7. QuickTime!
2010 10 14

8. Plugin sucks
•
•
• …
•
2010 10 14

9. <video> <audio>
2010 10 14

10. 2010 10 14

11. data URI
http://www.slideshare.net/moriyoshi/adobe-max-japan-2009-jui-javascript
2010 10 14

12. data URI
wav
( ! )<
data:audio/wav...
<audio>
2010 10 14

13. 2010 10 14

14. 2010 10 14

15. 2010 10 14

16. 2010 10 14

17. Mozilla Audio Data API
https://wiki.mozilla.org/Audio_Data_API
WRITING APIs
JS
2010 10 14

18. Mozilla Audio Data API
https://wiki.mozilla.org/Audio_Data_API
READING APIs
media file
JS
2010 10 14

19. Mozilla Audio Data API
https://wiki.mozilla.org/Audio_Data_API
READING APIs
• Ogg Vorbis / WebM
• WebM
≫ Firefox 4 beta
http://www.mozilla.com/en-US/firefox/beta/
2010 10 14

20. WebM
2010 10 14

21. speech
x-webkit-speech
<input type="text" x-webkit-speech>
•
• HTML/JS
≫ Chromium
http://build.chromium.org/buildbot/snapshots/
2010 10 14

22. HTML Media Capture API
≫
2010 10 14

23. HTML Media Capture API
≫
2010 10 14

24. High Level API
▶
Mic
speech
<audio> File
HTML Media Capture
Mozilla Audio Data API
Flash
Low Level API
Flash
↓
JS/HTML
2010 10 14