Pobierz klucz API

Obrazy

Każda ścieżka obrazu w odpowiedzi amodb ładuje się z https://img.amodb.dev/t/p/{size}/{file}. Rozmiary odpowiadają TMDB: w92, w154, w185, w300, w342, w500, w780, w1280, h632 i original. Obrazy nie wymagają klucza i nie liczą się do limitu. Edge trzyma je 30 dni, a /3/configuration zwraca bazowe adresy URL.

Zaktualizowano Zobacz jako Markdown

Wzorzec URL

Text 
https://img.amodb.dev/t/p/{size}/{file}

{file} to ścieżka z pola odpowiedzi, takiego jak poster_path, backdrop_path, profile_path, still_path lub logo_path. Już zaczyna się od /.

Text 
https://img.amodb.dev/t/p/w500/pB8BM7pdSp6B6Ih7QZ4DrQ3PmJK.jpg

Rozmiary

RozmiarSzerokość lub wysokośćDo czego
w9292 px szerokościPodpowiedzi wyszukiwania
w154154 px szerokościGęste listy
w185185 px szerokościSiatki na desktopie, zdjęcia osób
w300300 px szerokościMiniatury teł, Poster z OMDb
w342342 px szerokościSiatki na telefonach z ekranami o dużej gęstości
w500500 px szerokościStrony szczegółów
w780780 px szerokościDuże plakaty, średnie tła
w12801280 px szerokościTła na całą szerokość
h632632 px wysokościZdjęcia osób w pełnej wysokości
originalRozmiar źródłaPobieranie i druk

Plakaty mają proporcje 2:3. Ustaw width i height na <img>, by strona nie przesuwała się podczas ładowania.

Bazowe URL z endpointu konfiguracji

GET /3/configuration zwraca tę samą strukturę co TMDB. Klienty, które budują z niej adresy obrazów, działają bez zmian.

Edge trzyma /3/configuration przez 24 godziny, więc wystarczy odczytywać go raz dziennie.

JSON 
{
  "images": {
    "base_url": "http://img.amodb.dev/t/p/",
    "secure_base_url": "https://img.amodb.dev/t/p/",
    "poster_sizes": ["w92", "w154", "w185", "w342", "w500", "w780", "original"]
  }
}

Obrazy responsywne

JavaScript 
const base = "https://img.amodb.dev/t/p";
const srcset = ["w185", "w342", "w500"]
  .map((size) => `${base}/${size}${movie.poster_path} ${size.slice(1)}w`)
  .join(", ");

const html = `<img src="${base}/w342${movie.poster_path}" srcset="${srcset}"
  sizes="(min-width: 64rem) 185px, 33vw" width="342" height="513"
  alt="${movie.title} poster" loading="lazy">`;

Cache

Obrazy zostają w cache na edge przez 30 dni. Zapisuj ścieżkę pliku razem z rekordem i buduj URL przy renderowaniu, by móc później zmienić rozmiar bez nowych wywołań API.