> For the complete documentation index, see [llms.txt](https://code-after-sex.gitbook.io/script-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://code-after-sex.gitbook.io/script-documentation/cas-advanced-loading-screen/media.md).

# Your own media

Use your own backdrops, videos, music, news pictures and portraits in Advanced Loading Screen, with https links or by rebuilding the Open Source interface.

## With links (Escrow and Open Source)

Any `src`, `image`, `avatar` or track in the config can be an `https://` link:

```lua
{ id = "ranch", label = "THE RANCH", src = "https://your-cdn.com/ranch.jpg" },
```

* **Videos** must be `.webm` (VP8 or VP9). The game's browser does not play `.mp4`.
* Pick a host that allows hot-linking and serves over https.
* Large files slow the first connection; aim for images under 500 KB and music under 2 MB per track.

## Inside the pack (Open Source)

1. Put your files in `web/public/assets/...` (for example `web/public/assets/scenes/ranch.webp`).
2. Rebuild the interface:

   ```
   cd web
   npm install
   npm run build
   ```
3. Point the config at them: `src = "assets/scenes/ranch.webp"`.

`npm start` opens a browser preview with sample data. Useful switches in the address bar:

```
?plate=territory&ink=gold&paper=leather&loader=watch&atmosphere=snow&modal=printshop&progress=62&fresh
```

## Backdrop tips

* 1920 x 1080 or larger, 16:9.
* Keep the left and right edges calm: on the Outlaw plate the columns cover them.
* The duotone treatment turns any picture into your ink colour; full colour shows it as it is.