> For the complete documentation index, see [llms.txt](https://nostalgiatv.gitbook.io/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nostalgiatv.gitbook.io/user-guide/advanced/web-ui.md).

# Web User Interface

*The Web Remote is a powerful desktop companion to the NostalgiaTV app. It offers an expanded workspace for managing large channel lineups, visual scheduling, and server-wide configurations.*

{% hint style="info" %}

#### The web interface has gone through many visual changes. Screenshots may not be 100% accurate to the current version of the app.

{% endhint %}

#### Getting Connected

To access the interface, your computer must be on the same local network as the device running NostalgiaTV.

{% stepper %}
{% step %}

### Locate the Address

**Open Settings** > **Admin** on your device and find the Web Remote settings. Toggle the option on. 

<figure><img src="https://1133341156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyQJozebwQu1tYl63pxW%2Fuploads%2FxDckC7Pewm96mlci11GA%2FProfile%20Config6.png?alt=media&amp;token=30b0c460-175c-4fa9-8b90-058a26773f14" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Enter URL

Type the provided IP and port (e.g., <http://192.168.1.58:19850>) into your desktop browser.

<div align="left"><figure><img src="https://1133341156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyQJozebwQu1tYl63pxW%2Fuploads%2F9zzxNyIM2PyWNJKJWVSi%2FScreenshot%202026-02-28%20134951.png?alt=media&amp;token=76d71ed7-6421-4df0-ab3c-801e2d5dd557" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Verify Status

Look for the green 🟢 Connected indicator in the top right corner of the web page.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Keep the device awake and the app open. When a device goes to sleep or switches apps, Android likes to suspend the app deep enough to disable its network connection.
{% endhint %}

***

#### 🖥️ The Navigation Hub

<figure><img src="https://1133341156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbyQJozebwQu1tYl63pxW%2Fuploads%2FYs1UbZFWTSFWmCWkEVJI%2Fimage.png?alt=media&amp;token=3f66449d-9df4-4048-b6c9-aa0ddac21e70" alt=""><figcaption></figcaption></figure>

The Web UI is organized into four primary tabs, each handling a specific part of your broadcast network:

* **Channel Customization:** Manage your station list with new General and Advanced scheduling tabs for every channel.
* **Commercials**: Fine-tune global ad behaviors and set fixed commercial counts between programs.
* **Groups**: Bundle multiple videos (like short-form cartoons or themed trailers) into a single, continuous block in your guide.
* **Schedule**: View the interactive, real-time timeline of your entire network.
* **Design:** Modify the look of NostalgiaTV
* **Cloud Sync**: Link your Firebase database and manage your multi-device synchronization.
* **Profile Configuration:** Settings for the active profile on your device.
* **Servers:** Connect the Plex, Jellyfin, and Emby servers that feed your channels, and choose which libraries appear in the guide.
* **Local Files:** Review how videos in your device folders were matched to your server library.
* **Admin:**&#x20;

***

#### 💾 Configuration Tools

At the top of every page, you have access to global management tools:

* Export Config: Download your entire setup—including custom channels, logos, and commercial settings—to a backup file.
* Import Config: Upload a previously saved configuration to quickly set up a new device.

***

#### 🚀 Advanced Channel Logic (introduced in v0.4.16)

Inside the Channel Customization tab, you now have access to an Advanced tab for every station:

* Balance Media: Equalize show representation to prevent a single series from dominating the channel.
* Restrict Hours: Confine a channel's programming to specific times (e.g., a "Late Night" channel that only airs from 11 PM to 4 AM).
* Content Weighting: Use sliders to adjust how frequently specific shows appear. Higher weight equals more airtime.
* Time Slot Scheduling: Assign specific shows to air at designated times on certain days of the week.

***

#### Next Steps

Explore the detailed guides for each section of the Web Remote:

{% columns %}
{% column %}
{% content-ref url="/pages/CDib9iwx1xhoNg2x7Vnk" %}
[Channel & Content Management](/user-guide/advanced/web-ui/channel-and-content-management.md)
{% endcontent-ref %}

{% content-ref url="/pages/c2z6PNHom6KSkRYRJ1RC" %}
[Commercials](/user-guide/advanced/web-ui/commercials.md)
{% endcontent-ref %}

{% content-ref url="/pages/BMD3H9gvFlkKZnNGup1v" %}
[Advanced](/user-guide/advanced/web-ui/advanced.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/pp6ay4oJzbWDlXZrTCR3" %}
[Advanced Scheduling & Weighting](/user-guide/advanced/web-ui/channel-and-content-management/advanced-scheduling-and-weighting.md)
{% endcontent-ref %}

{% content-ref url="/pages/q9gIxyJEy5b0mxr4NynI" %}
[Content Groups](/user-guide/advanced/web-ui/content-groups.md)
{% endcontent-ref %}

{% content-ref url="/pages/ZFKSr4DXACBWqTdb61wE" %}
[Schedule](/user-guide/advanced/web-ui/schedule.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}