Leia a documentação em Português
A tool to control the slides of your HTML5 presentation through a cell phone.
Maintainer: Jaydson Gomes
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.
- nodejs
- socket.io
- A modern Web Browser with WebSockets support in your desktop can i use websockets?
- A modern Web Browser with WebSockets support in your phone can i use websockets?
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
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.
- Fork, run Remote Control in your enviroment, rate all features and send us your feedback through the mail list
- Become a bug hunter!
- If you find some bug, add an issue with the label "bug"
- If you want to fix the bug by yourself(wow!), make a fix in your enviroment and make one pull-request
- If you had an great idea of feature, add an issue with the label "enhancement"
- If you want to implement the feature by yourself(wow! wow!), do it and make one pull-request
MIT License © BrazilJS Foundation