Web-based Playback

This page walks through controlling device playback from a web browser. Devices and browsers use different protocols and endpoints to reach our system, so we provide a mechanism to remotely control the device. The WebSocket example below shows how to connect, subscribe to scripts or live streams, and start receiving signals on the device.

1. Connect a device to the Haptics server

Real device
Virtual device

Follow the First Activation instructions to set up a real device.

Use the Python example (client-example-py):

cd client-example-py

export DEVICE_ID=<your device id>
export PAIRING_TOKEN=<pairing token assigned to your device id>

python -u subscriber.py

If everything is correct, you will connect to the server and begin receiving system events.

2.1 Start a local web server with the device control example:

cd client-example-js

npm install -g http-server

http-server

2.2 Open a browser and go to localhost:8080. 2.3 Because you are testing the connection locally, you may lack the required authentication cookies. Log in to your account, copy the auth_jwt cookie value from the session, and paste it into the Auth JWT input field. This value is passed to the Haptics server during WebSocket initialization. 2.4 Enter your device name and the desired script or live stream. Available development live stream IDs:

00000000-0000-0000-0000-000000000000
00000000-0000-0000-0000-000000000001

2.5 Click Connect. If everything is correct, you will start receiving signals on your device.

You have connected from your web browser to your device and sent the first command.

Publication Flow

Device Setup

Getting started

Melody

Melody Streaming

Melody WiFi

Melody BLE

Web-based Playback

1. Connect a device to the Haptics server

​1. Connect a device to the Haptics server

​2. Subscribe to the Haptics stream

1. Connect a device to the Haptics server

2. Subscribe to the Haptics stream