PeerJS Provider Test - Yjs P2P Sync

🚀 PeerJS Provider Test PeerJS Yjs

Test peer-to-peer synchronization using PeerJS (simple WebRTC). Open this page in multiple browser tabs or windows to see real-time collaboration!

Connecting...

Peer ID: Waiting...

Peers: 0

Room: (not connected)

Sync: ⏳ Waiting...

⚙️ Connection Settings

Configure your PeerJS connection settings before joining a room.

Room Name *

Users in the same room can collaborate together.

PeerJS Server Host

Leave empty to use default PeerJS cloud server (0.peerjs.com).

PeerJS Server Port

Default is 443 for HTTPS.

ICE Servers (STUN/TURN)

STUN servers help with NAT traversal. One server URL per line.

Use Secure Connection (HTTPS/WSS)

Recommended for production. Disable only for local development.

Enable Debug Logging

Shows detailed connection events in the browser console.

Open 2-3 tabs in the SAME browser - Tabs will discover each other via BroadcastChannel
Wait ~1 second - You should see "🔍 Discovered peer" and "✅ Connection opened" in console
Edit the document - Type in any tab and see changes sync instantly across all tabs
Customize your user - Change your name and color to identify yourself in the user list
Watch peer count - Shows number of connected peers (should be N-1 where N is tabs)
Check the log & console - See detailed connection events and debug information

🚀 PeerJS Provider Test PeerJS Yjs