ニコニコ動画でのHTML5

22,215 views

Published on

2010-12-16 HTML5とか勉強会にて

Published in: Technology

ニコニコ動画でのHTML5

  1. 1. HTML52010.12.16 HTML5
  2. 2. rosylilly Sho KusanoiPad iPadSoftware Engineer, Dwango
  3. 3. History
  4. 4. No Flash379 iPad
  5. 5. No Flash• CSS3 DOM•• jQuery CSS3
  6. 6. •3• Yomogi( ) Canvas• Google Chrome
  7. 7. •7• Bellflower( )• Canvas / DOM / CSS3 / SVG
  8. 8. • 9 30 iPad• Yuzuriha( )• DOM• iPad
  9. 9. HTML5 iPad•• Flash Flash HTML5• Flash HTML5
  10. 10. Flash vs HTML5•••
  11. 11. DOMCanvas SVG
  12. 12. DOM• HTML position:absolute•• DOM
  13. 13. Canvas• fillText•• iOS 3.2 fillText
  14. 14. SVG•• ( )•
  15. 15. Requirements
  16. 16. • HTML5 iPad• iPad HTML5•
  17. 17. iPad
  18. 18. iPad
  19. 19. What’s iPad? SmartphonMedia Player Platform
  20. 20. iPad
  21. 21. iPhone Application? Web Application?
  22. 22. Web Application
  23. 23. 2
  24. 24. Technical Challenge
  25. 25. • video• H.264/mp4• CPU 8
  26. 26. • DOM Javascript•• Canvas
  27. 27. •• API• LocalStorage API
  28. 28. API• • API flapi.nicovideo.jp• XHR Lv2•
  29. 29. •• Javascript• 1
  30. 30. Fruit of HTML5 HTML5
  31. 31. PV: 210,000pv : 6,000uu
  32. 32. WebAPI
  33. 33. HTML5
  34. 34. •• iPad• HTML5 …
  35. 35. HTML5 HTML5

×