Przykłady i prezentacje
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wszystkie przykłady zawarte w zestawie dokumentacji Embedded Viewer API znajdziesz poniżej. Oprócz tego dodaliśmy wiele dodatkowych wersji demonstracyjnych ilustrujących zaawansowane koncepcje.
Przykłady z przewodnika dla programistów
Te podstawowe przykłady można znaleźć w przewodniku dla programistów i obejmują najczęstsze zastosowania interfejsu Embedded Wyświetlający API.
- book-simple
Przykład interfejsu Embedded Preview API w polu „Hello, World” pokazuje, jak wczytać interfejs API i wyświetlić przeglądającego konkretną książkę.
- book-language
Ten przykład pokazuje, jak zmienić język interfejsu użytkownika, w tym przypadku na brazylijski portugalski.
- book-not found
Pokazuje, jak dodać funkcję wywołania zwrotnego, która jest wywoływana, gdy użytkownik nie może wczytać określonej książki. Możesz wykorzystać ten przykład, aby płynnie radzić sobie z takimi warunkami.
- book-success
Pokazuje, jak dodać funkcję wywołania zwrotnego, która jest wywoływana, gdy użytkownik zainicjuje książkę i jest gotowy do programowych działań.
- book-animate
Aby pokazać, jak można automatycznie sterować przeglądarką za pomocą JavaScriptu, wyświetla się podgląd, który co 3 sekundy automatycznie przełącza się na następną stronę.
Automatyczna kontrola nad przeglądającym
Wyświetlający umożliwiają korzystanie z kodu niemal tak samo jak użytkownik wchodzący w interakcję z nim. Poniższe przykłady pokazują, jak to może być przydatne.
- book-interactions-controls
Ten działający przykład zawiera wyliczanie wszystkich metod interakcji obsługiwanych przez przeglądarkę, w tym funkcji zoom, nextPage, goToPage i podświetlania.
- book-interactions-openatpage
Pokazuje, jak automatycznie otwierać przeglądarkę książki na określonej stronie przy użyciu wywołań zwrotnych i funkcji goToPage.
Łączenie z interfejsem Books API i linkami dynamicznymi
Podczas tworzenia zaawansowanych aplikacji warto połączyć interfejs Embedded Wyświetlający API z funkcją Books API lub Linki dynamiczne. Na przykład można z wyprzedzeniem dowiedzieć się, czy dany podgląd będzie dostępny do umieszczenia (np. aby określić, czy użytkownik ma możliwość otwarcia okna podglądu w Twojej witrynie). Możesz też nie znać identyfikatora konkretnej książki i chcesz ją najpierw „wyszukać” za pomocą interfejsu Books API. Poniższe przykłady pokazują, jak wykonywać te operacje.
- book-dynamiclinks-zippy
Najpierw sprawdzamy, czy książkę można umieścić na stronie. Jeśli ta funkcja jest dostępna, renderujemy „wypełnienie podglądu książki”, które po kliknięciu wyświetla wbudowany podgląd książki.
- booksapi-titlesearch
Ten przykład umożliwia otwarcie umieszczonej przeglądarki przez wpisanie zapytania dotyczącego książki. Dla wpisanego zapytania automatycznie wyświetli się pierwszy wynik do umieszczenia na stronie. Do uzyskiwania dostępu do wyników wyszukiwania używany jest format wyjściowy JSON interfejsu Data API.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2024-06-28 UTC.
[null,null,["Ostatnia aktualizacja: 2024-06-28 UTC."],[[["\u003cp\u003eThis documentation provides a comprehensive list of examples for Google Books Embedded Viewer API.\u003c/p\u003e\n"],["\u003cp\u003eExamples cover basic viewer setup, language settings, error handling, and programmatic control functionalities.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can learn to integrate the viewer with the Books API and Dynamic Links for advanced functionalities.\u003c/p\u003e\n"],["\u003cp\u003eSample code demonstrates interactions like zooming, navigation, and highlighting within the embedded viewer.\u003c/p\u003e\n"],["\u003cp\u003eUse cases include creating book previews, searching for books, and handling embedding availability.\u003c/p\u003e\n"]]],[],null,["# Examples and Demos\n\nAll of the examples contained within the Embedded Viewer API documentation set are listed below for quick reference. In addition, a number of additional demos are included to illustrate advanced concepts.\n\nExamples from the Developer's Guide\n-----------------------------------\n\nThese basic examples appear in the [Developer's Guide](/books/docs/viewer/developers_guide) and cover the most common uses of the Embedded Viewer API.\n\n- [book-simple](/books/docs/viewer/examples/book-simple) \n The \"Hello, World\" example of the Embedded Viewer API, this example indicates how to load the API and draw a viewer with a particular book.\n- [book-language](/books/docs/viewer/examples/book-language) \n This example shows how to change the viewer's interface language, in this case to Brazilian Portuguese.\n- [book-notfound](/books/docs/viewer/examples/book-notfound) \n This shows how to add a callback function which is called when the viewer could not load the specified book. You can build on this example to gracefully handle such conditions.\n- [book-success](/books/docs/viewer/examples/book-success) \n This shows how to add a callback function which is called when the viewer has successfully initialized with a book and is ready to be manipulated programatically.\n- [book-animate](/books/docs/viewer/examples/book-animate) \n To illustrate how the viewer can be controlled programmatically using JavaScript, a preview is shown which automatically flips to the next page every 3 seconds.\n\nProgrammatic control of the viewer\n----------------------------------\n\nThe viewer allows you to do with code almost anything the user can do by interacting with the the viewer. The examples below show how this might be useful.\n\n- [book-interactions-controls](/books/docs/viewer/examples/book-interactions-controls) \n This working example enumerates all the interaction methods supported by the viewer, including zoom, nextPage, goToPage, and highlighting functions.\n- [book-interactions-openatpage](/books/docs/viewer/examples/book-interactions-openatpage) \n Shows how to automatically open a book viewer on a particular page, using callbacks and the goToPage function.\n\nCombining with the Books API and Dynamic Links\n----------------------------------------------\n\nWhen building advanced applications, you may find it useful to combine\nthe Embedded Viewer API with either the [Books API](/books/docs/v1/getting_started) or the\n[Dynamic Links](/books/docs/dynamic-links)\nfeature. For example, it may be useful to know in advance whether a particular\npreview will be available for embedding (e.g., to determine whether to give the\nuser the option to open a preview window on your site). Or, you may not know the\nidentifier for a particular book, and want to first \"look it up\" using the Books\nAPI. The examples below indicate how to perform these operations.\n\n- [book-dynamiclinks-zippy](/books/docs/viewer/examples/book-dynamiclinks-zippy) \n Here we check whether a book is available for embedding first. If and only if it is available, we render a \"preview zippy,\" which, when clicked, shows the book preview inline.\n- [booksapi-titlesearch](/books/docs/viewer/examples/booksapi-titlesearch) \n This example allows you open an embedded viewer by simply entering a search query for a book. It will automatically show the first embeddable result for the query you enter. This uses the JSON output format of the Data API to access the search results."]]
