Wechsel von Cloudinary, Filestack, Mux oder Uploadcare
Bündeln Sie Uploads, die Größenänderung von Bildern, Video-Encoding und Dokumentvorschauen in einer versionierten Pipeline. Die Dateien bleiben in einem Speicher, den Sie kontrollieren. Unsere Migrationsanleitungen zeigen, wie Sie Workflows von Cloudinary, Filestack, Mux und Uploadcare auf Transloadit abbilden, vorhandene Dateien mitnehmen und den Traffic schrittweise umstellen.
Jede Anleitung ordnet Upload- und Verarbeitungsworkflows zu, bietet Beispiel-Templates, erklärt den Import vorhandener Quellen und enthält eine Checkliste für die Umstellung.
- Von Cloudinary migrieren: Upload-Voreinstellungen, feste und vorab ausgeführte Transformationen, Dateiinventar und das Ersetzen von Auslieferungsreferenzen
- Von Filestack migrieren: Callbacks der Dateiauswahl, MIME-Routing für Bilder und PDFs, statische Vorschauen und Abgleich unvollständiger Exporte vor einem erneuten Versuch
- Von Mux migrieren: direkte Uploads, vorab oder bei Bedarf erzeugtes HLS, Posterbilder, aufbewahrte Originale oder temporäre Masterdateien und Änderungen der Wiedergabe-IDs
- Von Uploadcare migrieren: Callbacks des Dateiuploaders, Anleitungen für CDN-Vorgänge, optimierte Bildvarianten und separate Metadaten- und Dateigruppeneinträge
Ordnen Sie zuerst die Konzepte zu
Bei Transloadit führt ein Robot den jeweiligen Verarbeitungs-Step aus. Zusammen bilden die Steps Ihre Assembly Instructions. Sie können diese Anweisungen als Template speichern und für jeden Upload oder Import als Assembly ausführen. So greifen Upload und Verarbeitung ineinander:
| Was Sie heute nutzen | Was Sie bei Transloadit erhalten |
|---|---|
| Cloudinary-Upload-Voreinstellung, Filestack-Workflow | Ein wiederverwendbares Template, referenziert mit template_id |
| Erstellen eines Mux-Assets | Eine Assembly, die Ihre Videopipeline ausführt |
| Transformations-URL oder CDN-Vorgang | Verarbeitungs-Steps oder signierte Smart CDN-URLs |
| Upload-Widget oder Dateiauswahl | Uppy mit seinem Transloadit-Plugin und fortsetzbaren Uploads |
| Webhook zum Abschluss der Verarbeitung | Assembly Notifications nach Abschluss der Verarbeitung |
| Dateispeicher beim Anbieter | Ergebnisse, die mit /s3/store direkt in Ihren Bucket exportiert werden |
| Mux-Wiedergabe-URL | Ein HLS-Paket aus /video/adaptive, das über Ihr CDN ausgeliefert wird |
Templates bestehen aus JSON. Wie in den Anleitungen empfohlen, können Sie Verarbeitungsregeln daher neben Ihrem Anwendungscode in der Versionsverwaltung aufbewahren. Prüfen Sie Änderungen gemeinsam mit Ihrem Anwendungscode und verwenden Sie Verarbeitungsregeln für neue Uploads und Backfills wieder.
Eine Transformation, vier Anbieter
Für die drei Bildanbieter sehen Sie hier ein quadratisches WebP-Thumbnail mit 400×400 in der Syntax des jeweiligen Anbieters und die entsprechende Transloadit-Variante. Bei Mux vergleichen wir eine Posterbild-Anfrage bei fünf Sekunden innerhalb eines Rahmens von 640×360.
| Anbieter | Vorher | Nachher |
|---|---|---|
| Cloudinary | c_fill,w_400,h_400,f_webp | /image/resize mit fillcrop und webp |
| Uploadcare | -/scale_crop/400x400/center/-/format/webp/ | /image/resize mit fillcrop und webp |
| Filestack | resize=width:400,height:400,fit:crop/output=format:webp | /image/resize mit fillcrop und webp |
| Mux, öffentliche Wiedergabe-ID | thumbnail.jpg?time=5&width=640&height=360 | /video/thumbs mit offsets: [5] und fit |
Diese drei Bildvorgänge skalieren das Bild so, dass es den Rahmen ausfüllt, und schneiden überstehende
Bereiche um die Bildmitte ab.
Genau das bewirkt resize_strategy: "fillcrop" beim
Robot 🤖 /image/resize. Diesen
Step finden Sie auch im Backfill-Beispiel weiter unten. Vergleichen Sie Aussehen und Qualität anhand
Ihrer eigenen Bilder. Eine identische Zuschnittgeometrie bildet die automatische Auswahl von
Format, Qualität oder Fokuspunkt nicht nach.
Für Posterbilder setzen Sie offsets in Sekunden beim
Robot 🤖 /video/thumbs. Der
standardmäßige Einpassmodus von Mux erhält das Seitenverhältnis innerhalb des angeforderten Rahmens.
Kombinieren Sie daher width: 640 und height: 360 mit resize_strategy: "fit".
Die Standardstrategie pad würde stattdessen Balken hinzufügen. Bei einem
Testvideo im Format 4:3 erzeugte dieser Step für uns ein Posterbild mit 480×360.
Nehmen Sie Ihre vorhandenen Dateien mit
Eine Migration ist erst abgeschlossen, wenn auch Ihre vorhandene Sammlung umgezogen ist. Die
Anleitungen erklären, wie Sie Quellen inventarisieren und autorisierte URLs mit dem
Robot 🤖 /http/import
importieren. Sein Parameter url akzeptiert auch ein Array, sodass Sie
Dateien in begrenzten Batches übertragen können. Die Mux-Anleitung zeigt, wie Sie den Eingabe-Step
in ihrem Video-Template ersetzen. Die anderen Anleitungen enthalten Templates für Bild-Backfills.
Hier ist ein ausführbares Beispiel, das zwei öffentliche Bilder importiert und das Thumbnail aus
der Tabelle oben erzeugt. Speichern Sie es als backfill.json:
{
"imported": {
"robot": "/http/import",
"url": [
"https://demos.transloadit.com/inputs/chameleon.jpg",
"https://demos.transloadit.com/inputs/prinsengracht.jpg"
]
},
"thumb": {
"use": "imported",
"robot": "/image/resize",
"width": 400,
"height": 400,
"resize_strategy": "fillcrop",
"format": "webp",
"result": true
}
}
Führen Sie es in Ihrem Terminal mit der CLI aus, die mit unserem
Node.js SDK geliefert wird. Hier wurde sie mit
@transloadit/node 5.1.0 getestet. Nach Abschluss der Assembly gibt sie für jedes
Thumbnail eine URL aus. Die gekürzten URLs unten werden bei Ihrer Ausführung anders aussehen:
$ export TRANSLOADIT_KEY=MY_AUTH_KEY TRANSLOADIT_SECRET=MY_SECRET_KEY
$ npx -y @transloadit/node assemblies create --steps backfill.json --print-urls
STEP NAME URL
thumb chameleon.webp https://pub-….r2.dev/…/….webp
thumb prinsengracht.webp https://pub-….r2.dev/…/….webp
Diese Ergebnis-URLs sind temporär. Dateien werden normalerweise
24 Stunden aufbewahrt und sind für den kurzfristigen Abruf gedacht.
Für den Produktivbetrieb ergänzen die Anleitungen einen Export-Step, etwa mit dem
Robot 🤖 /s3/store und Ihren
eigenen Zugangsdaten. Setzen Sie notify_url in der signierten Assembly-Anfrage,
prüfen Sie die Signaturen der Benachrichtigungen und verlangen Sie ASSEMBLY_COMPLETED.
Lesen Sie vor der Aktualisierung Ihrer Anwendung die Ergebnisse aus den Steps aus, die sie erzeugen,
und prüfen Sie is_temp_url: false, damit Sie dauerhafte Export-URLs speichern.
/http/import rechnet 10 % der importierten Bytes auf die Verarbeitungsnutzung an.
Größenänderung, Metadatenextraktion und jeder Export verursachen zusätzliche Nutzung gemäß unseren
Robot-Preisen.
Behalten Sie dynamische URLs mit dem Smart CDN
Wenn Ihr Frontend Transformations-URLs dynamisch erstellt, müssen Sie nicht alles auf den Zeitpunkt
des Uploads verlagern. Das Smart CDN führt bei der ersten Anfrage
für eine URL ein Template aus und speichert das Ergebnis im Edge-Cache. Dieses Template muss
kompatible Robots verwenden, seinen Antwortzweig mit /file/serve abschließen und
über URLs aufgerufen werden, die Sie in Ihrem Backend signieren.
/image/resize funktioniert dort, /video/encode und
/video/adaptive dagegen nicht. Für Video verweist die Mux-Anleitung auf
/video/ondemand, das HLS erzeugt, wenn Zuschauer es anfordern.
Die Cloudinary-Anleitung empfiehlt, für Seiten mit viel Traffic kanonische Varianten vorab zu erzeugen und für selten abgerufene Sammlungen das Smart CDN zu nutzen. Unser Beitrag Einmal hochladen, immer wieder transformieren (English) erklärt die On-Demand-Einrichtung von Anfang bis Ende.
Was Sie nach dem Wechsel erhalten
- Eine Pipeline für Bilder, Videos und Dokumente. Eine einzelne Assembly kann Dateien importieren, die Größe von Bildern ändern, Videos codieren, Thumbnails von Dokumenten erzeugen und die Ergebnisse exportieren. Die Filestack-Anleitung leitet beispielsweise Bilder und PDFs durch ein einziges Template.
- Eine Nutzungskennzahl für alle Medientypen. Planen Sie die Verarbeitung von Bildern, Videos und Dokumenten mit einer GB-basierten Kennzahl statt mit Videopreisen pro Minute. Die meisten Verarbeitungs-Robots zählen Eingabe- und Ausgabe-Bytes mit jeweils eigenen Rabatten und Mindestgebühren. Sie können monatliche Ausgabenlimits festlegen. Siehe Preise.
- Open-Source-Uploads. Uppy, unser Dateiuploader, und tus-js-client, das sein Tus-Plugin für fortsetzbare Uploads verwendet, sind MIT-lizenzierte Open-Source-Projekte. So können Sie Ihr Upload-Frontend einsehen, forken und erweitern.
- Ihr Speicher, Ihre Regionen. Exportieren Sie Ergebnisse in Ihren eigenen Bucket und wählen Sie für die Datenresidenz die Verarbeitung in den USA, Europa oder im asiatisch-pazifischen Raum. Alternativ nutzen Sie unseren globalen Endpunkt. Konfigurieren Sie Speicher- und Auslieferungsregionen getrennt.
Einen umfassenderen Überblick über die Unterschiede dieser Plattformen bietet unser Vergleich von Medienverarbeitungsplattformen für Startups.
Planen Sie die Änderungen an Ihrer Anwendung
Die Anleitungen behandeln Verarbeitung, Uploads, Speicherung und Benachrichtigungen. Das Kopieren von Medienbytes migriert keine Metadaten, Gruppen, Versionen, Berechtigungen, gehosteten DAM-Kataloge oder CMS-Integrationen. Bewahren Sie diese Einträge auf und bilden Sie das benötigte Anwendungsverhalten nach. Bei Mux müssen Player-Integration, Analysen, Livestreaming, DRM und die Paketierung mehrsprachiger Spuren separat geplant werden. Eine Assembly bildet weder ein Mux-Asset noch eine Wiedergabe-ID nach. Testen Sie Ersatzlösungen für anbieterspezifische Effekte und KI-Workflows separat. Vergleichen Sie anschließend echte Dateien und Zugriffsregeln, bevor Sie den Traffic umstellen.
Die Beispiele in den Anleitungen exportieren in Ihren eigenen Bucket. Transloadit Storage, unser verwalteter Speicher für Originale und Ergebnisse, ist in einer privaten Vorschauphase. Wenn Sie es ausprobieren möchten, bitten Sie uns, es für Ihren Workspace freizuschalten. Der Backfill in diesem Beitrag nutzt temporäre Ergebnisse und erfordert keine Speicherkonfiguration.
Beginnen Sie mit einem Workflow
Wählen Sie Ihren Anbieter im Migrationsindex, inventarisieren Sie einen Workflow, konfigurieren Sie sein Exportziel und testen Sie einige Ihrer eigenen Dateien. Halten Sie die alten Datei-IDs und die Zuordnung für die Auslieferung für ein Rollback bereit, während Sie den Traffic schrittweise umstellen. Registrieren Sie sich, um Ihre Zugangsdaten zu erhalten. Wenn Sie eine zweite Einschätzung zu Ihrer Zuordnung wünschen, kontaktieren Sie uns.