Build a world-class
Streaming Portal.

User searches "Inception"
        ↓
TMDB /search/movie  →  returns results with id, title, poster_path
        ↓
User clicks a result (id = 27205)
        ↓
TMDB /movie/27205   →  full details: runtime, genres, tagline, imdb_id
        ↓
Render detail page — build embed URL with the id
        ↓
VidCore iframe      →  https://vidcore.net/movie/27205?autoPlay=true

https://api.themoviedb.org/3/configuration?api_key=YOUR_KEY

const TMDB_KEY  = 'YOUR_TMDB_API_KEY';
const TMDB_BASE = 'https://api.themoviedb.org/3';
const IMG_BASE  = 'https://image.tmdb.org/t/p/w500';   // poster images
const IMG_BACK  = 'https://image.tmdb.org/t/p/w1280';  // backdrop images

// tmdb.js — import TMDB_KEY and TMDB_BASE from config.js

/** Search movies by title */
async function searchMovies(query, page = 1) {
  const url = `${TMDB_BASE}/search/movie?api_key=${TMDB_KEY}&query=${encodeURIComponent(query)}&page=${page}`;
  const res = await fetch(url);
  return res.json();  // { results: [...], total_pages, total_results }
}

/** Search TV shows by title */
async function searchTV(query, page = 1) {
  const url = `${TMDB_BASE}/search/tv?api_key=${TMDB_KEY}&query=${encodeURIComponent(query)}&page=${page}`;
  const res = await fetch(url);
  return res.json();
}

/** Get full movie details (including imdb_id, genres, runtime) */
async function getMovie(id) {
  const url = `${TMDB_BASE}/movie/${id}?api_key=${TMDB_KEY}&append_to_response=videos,credits`;
  const res = await fetch(url);
  return res.json();
}

/** Get full TV show details */
async function getTV(id) {
  const url = `${TMDB_BASE}/tv/${id}?api_key=${TMDB_KEY}&append_to_response=videos,credits`;
  const res = await fetch(url);
  return res.json();
}

/** Trending this week — media_type: 'movie' | 'tv' | 'all' */
async function getTrending(mediaType = 'all', window = 'week') {
  const url = `${TMDB_BASE}/trending/${mediaType}/${window}?api_key=${TMDB_KEY}`;
  const res = await fetch(url);
  return res.json();
}

/** Build a full poster URL from a TMDB poster_path */
function posterURL(path, size = 'w500') {
  return path ? `https://image.tmdb.org/t/p/${size}${path}` : 'assets/no-poster.webp';
}

# Basic usage with IMDB ID
https://vidcore.net/movie/tt6263850?autoPlay=true

# With custom theme color (hex, no #)
https://vidcore.net/movie/533535?theme=16A085

# With autoplay and subtitles
https://vidcore.net/movie/533535?autoPlay=true&sub=en

function buildMovieEmbed(id, options = {}) {
  const params = new URLSearchParams({
    autoPlay: true,
    ...(options.theme  && { theme: options.theme }),
    ...(options.sub    && { sub:   options.sub   }),
    ...(options.server && { server: options.server }),
  });
  return `https://vidcore.net/movie/${id}?${params}`;
}

function renderMoviePlayer(containerId, movieId) {
  const el = document.getElementById(containerId);
  el.innerHTML = `
    <iframe
      src="${buildMovieEmbed(movieId)}"
      style="width:100%;height:100%;border:none;"
      allowfullscreen
      sandbox="allow-scripts allow-same-origin allow-forms allow-pointer-lock"
    ></iframe>
  `;
}

// Example usage after fetching from TMDB:
const movie = await getMovie(533535);
renderMoviePlayer('player-container', movie.id);

# Basic — Breaking Bad, Season 1, Episode 5
https://vidcore.net/tv/tt4052886/1/5?autoPlay=true

# With auto-next episode button
https://vidcore.net/tv/63174/1/5?nextButton=true&autoNext=true

# With theme and autoplay
https://vidcore.net/tv/63174/2/1?theme=16A085&autoPlay=true

function buildTVEmbed(id, season, episode, options = {}) {
  const params = new URLSearchParams({
    autoPlay: true,
    nextButton: true,
    autoNext: true,
    ...(options.theme && { theme: options.theme }),
    ...(options.sub   && { sub:   options.sub   }),
  });
  return `https://vidcore.net/tv/${id}/${season}/${episode}?${params}`;
}

/** Fetch season details from TMDB (returns episode list) */
async function getSeason(showId, seasonNum) {
  const url = `${TMDB_BASE}/tv/${showId}/season/${seasonNum}?api_key=${TMDB_KEY}`;
  const res = await fetch(url);
  return res.json();  // { episodes: [{episode_number, name, overview, still_path}] }
}

// Usage: load Season 1 Episode 1 of show with TMDB id 63174
const season = await getSeason(63174, 1);
const ep = season.episodes[0];  // first episode

document.getElementById('player').src =
  buildTVEmbed(63174, 1, ep.episode_number);

# Movie — themed, English subs, autoplay, server selector hidden
https://vidcore.net/movie/533535?autoPlay=true&theme=c0392b&sub=en&hideServer=true

# TV show — auto-next, themed, French subs
https://vidcore.net/tv/63174/3/1?autoPlay=true&nextButton=true&autoNext=true&theme=8e44ad&sub=fr

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>StreamSite</title>
  <script src="config.js"></script>  <!-- TMDB_KEY, TMDB_BASE, IMG_BASE -->
</head>
<body>

  <input id="q" placeholder="Search movies..." oninput="search(this.value)">
  <div id="results"></div>

  <!-- Modal for fullscreen player -->
  <div id="modal" style="display:none;position:fixed;inset:0;background:#000;z-index:999">
    <button onclick="closeModal()" style="position:absolute;top:12px;right:16px;z-index:1000;...">✕</button>
    <iframe id="player" style="width:100%;height:100%;border:none"
      allowfullscreen
      sandbox="allow-scripts allow-same-origin allow-pointer-lock allow-forms"
    ></iframe>
  </div>

  <script>
    let timer;

    // Debounced search
    function search(q) {
      clearTimeout(timer);
      if (q.trim().length < 2) return;
      timer = setTimeout(async () => {
        const url  = `${TMDB_BASE}/search/movie?api_key=${TMDB_KEY}&query=${encodeURIComponent(q)}`;
        const data = await (await fetch(url)).json();
        renderResults(data.results);
      }, 400);
    }

    function renderResults(movies) {
      document.getElementById('results').innerHTML =
        movies.map(m => `
          <div class="card" onclick="openMovie(${m.id})">
            <img src="${IMG_BASE}${m.poster_path}" loading="lazy" alt="${m.title}">
            <h3>${m.title}</h3>
            <p>${m.release_date?.slice(0,4) || ''} · ⭐ ${m.vote_average?.toFixed(1)}</p>
          </div>
        `).join('');
    }

    function openMovie(id) {
      const src = `https://vidcore.net/movie/${id}?autoPlay=true`;
      document.getElementById('player').src = src;
      document.getElementById('modal').style.display = 'block';
    }

    function closeModal() {
      document.getElementById('player').src = '';  // stop playback
      document.getElementById('modal').style.display = 'none';
    }

    // Load trending movies on page load
    (async () => {
      const url  = `${TMDB_BASE}/trending/movie/week?api_key=${TMDB_KEY}`;
      const data = await (await fetch(url)).json();
      renderResults(data.results);
    })();
  </script>
</body>
</html>