What We Watching — self-contained WebRTC watch room

Player (choose Host or Viewer)

Drop a video file here (Host) • or connect as Viewer

Supported by your browser (MP4/H.264 is safest)

--:-- / --:--

Vol

Hotkeys: Space Play/Pause • ←/→ seek 5s • Shift+←/→ seek 15s • ↑/↓ volume • ,/. frame step • F fullscreen • M mute

Chat

Display name

Room Name

Theme

People

Subtitles

Font

Font Size/Color

Style

Bold Italic Underline

Outline

Drop shadow

Subtitle opacity (%)

Background opacity (%)

Bottom Position

Active track

Offset 0ms

Host-loaded tracks are shared to connected viewers. Add multiple tracks; each viewer chooses what to display from the dropdown.

Player

Playback

Playback rate

1.00×

UI scale

100%

Video Messages Show chat messages on video

Audio Source

Host controls sync playback; viewers can adjust UI scale locally. Scales the on-video controls (windowed + fullscreen).

Signaling (?)

This page is self-contained, so it uses manual copy/paste to exchange WebRTC offers/answers. For a 1-click room link, add a tiny WebSocket signaling server (see next section).

Host → Viewer

Viewer → Host

Host applies

How to use (and how to make it 1-click)

Host flow

Click Host, then drop a video file onto the player.
(Optional) Load subtitles: drop a .vtt or .srt subtitles file or click Load Subs.
Open Signaling (?) → click Create Offer, copy the offer and send it to your friend.
Your friend pastes offer, clicks Create Answer, then sends the answer back.
Paste their answer into the Viewer → Host box and click Apply Viewer Answer.
Repeat for each friend (each viewer generates an answer; host applies each one).

Viewer flow

Click Viewer.
Open Signaling (?), paste host offer into the Viewer → Host box and click Create Answer.
Copy the answer and send it back to the host.

Important notes

This uses WebRTC with a public STUN server for NAT traversal. Some networks still block P2P.
You must open this page over HTTPS (or localhost) for best results.
Host uploads (streams) once per viewer (so your upload bandwidth matters).

Make it 1-click

Add a tiny signaling server (WebSocket) and replace the manual boxes with room codes. Ask me and I’ll provide a minimal Node.js server + client patch.