What’s Cooking in Our Labs: SlideShare HandsFree!

by Marisa Wong on March 19, 2013

Clicking through presentations can be cumbersome, especially when you’re talking through them with a live audience at hand. You have to find the right key on your keyboard, or move your mouse to the correct button, often halting the flow of your speech. What if you could just flick your finger in the air, indicating movement to the next page?

Our engineers are on it. We figured if you could play motion-sensing tennis on the Nintendo Wii, couldn’t you at least flip thought SlideShare presentations with the wave of a hand? Here’s a preview of what we’re working on:

And here’s what the engineer himself, Shirsendu Karmakar, had to say about developing it (yes, he’s pretty cool!):
If you have used/seen flutter, you wish you could use it on websites too. A few days back, I saw an interesting Chrome Experiment. My initial reaction: SlideShare “Minority Report” style! I started working on something similar for SlideShare. After an hour or so, with JavaScript as my weapon and some simple techniques and approximations, SlideShare presentations were gestures ready. It took me around 30 lines to code to make SlideShare work via my gestures.
Whats happening behind the scenes.

  • webRTC has made it possible to access the web camera directly from the browser. No Flash required!
  • A image is snapped at regular intervals.
  • HTML5 canvas is used to draw the current image.
  • The movement delta = The difference between the last image and the current image is calculated.
  • Depending on the value of delta, we try to detect which movement was done. Currently only for basic movements are supported: left, right, top, bottom.
  • Each of the directions are mapped with the SlideShare’s player API functions. Whenever, a movement is detected successfully, the player executes the mapped action.

What are other features you’d like to see us develop in SlideShare Labs?

{ 9 comments }

Bijeet Singh March 19, 2013 at 10:42 PM

“pretty cool”.. Troy.. indeed!!

Jitendra Shukla March 19, 2013 at 10:44 PM

Nice Post Marisa,
Very interesting post, thanks for sharing.

Saurav Srivastava March 19, 2013 at 11:17 PM

This is cool Troy. Kudos to you for merging both technologies this beautifully.

referencement haguenau March 20, 2013 at 5:50 AM

This is pretty cool.
Note that this will be implemented in the new Samsung Galaxy S IV ;)

Akash Thadani March 20, 2013 at 5:57 AM

Tremendous Troy. You make things look easy!!

Lawyer James March 21, 2013 at 9:00 AM

Nice! We are working on a couple of hands free ideas as well. Looking forward to seeing this in action.

James Scarlet March 21, 2013 at 10:02 PM

this is cool and tricky dude. i really like it. add more to like this
keep it up

Katalog March 26, 2013 at 4:42 AM

I had a great reading, like always. Thank you. Good advises. Very helpful informations.

tee shirt time April 8, 2013 at 11:03 AM

{
{I have|I’ve} been {surfing|browsing} online more than {three|3|2|4} hours today, yet I never found any interesting article like yours. {It’s|It is} pretty worth
enough for me. {In my opinion|Personally|In my view}, if all {webmasters|site
owners|websi

Comments on this entry are closed.

Previous post:

Next post: