Nortex Theater

Vanilla HTML/CSS/JavaScript streaming catalog UI.

Fixing the TMDB 401

TMDB requires a valid API Read Access Token sent as a Bearer token. Put your token in js/config.js:

window.NORTEX_CONFIG = {
  tmdbToken: "YOUR_TMDB_API_READ_ACCESS_TOKEN",
  tmdbLanguage: "en-US",
  imageBase: "https://image.tmdb.org/t/p/"
};

Do not commit private credentials to a public repository. For production, proxy TMDB requests through a server.

GitHub Pages deployment with secrets

1. Create GitHub repository secrets named TMDB_API_KEY and TMDB_TOKEN.
2. Push the repo to GitHub.
3. The GitHub Action in .github/workflows/deploy.yml will generate js/config.js at deploy time using those secrets.

Note: any API token used by client-side JavaScript is visible to end users once the site is loaded. Using secrets prevents them from being stored in your repo history, but it does not make them invisible in the browser.

Included

• Home, movies, TV, search
• Movie/show information
• TV season/episode information
• Recommendations/similar content
• My List
• Full-screen cinematic watch page
• Pink Nortex Theater styling
• Popup/new-window restrictions via iframe sandbox where compatible

Important iframe limitation

A parent webpage cannot reliably inspect, remove ads from, or cancel navigation inside a cross-origin iframe. The updated watch page uses an iframe sandbox that omits allow-popups, which prevents many popup/new-window behaviors, but it can also break functionality that the embedded provider requires. It does not magically remove ads rendered by the provider.

Use a playback provider you are authorized to embed and configure its documented options for autoplay/fullscreen/quality. Do not attempt to bypass provider advertising, access controls, or other restrictions.

The project intentionally does not hard-code a third-party playback source.

4K

The UI can be styled for a 4K-capable experience, but actual 4K depends on the authorized playback source and device. The site cannot turn a 720p stream into genuine 4K.