Примеры и демонстрации
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Все примеры, содержащиеся в наборе документации API Embedded Viewer API, перечислены ниже для быстрого ознакомления. Кроме того, включен ряд дополнительных демонстраций для иллюстрации передовых концепций.
Примеры из Руководства разработчика
Эти базовые примеры приведены в Руководстве разработчика и охватывают наиболее распространенные варианты использования API встроенного средства просмотра.
- книга-простая
Пример API встроенного средства просмотра «Hello, World». В этом примере показано, как загрузить API и нарисовать средство просмотра с определенной книгой. - книжный язык
В этом примере показано, как изменить язык интерфейса средства просмотра, в данном случае на бразильский португальский. - книга-не найдена
Здесь показано, как добавить функцию обратного вызова, которая вызывается, когда зритель не может загрузить указанную книгу. Вы можете использовать этот пример, чтобы корректно обрабатывать такие условия. - книга-успех
Здесь показано, как добавить функцию обратного вызова, которая вызывается, когда зритель успешно инициализировал книгу и готов к программному управлению. - книга-анимация
Чтобы проиллюстрировать, как программой просмотра можно управлять программно с помощью JavaScript, показан предварительный просмотр, который автоматически переключается на следующую страницу каждые 3 секунды.
Программное управление просмотрщиком
Средство просмотра позволяет вам делать с кодом практически все, что пользователь может делать, взаимодействуя со средством просмотра. Примеры ниже показывают, чем это может быть полезно.
- книга-взаимодействия-элементы управления
В этом рабочем примере перечислены все методы взаимодействия, поддерживаемые средством просмотра, включая функции масштабирования, nextPage, goToPage и выделения. - книга-взаимодействия-openatpage
Показывает, как автоматически открыть средство просмотра книг на определенной странице, используя обратные вызовы и функцию goToPage.
Объединение с Books API и динамическими ссылками
При создании сложных приложений может оказаться полезным объединить API встроенного средства просмотра с API книг или функцией динамических ссылок . Например, может быть полезно заранее узнать, будет ли конкретный предварительный просмотр доступен для встраивания (например, чтобы определить, следует ли предоставить пользователю возможность открыть окно предварительного просмотра на вашем сайте). Или вы можете не знать идентификатор конкретной книги и хотите сначала «поискать ее» с помощью API книг. В примерах ниже показано, как выполнять эти операции.
- книга-динамические ссылки-зиппи
Здесь мы сначала проверяем, доступна ли книга для встраивания. Если и только если он доступен, мы отображаем «быстрый предварительный просмотр», который при нажатии показывает встроенный предварительный просмотр книги. - книгиsapi-titlesearch
В этом примере вы можете открыть встроенное средство просмотра, просто введя поисковый запрос по книге. Он автоматически покажет первый встраиваемый результат для введенного вами запроса. Для доступа к результатам поиска используется формат вывода JSON Data API.
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2024-10-30 UTC.
[null,null,["Последнее обновление: 2024-10-30 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."]]
