Remote Control is a tool to control the slides of your HTML5 presentation through a cell phone
JavaScript
Latest commit 56bf2f9 Jan 15, 2014 @zenorocha zenorocha Add @jaydson as Maintainer
Permalink
Failed to load latest commit information.
logo logo Nov 18, 2012
sample Sample Nov 5, 2012
.gitignore Sample Nov 5, 2012
README-pt.md Add @jaydson as Maintainer Jan 15, 2014
README.md Add @jaydson as Maintainer Jan 15, 2014
app.js Added laserpoint and holofote feature. remote-slide.js library was li… Nov 2, 2012
index.html Added laserpoint and holofote feature. remote-slide.js library was li… Nov 2, 2012
packge.json
remote-control.js

README.md

Leia a documentação em Português


Remote Control

Cover

A tool to control the slides of your HTML5 presentation through a cell phone.

Maintainer: Jaydson Gomes

How it works

Remote Control is based on WebSockets, so you may have a good and modern browser, like Firefox, Chrome or Opera.

The phone send a message through WebSockets to the server. The server receive the message as an action that must be executed, like 'next' or 'previous'. This action are emited to the HTML5 presentation.

Dependencies

How to install

For while, you need to install manually :(

First, if you don't have node, you must to install. Google it, if you don't know how. Install socket.io:

npm install socket.io

How to use

Run app.js:

node app.js

The server will be available at port 81 http:localhost:81, but you can change if you want.

Now, you need to add 2 JavaScript libraries to your HTML5 presentation:

<script src="http://localhost:81/socket.io/socket.io.js"></script>
<script src="path/to/remote-control.js"></script>

You're almost ready to start the presentation! Add this code to your presentation file:

var remote = new RemoteControl();
remote.connect('http://localhost:81');
remote.on('next', function() {
    // Your method to move to the next slide
});

remote.on('previous', function() {
    // Your method to move to the previous slide
});

Now point your phone browser to your IP address on port 81. You must see a ugly(i'm working on that) page with 3 buttons. If everything is ok, now you are able to control your HTML5 presentation with your phone.

Get involved

License

MIT License © BrazilJS Foundation