> A tour of Nuvio Web, one screen at a time. Every title below is a Blender open movie, released under Creative Commons Attribution by the Blender Foundation and streamed from…
> Source: https://orochibraru.com/nuvio-web/canary/docs/showcase · Site index: https://orochibraru.com/llms.txt

# Showcase

A tour of Nuvio Web, one screen at a time. Every title below is a
[Blender open movie](https://studio.blender.org/films/), released under Creative
Commons Attribution by the Blender Foundation and streamed from Wikimedia
Commons.

## Signing in

![The sign-in screen](https://orochibraru.com/images/066bded4c409103597fff1baecf4e78054f5387e.webp)

![The sign-up screen](https://orochibraru.com/images/46cba2008030fe811a983791dcd98f125959fe0f.webp)

Sign in with the Nuvio account you already use on your phone, or create one. It
is the same account the mobile app uses.

## Browsing

![The home screen](https://orochibraru.com/images/e5f71f7178da9269a392d586b36d37bb3e6e0c1f.webp)

Home opens on a hero carousel, then continue watching, then one row per addon
catalog. You choose the rows and their order in settings.

![The discover page](https://orochibraru.com/images/738bd4a02edd1e47253e6c3be7f56d8c705eedb7.webp)

Discover browses one catalog at a time; its catalog and genre sit in a filters
drawer.

![Search results](https://orochibraru.com/images/94eed0a652c6ad8fa7340d3c557874b77f4ed2cc.webp)

Search queries every catalog that supports it at once. Before you type it shows
catalog rows to browse, and a filters drawer narrows either by type, genre,
release date and rating.

## A title

![A movie's detail page](https://orochibraru.com/images/23bf365c255a5ab3a461d7f812f27c9472910b49.webp)

![The sources drawer](https://orochibraru.com/images/8b61d3670e721da89422b4121987db00617165a3.webp)

The sources drawer lists every stream your addons return, with the quality
parsed out of their labels, and where the title is available to stream legally.

## Your stuff

![The library](https://orochibraru.com/images/e6ce2b3a29edd6b46568bbe0b7ca9174050f92dc.webp)

![Collections](https://orochibraru.com/images/d26d80da3e5120d132d0d0ccacf3b5fbd4febb8e.webp)

![A collection](https://orochibraru.com/images/5679579027d605f00a675e6301fe01d8014ca3ee.webp)

Library and collections are yours to curate. They sync with the mobile app.

![Watch history](https://orochibraru.com/images/24635bfb018bf09d7b039b118ef21e611393f769.webp)

![Watch stats](https://orochibraru.com/images/a3d0439c336e62ae9590b968758a04ea6acf42c4.webp)

History and stats come from what you actually watched.

## Settings

![Settings](https://orochibraru.com/images/7822f275dcd571aa3e0f190e1467ba71a1fb23d0.webp)

![Addons](https://orochibraru.com/images/22fc5ae1c923672205255a452040ec620eb68e10.webp)

Addons are per profile. Install one by URL or pick from the catalog.

![The account page](https://orochibraru.com/images/53def4c66dc821bca24391e94bd1ca44042ce3e9.webp)

## Playback

![The player](https://orochibraru.com/images/39a6cdc9169fd4461d4e724b802565c12276944e.webp)

The player streams in the browser, with subtitles and intro / outro skipping, or
casts to a TV, or hands the link off to a native app: pick VLC, Infuse,
Outplayer, VidHub or IINA in settings and a chosen source opens there.

## On a phone

![Home on a phone](https://orochibraru.com/images/939190c1aa09f7a691077257830d9a3a62aaac90.webp)

![The sources sheet](https://orochibraru.com/images/13f07eca6829f515ac8d17a7352f9b7ec201c782.webp)

![Library filters](https://orochibraru.com/images/563e5ed806e584b590399d399642f50433704465.webp)

![The profile page](https://orochibraru.com/images/74a9ee458519198791e06d1d3f346dfd50c39f8d.webp)

On a phone it behaves like an app: four tabs (Home, Search, Library, Profile), a
hero that fills the screen, and sheets that slide up from the bottom for
sources, filters and a long press on any poster.

## Regenerating the screenshots

```bash
bun run screenshots
```

A Playwright sequence, `e2e/showcase.spec.ts`, outside the normal e2e run. It
shoots every screen in light and dark and writes WebP straight into
`docs/images/` with `Bun.Image` (Playwright runs on Bun here, see
`bunfig.toml`). The dark copy carries a `-dark` suffix; this page references
only the light name and the docs site swaps in the dark one. Each shot asserts
it landed on the right page before capturing, so a redirect or an empty screen
fails the run instead of being published. Review the diff and commit.

It then runs `bun run graphics` (`scripts/feature-graphic.ts`), which frames
`home-dark.webp` in a browser window next to a tagline and writes
`feature-web.webp`, the hero at the top of the README. Run it alone to re-lay
the hero without retaking the shots.

Nothing copyrighted and nothing torrent-backed goes on screen. Before shooting,
the run finds or creates a **Showcase** profile on the e2e test account and
seeds it through the Nuvio API: its only addon is `e2e/showcase-addon`, a static
Stremio addon committed in this repo (six Blender open movies with posters,
stills and VP9 streams on Wikimedia Commons), plus a library, watch progress,
history and a collection built from those films. The seed is idempotent, so
every run starts from the same state.

The instance loads the addon from
`https://raw.githubusercontent.com/orochibraru/nuvio-web/main/e2e/showcase-addon/`,
not from your checkout: addon requests go through the SSRF guard, which refuses
localhost. A change to the fixture shows up in the shots once it is on `main`.

The fixture is plain JSON: a catalog, one `meta` and one `stream` file per film,
and a `search=blender` catalog page so the search shot has results. Add a film
by adding the same entries.
