lyric-card

Szablon obrazka OG: Karta z tekstem piosenki

Dwa do czterech wersów piosenki albo wiersza grubym krojem, każdy podkreślony ukośnym pociągnięciem zakreślacza, na rozmytej okładce.

Szablon obrazka Open Graph „Karta z tekstem piosenki” wyrenderowany przez Shareglint
Szablon Karta z tekstem piosenki w rozmiarze square (1080×1080)
Szablon Karta z tekstem piosenki w rozmiarze portrait (1080×1350)
Szablon Karta z tekstem piosenki w rozmiarze story (1080×1920)
Szablon Karta z tekstem piosenki w rozmiarze pinterest (1000×1500)
Szablon Karta z tekstem piosenki w rozmiarze youtube (1280×720)

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 serwisów muzycznych, artystów, wytwórni i wydawców poezji, którzy dzielą się fragmentem. Wersy zmniejszają się razem, aż się zmieszczą; z więcej niż czterech zostają cztery, a ostatni kończy się wielokropkiem. Zakreślacz ma kolor akcentu, a tekst na nim czytelny ciemny albo jasny. Bez cover tło staje się ciemnym, prążkowanym gradientem w kolorze akcentu, a w miejscu okładki pojawia się nuta. W szerokich kadrach ostra kopia okładki opiera się o prawą krawędź; w kwadracie i pionie przechyla się nad wersami, a podpis schodzi na dół.

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
lines tekst Wersy rozdzielone ; (nowa linia też działa), np. We kept the radio on;through the long blue miles. Najlepiej od dwóch do czterech. We kept the radio on;through the long blue miles;every song a window;and the night still ours
song tekst Tytuł piosenki albo wiersza w podpisie. Long Blue Miles
artist tekst Wykonawca albo poeta, po znaku nuty. The Harbor Lights
cover adres obrazka Okładka albumu albo książki; rozmyta w tle i ostra obok wersów. https://example.com/images/b09-album-tides.png
accent kolor Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. domyślnie: #facc15 #facc15
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": "lyric-card",
    "modifications": {
        "lines": "We kept the radio on;through the long blue miles;every song a window;and the night still ours",
        "song": "Long Blue Miles",
        "artist": "The Harbor Lights",
        "cover": "https://example.com/images/b09-album-tides.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/lyric-card.png?artist=The%20Harbor%20Lights&lines=We%20kept%20the%20radio%20on%3Bthrough%20the%20long%20blue%20miles%3Bevery%20song%20a%20window%3Band%20the%20night%20still%20ours&song=Long%20Blue%20Miles&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/lyric-card/copy" \
  -H "Authorization: Bearer sk_live_YOUR_KEY"

Więcej szablonów: Podcasty, muzyka i książki

Wszystkie szablony w kategorii Podcasty, muzyka i książki (10) →  ·  Wszystkie szablony →