Ejemplos y demostraciones
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Todos los ejemplos incluidos en el conjunto de documentación de la API de Embedded Viewer se enumeran a continuación como referencia rápida. Además, se incluyen varias demostraciones adicionales para ilustrar conceptos avanzados.
Ejemplos de la Guía para desarrolladores
Estos ejemplos básicos aparecen en la Guía para desarrolladores y abarcan los usos más comunes de la API de visualizador incorporado.
- book-simple
En el ejemplo de "Hello, World" de la API de Embedded Viewer, se indica cómo cargar la API y dibujar un lector con un libro en particular.
- idioma del libro
En este ejemplo, se muestra cómo cambiar el idioma de la interfaz del usuario, en este caso, al portugués de Brasil.
- book-notfound
Se muestra cómo agregar una función de devolución de llamada a la que se llama cuando el lector no puede cargar el libro especificado. Puedes aprovechar este ejemplo para manejar correctamente esas condiciones.
- book-success
Se muestra cómo agregar una función de devolución de llamada a la que se llama cuando el lector se inicializó correctamente con un libro y está listo para manipularse de manera programática.
- book-animate
Para ilustrar cómo se puede controlar el lector de forma programática con JavaScript, se muestra una vista previa que pasa automáticamente a la página siguiente cada 3 segundos.
Control programático del usuario
El visor te permite hacer con código casi cualquier cosa que el usuario pueda hacer interactuando con el visualizador. En los siguientes ejemplos, se muestra cómo esto podría ser útil.
- book-interactions-controls
En este ejemplo práctico, se enumeran todos los métodos de interacción que admite el usuario, incluidas las funciones de zoom, nextPage, goToPage y resaltado.
- book-interactions-openatpage
Muestra cómo abrir automáticamente un lector de libro en una página específica, mediante devoluciones de llamada y la función goToPage.
Cómo combinar con la API de Books y Dynamic Links
Cuando compiles aplicaciones avanzadas, puede resultarte útil combinar la API de visualizador incorporada con la API de Libros o la función de Dynamic Links. Por ejemplo, podría ser útil saber de antemano si una vista previa en particular estará disponible para incorporarla (p.ej., para determinar si se le dará al usuario la opción de abrir una ventana de vista previa en tu sitio). También es posible que no conozcas el identificador de un libro en particular y quieras "buscarlo" primero con la API de Books. En los siguientes ejemplos, se indica cómo realizar estas operaciones.
- book-dynamiclinks-zippy
Aquí verificamos si un libro está disponible para incorporarlo primero. Si solo está disponible, se muestra un "zippy de vista previa", que, al hacer clic en él, muestra la vista previa del libro intercalada.
- booksapi-titlesearch
En este ejemplo, puedes abrir un lector incorporado con solo ingresar una búsqueda de un libro. Mostrará automáticamente el primer resultado que se puede incorporar para la consulta que escribas. Esto usa el formato de salida JSON de la API de datos para acceder a los resultados de la búsqueda.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2024-06-28 (UTC)
[null,null,["Última actualización: 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."]]