diff --git a/.gitignore b/.gitignore index 66ce5ebb..afaf9401 100644 --- a/.gitignore +++ b/.gitignore @@ -34,6 +34,9 @@ id_ed25519* # Generated deployment config (contains secrets) livekit.yaml +# Raw screenshot originals — optimized WebP copies live in docs/screenshots/ +demo-pictures/ + # OS files .DS_Store Thumbs.db diff --git a/README.md b/README.md index 003051cd..7dcc88de 100644 --- a/README.md +++ b/README.md @@ -32,18 +32,48 @@ inside a business — but not to resell as a hosted service. See ## Screenshots - -_Screenshots coming soon._ +A voice channel with a grid of camera and screen-share tiles + +A voice channel in full swing — camera tiles alongside live screen-shares, each with its own resolution / frame-rate label. + + + + + + + + + + + + + + + + +
+ A text channel with messages and a typing indicator
+ Text channels — Markdown, replies, reactions, read states, and live typing indicators. + 		+ The screen-share settings popover
+ Screen-share controls — resolution, frame rate, codec, and bitrate, within admin-set bounds. +
+ The space discovery / Explore view
+ Spaces & discovery — browse public, request-to-join, and joined spaces. + 		+ A federated group direct message
+ Direct messages — 1-on-1 and group DMs, including members on peer instances. +
+ The find-people / user discovery view
+ Friends & social — find people across instances with mutual friends and spaces. + 		+ The federation admin panel showing peered instances
+ Federation admin — manage peered instances, relay, and secret rotation. +
+ +
→ See all screenshots
## Features diff --git a/docs/screenshots.md b/docs/screenshots.md new file mode 100644 index 00000000..1fa60d1f --- /dev/null +++ b/docs/screenshots.md @@ -0,0 +1,107 @@ +# Screenshots + +A tour of Backspace in action, taken from a live test instance. For a quick +overview, see the [Screenshots section of the README](../README.md#screenshots). + +> Images are captured from the Electron desktop app; the web app is identical. + +## Voice & video + +A voice channel scales from a couple of people to a full grid of camera tiles +and live screen-shares, each labelled with its own resolution and frame rate. + +
+ A voice channel with a grid of camera and screen-share tiles
+ Camera tiles and live screen-shares side by side, with per-stream quality labels. +
+ +
+ +
+ A voice channel with several members streaming
+ Members can go live; others join with a Watch Stream button. +
+ +
+ +
+ A voice channel with a picture-in-picture tile
+ Picture-in-Picture keeps the call visible while you browse other channels. +
+ +## Text chat + +
+ A text channel with an active conversation and a typing indicator
+ Real-time messages with read states and live typing indicators. +
+ +
+ +
+ The GIF picker open in a text channel
+ Built-in GIF search (Klipy) and an emoji picker. +
+ +
+ +
+ The voice member context menu with moderation options
+ Voice moderation — space mute / deafen, move, disconnect, and per-user volume. +
+ +## Screen sharing + +
+ The screen-share settings popover
+ Per-stream resolution, frame rate, content mode, codec (VP9 / H.264), and bitrate — within admin-set bounds. +
+ +## File sharing + +
+ A channel with uploaded files
+ Upload and share files of any kind directly in a channel. +
+ +## Direct messages + +
+ A federated group direct message
+ 1-on-1 and group DMs, including members on peer instances (note the @instance handles). +
+ +## Friends & social + +
+ The friends list with an Active Now sidebar
+ Friends list with presence and an Active Now sidebar. +
+ +
+ +
+ The find-people / user discovery view
+ Discover people across instances, with mutual friends and mutual spaces surfaced. +
+ +## Spaces + +
+ The space discovery / Explore view
+ Browse and join public, request-to-join, and already-joined spaces. +
+ +## Administration + +
+ The federation admin panel showing peered instances
+ Federation — DM relay, auto-peering, secret rotation, and per-peer health and management. +
+ +
+ +
+ The streaming admin panel with a bitrate matrix
+ Streaming limits — allowed resolutions and frame rates, plus a per-resolution × per-frame-rate bitrate matrix. +
diff --git a/docs/screenshots/admin-federation.webp b/docs/screenshots/admin-federation.webp new file mode 100644 index 00000000..e365c4d7 Binary files /dev/null and b/docs/screenshots/admin-federation.webp differ diff --git a/docs/screenshots/admin-streaming.webp b/docs/screenshots/admin-streaming.webp new file mode 100644 index 00000000..0d595f25 Binary files /dev/null and b/docs/screenshots/admin-streaming.webp differ diff --git a/docs/screenshots/chat-moderation.webp b/docs/screenshots/chat-moderation.webp new file mode 100644 index 00000000..6ef96000 Binary files /dev/null and b/docs/screenshots/chat-moderation.webp differ diff --git a/docs/screenshots/chat.webp b/docs/screenshots/chat.webp new file mode 100644 index 00000000..877a954b Binary files /dev/null and b/docs/screenshots/chat.webp differ diff --git a/docs/screenshots/file-sharing.webp b/docs/screenshots/file-sharing.webp new file mode 100644 index 00000000..de1f89a4 Binary files /dev/null and b/docs/screenshots/file-sharing.webp differ diff --git a/docs/screenshots/friends.webp b/docs/screenshots/friends.webp new file mode 100644 index 00000000..1b1ca500 Binary files /dev/null and b/docs/screenshots/friends.webp differ diff --git a/docs/screenshots/gif-picker.webp b/docs/screenshots/gif-picker.webp new file mode 100644 index 00000000..67087e45 Binary files /dev/null and b/docs/screenshots/gif-picker.webp differ diff --git a/docs/screenshots/group-dm.webp b/docs/screenshots/group-dm.webp new file mode 100644 index 00000000..ecddc5f3 Binary files /dev/null and b/docs/screenshots/group-dm.webp differ diff --git a/docs/screenshots/screen-share-settings.webp b/docs/screenshots/screen-share-settings.webp new file mode 100644 index 00000000..2b1c95af Binary files /dev/null and b/docs/screenshots/screen-share-settings.webp differ diff --git a/docs/screenshots/space-discovery.webp b/docs/screenshots/space-discovery.webp new file mode 100644 index 00000000..7c3c83c7 Binary files /dev/null and b/docs/screenshots/space-discovery.webp differ diff --git a/docs/screenshots/user-discovery.webp b/docs/screenshots/user-discovery.webp new file mode 100644 index 00000000..70391285 Binary files /dev/null and b/docs/screenshots/user-discovery.webp differ diff --git a/docs/screenshots/voice-call-pip.webp b/docs/screenshots/voice-call-pip.webp new file mode 100644 index 00000000..cdcfdaf5 Binary files /dev/null and b/docs/screenshots/voice-call-pip.webp differ diff --git a/docs/screenshots/voice-streams.webp b/docs/screenshots/voice-streams.webp new file mode 100644 index 00000000..519b9748 Binary files /dev/null and b/docs/screenshots/voice-streams.webp differ diff --git a/docs/screenshots/voice-video-grid.webp b/docs/screenshots/voice-video-grid.webp new file mode 100644 index 00000000..821a79d3 Binary files /dev/null and b/docs/screenshots/voice-video-grid.webp differ