"HTML5" Clients Interacting Demos

These are small demos using two or more clients interacting with each other in real time. Most demos has a recorder and a screen. The recorder are used as a "remote control" to control whats going on on the remote "screen". These demos does show some new and experimental parts in browsers using native implementations so each demo might require different browser versions / experimental browser builds.

When using a demo with both a recorder and a screen, open the recorder in the client (device) which shall be the controlling part and the screen in the client which shall be the controlled part.


Simple Chat

A simple chat example. The example use WebSockets to transfer plain text between two or more clients.


Instant Camera

A demo using the Device API for accessing the camera on a device and instantly projecting snapshot images from the recording client to a screen client. The snapshot images are transferred between the clients by a WebSocket connection.

Open recorder - Open screen


Remote Rotation

A demo using the DeviceOrientation API to capture the rotation of the recording client and remotely rotate a a image in a screen client. Communication between the clients are done with WebSockets.

Open recorder - Open screen


TV Remote

A demo using touch events on a device to track direction of a swipe and apply those to control a remote video player. Swipe right switches to next video, swipe left to previous video, swipe up adjusts sound up, swipe down adjusts sound down. Click (tap) toggles play / pause of the video.

Open remote - Open player