Beispiele und Demos

Alle in der Dokumentation zur Embedded Viewer API enthaltenen Beispiele sind unten als Kurzreferenz aufgeführt. Darüber hinaus sind weitere Demos enthalten, um erweiterte Konzepte zu veranschaulichen.

Beispiele aus dem Entwicklerhandbuch

Diese grundlegenden Beispiele finden Sie im Entwicklerhandbuch und decken die häufigsten Verwendungen der Embedded Viewer API ab.

  • book-simple
    Das „Hello, World“-Beispiel für die Embedded Viewer API. In diesem Beispiel wird gezeigt, wie die API geladen und ein Viewer mit einem bestimmten Buch gezeichnet wird.
  • book-language
    In diesem Beispiel wird gezeigt, wie Sie die Sprache der Benutzeroberfläche des Nutzers ändern, in diesem Fall zu brasilianischem Portugiesisch.
  • book-notfound
    Hier erfahren Sie, wie Sie eine Callback-Funktion hinzufügen, die aufgerufen wird, wenn der Betrachter das angegebene Buch nicht laden konnte. Sie können auf diesem Beispiel aufbauen, um mit solchen Bedingungen umgehen zu können.
  • book-success
    Hier wird gezeigt, wie eine Callback-Funktion hinzugefügt wird, die aufgerufen wird, wenn der Betrachter ein Buch erfolgreich initialisiert hat und nun programmatisch bearbeitet werden kann.
  • book-animate
    Um zu veranschaulichen, wie der Viewer programmatisch mit JavaScript gesteuert werden kann, wird eine Vorschau angezeigt, bei der automatisch alle drei Sekunden zur nächsten Seite gewechselt wird.

Programmatische Steuerung des Zuschauers

Mit dem Viewer können Sie fast alles programmieren, was der Nutzer tun kann, indem er mit dem Betrachter interagiert. Die folgenden Beispiele zeigen, wie dies von Nutzen sein kann.

  • book-interactions-controls
    In diesem Beispiel sind alle vom Betrachter unterstützten Interaktionsmethoden aufgeführt, einschließlich der Funktionen zoom, nextPage, goToPage und Hervorhebung.
  • book-interactions-openatpage
    Erläutert das automatische Öffnen einer Buchanzeige auf einer bestimmten Seite mithilfe von Callbacks und der Funktion „goToPage“.

Beim Erstellen erweiterter Anwendungen kann es hilfreich sein, die Embedded Viewer API mit der Books API oder der Funktion Dynamic Links zu kombinieren. Es kann beispielsweise nützlich sein, im Voraus zu wissen, ob eine bestimmte Vorschau zum Einbetten verfügbar ist. So lässt sich z. B. festlegen, ob der Nutzer die Option zum Öffnen eines Vorschaufensters auf deiner Website hat. Oder wenn Sie die ID eines bestimmten Buches nicht kennen und zuerst über die Books API nach dem Buch suchen möchten. Die folgenden Beispiele zeigen, wie diese Vorgänge ausgeführt werden.

  • book-dynamiclinks-zippy
    Hier prüfen wir zuerst, ob ein Buch eingebettet werden kann. Falls und nur wenn verfügbar, rendern wir ein Vorschau-Zippy. Wenn darauf geklickt wird, wird die Buchvorschau inline angezeigt.
  • booksapi-titlesearch
    In diesem Beispiel können Sie einen eingebetteten Viewer öffnen, indem Sie einfach eine Suchanfrage für ein Buch eingeben. Für die eingegebene Abfrage wird automatisch das erste einbettbare Ergebnis angezeigt. Dabei wird das JSON-Ausgabeformat der Data API für den Zugriff auf die Suchergebnisse verwendet.