Exemplos e demonstrações

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.

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.