2. #1
navigator.getUserMedia

3. Demo

4. Wow…
No Plugins
&
JavaScript can talk to the hardware

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

6. #2
Drag & Drop

7. Yea, we know…

8. Drag & Drop Folders

9. Demo

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

11. #3

12. How many lines of code?
Just 15 characters x-webkit-speech

13. Demo

14. Browser Support:
getUserMedia
- Chrome
- Firefox Nightly
- Opera & Safari soon
- IE10 possibly
Thank You
Drag & Drop Folders
Senthil Padmanabhn - Chrome V22
@senthil_hi
Speech Activation
- Chrome
- Safari, FF, Opera still in discussions
- IE (with an ActiveX object)