Build your own RasPiTV with Node.js & Socket.io
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Build your own RasPiTV with Node.js & Socket.io

  • 1,203 views
Uploaded on

This workshop was given at Lamba Labs Beirut First Hackerspace and the talk was given at LebGeeks Event. ...

This workshop was given at Lamba Labs Beirut First Hackerspace and the talk was given at LebGeeks Event.

If you'd like to bypass this presentation and jump into the fun stuff, you can always fork the code on Github:

https://github.com/DonaldDerek

Or check the tutorial on: blog.donaldderek.com

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,203
On Slideshare
1,160
From Embeds
43
Number of Embeds
3

Actions

Shares
Downloads
13
Comments
0
Likes
1

Embeds 43

http://staging.arabangels.org 24
http://localhost 15
http://preso.ly 4

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Build Your own RasPiTVDerekHaddadDonaldDerek
  • 2. The idea.= + +RaspberryPi Chromium NodeJS + Socket.ioRasPiTV
  • 3. The Implementation.RasPiTv with its special remote controller
  • 4. The Stack• Raspbian• NodeJs– Express– Socket.io– Omxcontrol• Shell Commands– Chromium in Kiosk mode– Youtube-dl– Omxplayer
  • 5. WARNING:Diving into Code
  • 6. Socket.io: Client SideClient Side Implementation (remote.html)
  • 7. Socket.io: Server SideServer Side Implementation (app.js)
  • 8. Moustache.js – TemplateEngineThe templateCreating the JSON object and filling in the template
  • 9. The RemoteMinimal remote – Buttons are replaced with Swipe Gestures
  • 10. Quo.js – Handling SwipeGesturesThe $$ is to differentiate jQuery from Quo
  • 11. The TVSwipe right on the remote to move the border from Watch to Listen
  • 12. https://github.com/DonaldDerek/RaspberryPiTVFork me on githubCheck the full tutorial on: blog.donaldderek.comDerekHaddadDonaldDerek
  • 13. May the Force be with youDerekHaddadDonaldDerek