Trigger sound samples in any browse tab subscribed to the same channel.

Open 2nd instance Source Code Crossbar.io Homepage
BeatBox Demo
Enable Audio in this Browser:
Controller Channel:

A | C
B | D

Trigger: Publish Event Direct Mode
Status:

This demo gives a good demonstration of the latencies involved in using Crossbar.io

- Control the playback of four different audio samples using the four controller pads (A - D). Pads can be controlled via keyboard ('A', 'B', 'C', 'D') as well. Audio playback requires browser support for HTML5 audio.
- All interactions on this demo occur in response to messages routed through the instance of Crossbar.io displayed in the status line at the bottom of the demo box.
- Works across several tabs or browsers by setting a common controller channel number in all instances.
- 'Publish Event' toggles whether pad presses are routed through our hosted demo instance of Crossbar.io.
- In 'Direct Mode', samples are triggered directly instead of on receiving an event from the hosted demo instance of Crossbar.io.
- When testing in several browsers or tabs in parallel locally, enabling audio in only one browser avoids flanging due to slight cross-browser/tab delays in playback.
- With two local browser windows, triggering from one with both 'Publish Event' and 'Direct Mode' checked, and audio on in both audibly demonstrates the latency. We suggest using sample B for this.