To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.
Dla streamerów i narzędzi do streamingu, które wypełniają baner offline kanału albo ekran „zaraz zaczynamy”. Twitch chce 1920×1080: wyrenderuj rozmiar youtube (1280×720) ze scale: 1.5, a dostaniesz dokładnie tyle. Długi komunikat zmniejsza się, aż się zmieści, widać do siedmiu dni z planu (resztę jako „+N”) i cztery linki. Bez background ekran staje się ciemnym pokojem z siatką podłogi w kolorze akcentu; bez avatar w kółku stają inicjały kanału. W szerokich kadrach awatar stoi obok nazwy kanału, a dni w jednym rzędzie; w kwadracie większy awatar stoi nad komunikatem; w pionie plan zamienia się w rozkład w wierszach.
Pola
Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.
| Pole | Typ | Opis | Przykład |
|---|---|---|---|
channel |
tekst | Nazwa kanału obok awatara. | NorthwindPlays |
message |
tekst | Główny komunikat, np. Wracamy we wtorek o 20:00. domyślnie: Back soon | Back Tuesday at 8 PM CET |
schedule |
tekst |
Dni transmisji rozdzielone ;, każdy jako dzień|godzina, np. Wt|20:00;Czw|20:00;Sob|14:00. Widać siedem.
|
Tue|8 PM;Thu|8 PM;Sat|2 PM |
socials |
tekst |
Linki rozdzielone ;, każdy jako serwis|nazwa albo sama nazwa, np. YouTube|northwindplays;Discord|nwnd.gg/play. Widać cztery.
|
YouTube|northwindplays;X|@northwindplays;Discord|nwnd.gg/play |
avatar |
adres obrazka | Awatar kanału, okrągły; dostaje szarą kropkę „offline”. | https://example.com/images/b09-streamer.png |
background |
adres obrazka | Grafika kanału za ekranem, przyciemniona; najlepiej 16:9. | https://example.com/images/b09-stream-bg.png |
accent |
kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #9146ff | #9146ff |
theme |
dark | light | Schemat kolorów: dark albo light. | — |
Wyrenderuj go jednym żądaniem
Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.
curl -X POST "https://shareglint.com/v1/images?wait=true" \
-H "Authorization: Bearer sk_live_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "twitch-offline",
"modifications": {
"channel": "NorthwindPlays",
"message": "Back Tuesday at 8 PM CET",
"schedule": "Tue|8 PM;Thu|8 PM;Sat|2 PM",
"socials": "YouTube|northwindplays;X|@northwindplays;Discord|nwnd.gg/play",
"avatar": "https://example.com/images/b09-streamer.png",
"background": "https://example.com/images/b09-stream-bg.png"
}
}'Albo wklej podpisany adres w og:image
Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.
<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/twitch-offline.png?channel=NorthwindPlays&message=Back%20Tuesday%20at%208%20PM%20CET&schedule=Tue%7C8%20PM%3BThu%7C8%20PM%3BSat%7C2%20PM&socials=YouTube%7Cnorthwindplays%3BX%7C%40northwindplays%3BDiscord%7Cnwnd.gg%2Fplay&s=YOUR_SIGNATURE">Dopasuj do siebie
accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.
curl -X POST "https://shareglint.com/v1/templates/library/twitch-offline/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"Więcej szablonów: Podcasty, muzyka i książki
Odcinek podcastu
Premiera książki
Premiera muzyczna
Cytat z podcastu (audiogram)
Polecana książka
Gość podcastu
Teraz gra
Karta z tekstem piosenki
Ocena filmu
Wszystkie szablony w kategorii Podcasty, muzyka i książki (10) → · Wszystkie szablony →