PDF-Flipbook in TYPO3 – ohne Ghostscript, ohne Imagick, ohne Serveraufwand
Typo3

PDF-Flipbook in TYPO3 – ohne Ghostscript, ohne Imagick, ohne Serveraufwand

Yannick Aister 3 min read 29 Views

PDFs im Browser blättern – ohne Serveraufwand

Broschüren, Kataloge, Preislisten – viele Unternehmen haben Dokumente die mehr als nur ein PDF-Link verdienen. Ein Flipbook das sich wie ein echtes Heft anfühlt, macht den Unterschied zwischen "herunterladen und weglegen" und "durchblättern und hängenbleiben".

Ich habe eine TYPO3-Extension gebaut, die genau das ermöglicht – und zwar ohne die üblichen Server-Abhängigkeiten die solche Lösungen sonst kompliziert machen.

Das Problem mit klassischen PDF-Flipbook-Lösungen

Die meisten Flipbook-Lösungen für CMS-Systeme funktionieren so: das PDF wird beim Upload serverseitig in einzelne Bilder umgewandelt. Dafür braucht man Tools wie Imagick oder Ghostscript auf dem Server – Software die auf Shared Hosting oft nicht verfügbar ist, auf Managed Hosting nicht installiert werden darf, und auf jedem Server anders konfiguriert sein kann.

Das Ergebnis: Extensions die auf dem eigenen Rechner funktionieren, beim Kunden aber nicht laufen. Oder Lösungen die einen dedizierten Server voraussetzen.

Mein Ansatz: alles im Browser

Die aistea FlippingBook Extension für TYPO3 v14 macht das anders. Es gibt keine serverseitige PDF-Konvertierung, keine Shell-Befehle, keine externen Abhängigkeiten. Das PDF wird direkt im Browser des Besuchers gerendert – mit pdf.js von Mozilla und StPageFlip für die Blätter-Animation.

Was das in der Praxis bedeutet:

  • Funktioniert auf jedem Hosting – Shared, Managed, VPS, alles
  • Kein Installationsaufwand auf dem Server
  • Kein Ghostscript, kein Imagick, keine Shell-Rechte nötig
  • Alle Vendor-Assets liegen lokal in der Extension – keine externen CDN-Abhängigkeiten

So sieht es aus

Auf dem Desktop bekommt der Besucher ein vollständiges Flipbook mit echter Blätter-Animation – Seiten die sich umschlagen, ein optionaler Vollbildmodus und ein Download-Button. Die erste und letzte Seite können als harte Buchdeckel markiert werden für einen noch realistischeren Look.

Auf Mobilgeräten schaltet die Extension automatisch in einen Scroll-Modus um: Seiten werden inkrementell nachgeladen, keine langen Ladezeiten, kein reservierter Leerraum für das ganze Dokument auf einmal. Wer auf dem Smartphone dennoch das Blätter-Erlebnis will, kann auch dort den Flip-Modus aktivieren.

Für Redakteure: einfach wie ein Bild einbinden

Im TYPO3-Backend gibt es ein eigenes Content-Element Aistea FlippingBook. PDF hochladen, optional ein Coverbild wählen, fertig. Wer möchte, kann Breite, Höhe, Startseite, Theme und Schattenintensität anpassen – muss aber nicht. Die Standardwerte funktionieren für die meisten Anwendungsfälle direkt.

Wofür eignet sich die Extension?

  • Produktkataloge und Broschüren
  • Jahresberichte und Geschäftsberichte
  • Preislisten und Prospekte
  • Präsentationen die online durchgeblättert werden sollen
  • Magazine und Kundenmagazine

Nicht ideal für sehr lange PDFs mit hunderten Seiten – hier steigt der Speicherbedarf im Browser. Für Broschüren, Kataloge und Präsentationen bis ca. 50–60 Seiten ist die Extension bestens geeignet.

Verfügbarkeit

Die Extension ist Open Source und auf GitHub verfügbar. Sie erfordert TYPO3 v14 und wird als Composer-Paket installiert. Bei Fragen zur Integration in ein bestehendes TYPO3-Projekt bin ich gerne erreichbar.

Zusammengefasst

  1. PDF-Flipbook als TYPO3 Content Element – ohne Ghostscript, Imagick oder Shell-Befehle
  2. Rendering läuft vollständig im Browser mit pdf.js und StPageFlip
  3. Funktioniert auf jedem Hosting-Typ
  4. Desktop: echte Blätter-Animation mit Vollbild und Download
  5. Mobile: inkrementeller Scroll-Modus für schnelles Laden
  6. Open Source, TYPO3 v14, Installation per Composer

Leave a comment