RDP Web Client

Quick Start

1. Import the module

import { RDPClient } from './rdp-client.js';

2. Create instance

const client = new RDPClient(
  document.getElementById('container'),
  {
    wsUrl: 'ws://localhost:8765',
    showTopBar: true,
    showBottomBar: true,
    keepConnectionModalOpen: false
  }
);

3. Connect programmatically

await client.connect({
  host: '192.168.1.100',
  port: 3389,
  user: 'Administrator',
  pass: 'password'
});

Public API

connect(credentials) - Connect to RDP server
disconnect() - Disconnect session
sendKeys(keys, opts) - Send keystrokes
sendKeyCombo(combo) - Send key combo
sendCtrlAltDel() - Send Ctrl+Alt+Del
setTheme(config) - Apply theme dynamically
getStatus() - Get connection status
isConnected() - Check if connected
getLatency() - Get latency in ms
getMuted() - Get audio mute state
setMuted(bool) - Set audio mute
getResolution() - Get current resolution
showKeyboard() - Show virtual keyboard
hideKeyboard() - Hide virtual keyboard
isKeyboardVisible() - Check keyboard visibility
on(event, fn) - Add event listener
off(event, fn) - Remove listener
destroy() - Cleanup resources

Theming

// Use preset: 'dark', 'light', 'midnight', 'highContrast'
client.setTheme({ preset: 'light' });

// Or customize colors
client.setTheme({
  colors: { accent: '#00b4d8' }
});

Events

'connected' - Session connected
'disconnected' - Session ended
'resize' - Resolution changed
'latency' - Latency updated ({ latencyMs })
'error' - Error occurred
'keyboardShow' - Virtual keyboard shown
'keyboardHide' - Virtual keyboard hidden