Exemplos e demonstrações
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Todos os exemplos contidos no conjunto da documentação da API Embedded Viewer estão listados abaixo para referência rápida. Além disso, estão incluídas várias demonstrações adicionais para ilustrar conceitos avançados.
Exemplos do Guia do desenvolvedor
Estes exemplos básicos aparecem no Guia do desenvolvedor e abrangem os usos mais comuns da API Embedded Viewer.
- book-simple
O exemplo "Hello, World" da API Embedded Viewer. Este exemplo indica como carregar a API e desenhar um visualizador com um livro específico.
- book-language
Este exemplo mostra como alterar o idioma da interface do leitor, neste caso para português do Brasil.
- book-notfound
Mostra como adicionar uma função de callback que é chamada quando o leitor não consegue carregar o livro especificado. Você pode aproveitar esse exemplo para lidar com essas condições.
- book-success
Isso mostra como adicionar uma função de callback que é chamada quando o leitor inicializa com um livro e está pronto para ser manipulado de maneira programática.
- book-animate
Para ilustrar como o visualizador pode ser controlado de forma programática usando JavaScript, é exibida uma visualização que muda automaticamente para a próxima página a cada três segundos.
Controle programático do espectador
O visualizador permite que você faça com o código quase tudo o que o usuário pode fazer interagindo com o visualizador. Os exemplos abaixo mostram como isso pode ser útil.
- book-Interactions-controls
Este exemplo de trabalho enumera todos os métodos de interação aceitos pelo visualizador, incluindo as funções zoom, nextPage, goToPage e destaque.
- book-Interactions-openatpage
Mostra como abrir automaticamente um visualizador de livros em uma página específica usando callbacks e a função goToPage.
Como combinar com a API Books e Dynamic Links
Ao criar aplicativos avançados, pode ser útil combinar a API Embedded Viewer com a API Books ou o recurso Dynamic Links. Por exemplo, pode ser útil saber com antecedência se uma visualização específica está disponível para incorporação (por exemplo, para determinar se o usuário tem a opção de abrir uma janela de visualização no site). Ou talvez você não saiba o identificador de um livro específico e queira primeiro "procurá-lo" usando a API Books. Os exemplos abaixo indicam como realizar essas operações.
- book-dynamiclinks-zippy
Aqui, verificamos se um livro está disponível para incorporação primeiro. Somente se estiver disponível, vamos renderizar um "zippy da visualização", que, quando clicado, mostra a visualização do livro inline.
- booksapi-titlesearch
Este exemplo permite que você abra um visualizador incorporado digitando uma consulta de pesquisa para um livro. Ele vai mostrar automaticamente o primeiro resultado incorporável para a consulta inserida. O formato de saída JSON da API Data é usado para acessar os resultados da pesquisa.
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2024-06-28 UTC.
[null,null,["Última atualização 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."]]
