Turn any screen into an interactive experience using smartphones

Screen SDK Implementation

// Screen SDK
import { InteraxoScreen, InteraxoConnection } from '@interaxo/screen-sdk';

const screen = new InteraxoScreen({
  apiKey: 'your-api-key',
  deviceId: 'your-device-id',
});

// This connects to the interaxo infrastructure and generates a new session.
// You can use the sessionId to generate a QR on the screen so it can be used by the phone SDK
// for example: https://your-phone-app.com/qr?sessionId=${sessionId}
const sessionId = await screen.createSession();

// when a device connects, you can send it messages in real time
screen.on('deviceConnected', (connection: InteraxoConnection) => {
  console.log(`Device ${connection.id} connected`);
  screen.send(connection.id, { action: 'set-color', color: 'blue' });
});

Phone SDK Implementation

// Phone SDK
import { InteraxoDevice } from '@interaxo/device-sdk';

const device = new InteraxoDevice({
  apiKey: 'your-api-key'
});

await device.joinSession({
  sessionId: 'your-session-id',
});

// Once connected, you can start sending and receiving messages in real time
device.send({ action: 'tap', x: 100, y: 200 });

screen.on('onMessage', (message) => {
  console.log('Received message:', message);
});