Wie verwende ich das TLCDN?

Das Transloadit Content Delivery Network (TLCDN) ist ein Smart CDN, mit dem Sie Ihre Mediendateien wie Bilder, Videos und Dokumente in Echtzeit dynamisch transformieren und ausliefern können. So verwenden Sie das TLCDN:

Ihre Dateien hosten

Speichern Sie Ihre Originaldateien in Ihrer eigenen Cloud-Storage-Lösung, beispielsweise in einem Amazon-S3-Bucket.

Ein Template erstellen

Erstellen Sie ein Transloadit Template, das die Anweisungen für Import, Transcoding und Auslieferung Ihrer Mediendateien definiert. Dieses Template kann verschiedene Robots (z. B. /image/resize, /document/convert) und deren jeweilige Einstellungen enthalten. Unten finden Sie ein einfaches Template zur Bildtransformation.

{
  "steps": {
    "imported": {
      "robot": "/s3/import",
      "credentials": "my-s3-credentials",
      "path": "/images/${fields.input}"
    },
    "resized": {
      "use": "imported",
      "robot": "/image/resize",
      "width": "${fields.w}"
    },
    "served": {
      "use": "resized",
      "robot": "/file/serve"
    }
  }
}

In Ihrem Template können Sie Assembly Variables (z. B. ${fields.w}) verwenden, um die Transformationseinstellungen anhand der über die TLCDN-URL übergebenen Abfrageparameter anzupassen.

Transformationen anfordern

Um eine Transformation anzufordern, erstellen Sie eine TLCDN-URL im folgenden Format:

https://[your-workspace].tlcdn.com/[template-name]/[file-path]?[parameters]

Wenn jemand diese URL aufruft, ruft das TLCDN die Originaldatei aus Ihrem Cloud-Storage ab, wendet die in Ihrem Template angegebenen Transformationen mit den bereitgestellten Parametern an und liefert die transformierte Datei aus.

Ersetzen Sie Folgendes:

• your-workspace durch den Namen Ihres Transloadit-Workspaces
• template-name durch den Namen Ihres Templates
• file-path durch den Pfad zur Datei, die Sie transformieren möchten
• parameters durch die gewünschten Transformationsparameter (z. B. ?w=730, um die Breite auf 730 Pixel festzulegen)

Optional können Sie die URL um eine Ablaufzeit und eine Signatur erweitern, damit Außenstehende die URL und ihre Parameter nicht manipulieren können. Weitere Informationen zum Erzeugen einer korrekt gehashten Signatur finden Sie in unserer ausführlichen Anleitung.

Wenn alles zusammengesetzt ist, erhalten Sie ebenso schnelle Transformationen wie in der Demo unten.

my-app.tlcdn.com/resize-img/canoe.jpg?w=550

Bildbreite anpassen (aktuell 550 px)

Vorschau wird geladen…