Ejemplos y demostraciones

A continuación, se muestran todos los ejemplos incluidos en la lista de documentación de la API incorporada del visor incorporado. Además, se incluyen varias demostraciones adicionales para ilustrar los conceptos avanzados.

Ejemplos de la Guía para programadores

Estos ejemplos básicos aparecen en la Guía para programadores y abarcan los usos más comunes de la API de Embed Viewer.

  • book-simple
    En el ejemplo de “Hello, World” de la API de Embed Viewer, se muestra cómo cargar la API y dibujar un visor con un libro en particular.
  • book-language
    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
    Muestra cómo agregar una función de devolución de llamada a la que se llama cuando el usuario no puede cargar el libro especificado. Puedes compilar en este ejemplo para manejar correctamente esas condiciones.
  • book-success
    Muestra cómo agregar una función de devolución de llamada a la que se llama cuando el usuario se inicializa correctamente con un libro y está listo para manipularse de manera programática.
  • book-animate
    Para ilustrar cómo se puede controlar el visualizador de manera 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 visualizador te permite hacer con código casi todo lo que el usuario puede hacer al interactuar con él. En los siguientes ejemplos, se muestra cómo podría ser útil.

  • book-interactions-controls
    En este ejemplo funcional, se enumeran todos los métodos de interacción que admite el visualizador, incluidas las funciones de zoom, nextPage, goToPage y de resaltado.
  • book-interactions-openatpage
    Muestra cómo abrir automáticamente un visualizador de libros en una página determinada, mediante devoluciones de llamada y la función goToPage.

Cuando compilas aplicaciones avanzadas, puede resultarte útil combinar la API de Embed Viewer con la API de Libros o la función de Dynamic Links. Por ejemplo, puede ser útil saber con anticipación si una vista previa en particular estará disponible para la incorporación (p.ej., para determinar si le das al usuario la opción de abrir una ventana de vista previa en tu sitio). O quizás no conozcas el identificador de un libro en particular y desees buscarlo por primera vez con la API de Libros. En los siguientes ejemplos, se indica cómo realizar estas operaciones.

  • book-dynamiclinks-zippy
    Aquí comprobamos si un libro está disponible para insertarlo primero. Si solo está disponible, renderizamos una "zippy Preview", que, cuando se hace clic en ella, muestra la vista previa del libro intercalada.
  • booksapi-titlesearch
    Este ejemplo te permite abrir un visualizador incorporado con solo ingresar una búsqueda en un libro. Se mostrará automáticamente el primer resultado integrable de la consulta que ingrese. Para acceder a los resultados de la búsqueda, se usa el formato de salida JSON de la API de datos.