Html5 video

1,046 views
969 views

Published on

Published in: Technology
1 Comment
1 Like
Statistics
Notes
  • Love this! Clipchamp.com and their API is also a great example of using pure HTML5 for video compression and recording
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,046
On SlideShare
0
From Embeds
0
Number of Embeds
34
Actions
Shares
0
Downloads
35
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • - 50% usability enhancements-define a set of rules on when to use Ajax, when to use JSP to avoid client side processing
  • API similar to JAVA.
  • Html5 video

    1. 1. Video for everyone!<br />
    2. 2. <!DOCTYPE html><br />HTML5 = HTML + CSS + JS<br />
    3. 3. <!DOCTYPE html><br />HTML5 is being driven by large, motivated vendors including : <br /><ul><li>Adobe
    4. 4. Apple
    5. 5. Google
    6. 6. Microsoft
    7. 7. Mozilla Foundation
    8. 8. Opera</li></ul>These companies recognize the need for an upgrade to the HTML standard, and their collective work is helping realize it’s potential.<br />
    9. 9. Through Modern Browsers the Web Platform is Accelerating<br /><ul><li>Google Chrome
    10. 10. Safari 4.0
    11. 11. Mozilla Firefox 3.5+
    12. 12. Internet Explorer 9
    13. 13. Chrome Frame for IE (6,7,8)
    14. 14. Webkit based Mobile browsers
    15. 15. Google Android
    16. 16. Apple Iphone
    17. 17. Palm WebOS
    18. 18. Better reliability
    19. 19. Web fidelity
    20. 20. Speed/Performance
    21. 21. Capable of handling richer UI</li></li></ul><li>Transfer the processing to the client<br />10% of logic<br />From:<br />Client Side<br />Client<br />Server<br />Server Side<br />Data layer<br />90% of logic<br />
    22. 22. Today : <br />70% of logic<br />To:<br />Client Side<br />Client<br />Server<br />Server Side<br />Data layer<br />30% of logic<br />
    23. 23. Who’s using it?<br /><ul><li>Apple.com
    24. 24. Google Wave
    25. 25. Mozilla
    26. 26. Vimeo
    27. 27. Youtube</li></li></ul><li>Obstacles<br /><ul><li>Browser market share is the most significant hurdle.
    28. 28. Older version of Firefox, IE, Opera, Safari and others have large user bases and none support HTML5.</li></li></ul><li>HTML5 Overhaul<br /><ul><li>New elements and API’s that enable us to create rich media using nothing more than HTML.
    29. 29. Developers can use JavaScript to manipulate the content of elements
    30. 30. You should not expect plug-ins to disappear overnight.
    31. 31. Authors who need to reach the widest possible audience maybe forced to continue to rely on Flash (eg: experience and brand sites, banners,…)</li></li></ul><li>HTML What’s New<br /><ul><li>New HTML tags
    32. 32. Accessibility improvements
    33. 33. Web form additions
    34. 34. Plug-in free Multimedia support (audio, video)
    35. 35. 2D Drawing & interactivity
    36. 36. Canvas (BitmapData)
    37. 37. SVG (Drawing API)</li></li></ul><li>JavaScript What’s New<br /><ul><li>Web selectors
    38. 38. Web storage
    39. 39. Web SQL database
    40. 40. Application cache event handlers
    41. 41. Web workers
    42. 42. Web socket
    43. 43. Notifications
    44. 44. Drag and drop
    45. 45. Geolocation</li></li></ul><li>Plug-in free Video<br /><ul><li>Video makes it easy to embed video content into a web page</li></ul><video src=“myvideo.mov”></video><br /><ul><li>Codec neutral : Individual browser vendors to support the codec
    46. 46. Developers cannot guarantee that any one media format will be playable on every possible client device
    47. 47. Multiple encoding scenario (H264,OGG,webM)
    48. 48. Non-modern browser video fallback necessary (Flash)
    49. 49. !! Format war !! Is declared</li></li></ul><li>H:264<br /><ul><li>Depending on how you use H.264 you have to pay license fees to the MPEG-LA
    50. 50. Although H.264 is an open standard, anyone can make and sell an encoder or decoder, it's not free -- you've got to pay for a royalty fee to use it.
    51. 51. H:264 patent licensing concerns
    52. 52. H:264 support costs 5 million a year
    53. 53. Mozilla chosen to support OGG Theora codec (Open source)
    54. 54. Safari, Chrome, IE9 support H:264
    55. 55. H.264 has already won this year's version of the format war.</li></li></ul><li>Extra Extra ! Google releases WebM<br /><ul><li>May 19th Google announced a new format called WebM
    56. 56. WebM is based on on2 technology (vp8) now owned by Google.
    57. 57. WebM is open-sourced and licensed royalty-free under a BSD-style license
    58. 58. H.264 patent licensing concerns shouldn't be an issue
    59. 59. Mozilla, Chrome, Opera to support WebM
    60. 60. Youtube will stream webM video
    61. 61. Will Apple and Microsoft roll WebM support into Safari and IE
    62. 62. Format war is back on!</li></li></ul><li>Plug-in free Video with flash fallback<br />HTML5 support<br />true<br />false<br /><video><br />Flash player<br />OGG<br />H:264<br />webM<br />
    63. 63. Questions? <br />
    64. 64. When will HTML5 be finished<br />HTML5 specifications should reach the <br /><ul><li>W3C Candidate recommendation stage by 2012
    65. 65. W3C recommendation stage by : </li></ul>2021!<br />It is safe to assume HTML 5 will be obsolete by them. You will be able to use HTML5 long before then.<br />
    66. 66. JavaScript Libraries<br />Libraries & toolkit :<br /><ul><li>Dojo,
    67. 67. Mootools,
    68. 68. Yahoo! User Interface (YUI),
    69. 69. Prototype,
    70. 70. jQuery,
    71. 71. script.aculo.us
    72. 72. Microsoft Ajax Library</li>

    ×