Your SlideShare is downloading. ×
0
#1navigator.getUserMedia
Demo
Wow…            No Plugins                 &JavaScript can talk to the hardware
navigator.getUserMedia({video: true}, gotStream, noStream);var gotStream = function(stream) {     $(video).src = window.UR...
#2Drag & Drop
Yea, we know…
Drag & Drop Folders
Demo
Files:dropzone.ondrop = function(e) {     var files = e.dataTransfer.files;     ….}Folders:dropzone.ondrop = function(e) {...
#3
How many lines of code? Just 15 characters x-webkit-speech
Demo
Browser Support:                     getUserMedia                     -   Chrome                     -   Firefox Nightly  ...
Html5 awesomeness
Upcoming SlideShare
Loading in...5
×

Html5 awesomeness

250

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
250
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Html5 awesomeness"

  1. 1. #1navigator.getUserMedia
  2. 2. Demo
  3. 3. Wow… No Plugins &JavaScript can talk to the hardware
  4. 4. navigator.getUserMedia({video: true}, gotStream, noStream);var gotStream = function(stream) { $(video).src = window.URL.createObjectURL(stream);};var noStream = function(e) { $(#errorMessage).text(No camera available.);};https://github.com/senthilp/playground/blob/master/photobooth.php
  5. 5. #2Drag & Drop
  6. 6. Yea, we know…
  7. 7. Drag & Drop Folders
  8. 8. Demo
  9. 9. Files:dropzone.ondrop = function(e) { var files = e.dataTransfer.files; ….}Folders:dropzone.ondrop = function(e) { var entry = e.dataTransfer.items[i].getAsEntry(); if (entry.isFile) { ... // do whatever you want } else if (entry.isDirectory) { ... // do whatever you want }}https://github.com/senthilp/picman
  10. 10. #3
  11. 11. How many lines of code? Just 15 characters x-webkit-speech
  12. 12. Demo
  13. 13. Browser Support: getUserMedia - Chrome - Firefox Nightly - Opera & Safari soon - IE10 possiblyThank You Drag & Drop FoldersSenthil Padmanabhn - Chrome V22 @senthil_hi Speech Activation - Chrome - Safari, FF, Opera still in discussions - IE (with an ActiveX object)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×