Alle Beispiele in der Dokumentation zur Embedded Viewer API sind unten aufgeführt. Außerdem werden eine Reihe zusätzlicher Demos hinzugefügt, um erweiterte Konzepte zu veranschaulichen.
Beispiele aus dem Entwicklerhandbuch
Diese grundlegenden Beispiele werden im Entwicklerhandbuch beschrieben und decken die häufigsten Anwendungsfälle der Embedded Viewer API ab.
- book-simple
Das „Hello, World“-Beispiel der Embedded Viewer API. In diesem Beispiel wird gezeigt, wie die API geladen und ein Betrachter mit einem bestimmten Buch gezeichnet wird. - book-language
In diesem Beispiel wird gezeigt, wie Sie die Sprache der Benutzeroberfläche des Zuschauers ändern, in diesem Fall in brasilianisches Portugiesisch. - book-notfound
Hier wird gezeigt, 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 solche Bedingungen reibungslos zu verarbeiten. - book-success
Hier sehen Sie, wie Sie eine Callback-Funktion hinzufügen, die aufgerufen wird, wenn der Betrachter erfolgreich mit einem Buch initialisiert wurde und bereit ist, programmatisch zu bearbeiten. - Buchanimation
In einer Vorschau wird automatisch alle drei Sekunden zur nächsten Seite gewechselt, um zu veranschaulichen, wie der Betrachter mithilfe von JavaScript programmatisch gesteuert werden kann.
Programmatische Kontrolle des Betrachters
Der Betrachter ermöglicht Ihnen, fast alles zu tun, was der Nutzer tun kann, indem er mit dem Betrachter interagiert. Die Beispiele unten zeigen, wie das funktioniert.
- book-interactions-controls
In diesem Beispiel werden alle vom Zuschauer unterstützten Interaktionsmethoden aufgelistet, einschließlich Zoom, nächster Seite, goToPage und Hervorhebungsfunktionen. - book-interactions-openatpage
Hier sehen Sie, wie ein Buchbetrachter auf einer bestimmten Seite mithilfe von Callbacks und der Funktion „goToPage“ automatisch geöffnet wird.
Mit der Books API und dynamischen Links kombinieren
Bei der Erstellung erweiterter Anwendungen kann es hilfreich sein, die Embedded Viewer API mit der Books API oder der Funktion Dynamische Links zu kombinieren. Beispielsweise kann es hilfreich sein, im Voraus zu wissen, ob eine bestimmte Vorschau für die Einbettung verfügbar ist, z.B. um dem Nutzer die Möglichkeit zu geben, ein Vorschaufenster auf Ihrer Website zu öffnen. Vielleicht kennen Sie auch die ID eines bestimmten Buchs nicht und möchten es erst über die Books API nachschlagen. Die folgenden Beispiele zeigen, wie diese Vorgänge ausgeführt werden.
- book-dynamiclinks-zippy
Hier prüfen wir, ob zuerst ein Buch zum Einbetten verfügbar ist. Falls und nur falls verfügbar, wird ein „zippy zippy“ angezeigt, das beim Anklicken die Buchvorschau inline anzeigt. - booksapi-titlesearch
In diesem Beispiel können Sie eine eingebettete Suchanfrage öffnen, indem Sie einfach eine Suchanfrage für ein Buch eingeben. Es zeigt automatisch das erste einbettbare Ergebnis der eingegebenen Abfrage an. Dadurch wird das JSON-Ausgabeformat der Data API verwendet, um auf die Suchergebnisse zuzugreifen.