Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -171,3 +171,5 @@ Add an image with descriptive alt text to the relevant guide, inspect the render
The documentation content is dual-licensed under
[CC-BY-4.0](https://creativecommons.org/licenses/by/4.0/) for prose
and [MIT](https://opensource.org/licenses/MIT) for code samples.

Mobile documentation captures use the actual mobile shell with Android user-agent and touch emulation at a 412×915 CSS-pixel viewport. They use sample server state and are layout examples, not physical-device or Android permission-dialog captures.
Binary file added public/screenshot-mobile-channels.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/screenshot-mobile-chat.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/screenshot-mobile-profile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/screenshot-mobile-voice.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 24 additions & 22 deletions src/content/docs/getting-started/android.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,10 @@ small adjustments for touch.



<img src="/screenshot-mobile-chat.png" alt="Current mobile conversation with sample members using anime, car, flower, and dog avatars, plus the call bar and message composer" style="width: 100%; max-width: 360px; margin: 0 auto;" />

The screenshots show the current phone layout with a sample community.

## Install

See the [installer page](/getting-started/install/) and pick the
Expand Down Expand Up @@ -51,27 +55,25 @@ notifications. Open **Settings, Battery, Fancy Mumble** and pick
**Unrestricted** to keep notifications on time.
</Aside>

## Mobile-only UI bits

The desktop layout is rebalanced for touch:

<CardGrid>
<Card title="Mobile call controls" icon="phone">
A floating bar at the bottom with mute, deafen, leave, and stream
toggles. Auto-hides when no audio is active.
</Card>
<Card title="Channel drawer" icon="bars">
Channels live in a left drawer, swipe from the edge or tap the
menu button to open.
</Card>
<Card title="Member sheet" icon="seti:default">
Tap a user to open a bottom-sheet with their profile, frame,
banner, and actions (private message, mute, kick).
</Card>
<Card title="Message action sheet" icon="comment-alt">
Long-press a message to reply, react, copy, pin, or delete.
</Card>
</CardGrid>
## Channels and conversations

The **Channels**, **Friends**, and **Settings** tabs sit at the bottom of the navigation screen. Select a channel to open its conversation; use **Back** to return to the channel list. The server-strip control shows or hides saved servers.

<img src="/screenshot-mobile-channels.png" alt="Current mobile channel list with a lounge and five members with distinct avatars" style="width: 100%; max-width: 360px; margin: 0 auto;" />

Chat gives the conversation the whole screen. Its composer stays at the bottom, and an active voice call adds a compact call bar above it. File-sharing controls depend on the connected server's capabilities.

## Call controls

Tap **In voice** on the call bar to expand the call screen. It shows the channel's participants and their audio states. Use the large microphone and headphones controls to mute or deafen, **Disconnect** to leave voice, and the down arrow to return to chat.

<img src="/screenshot-mobile-voice.png" alt="Expanded mobile call screen showing five participants, listening and muted states, microphone and headphones controls, and Disconnect" style="width: 100%; max-width: 360px; margin: 0 auto;" />

## Profiles and message actions

Tap a member's name or avatar to inspect their profile and available actions. Profiles can include their own avatar, banner, status, pronouns, and bio. Long-press a message for its available actions, such as reply, reaction, or copy; moderation actions depend on your permissions.

<img src="/screenshot-mobile-profile.png" alt="Mobile profile sheet for Rin with anime avatar and banner, pronouns, sketching status, bio, and profile actions" style="width: 100%; max-width: 360px; margin: 0 auto;" />

## Battery and data

Expand All @@ -80,7 +82,7 @@ The desktop layout is rebalanced for touch:
- Watching a screen share takes about 1 to 3 Mbps per stream.
- File downloads use whatever the file weighs, once.

Force **TCP** mode (Settings, Voice, Network) on flaky cell data. It
Enable **Force TCP audio** in **Settings, Voice** on flaky cell data. It
adds a little latency but avoids packet-loss audio glitches.

## Known mobile limits
Expand Down
Loading