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, há várias demonstrações adicionais para ilustrar conceitos avançados.

Exemplos do Guia do desenvolvedor

Esses 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 mostra como carregar a API e desenhar um visualizador com um livro específico.
  • book-language
    Neste exemplo, mostramos como mudar o idioma da interface do leitor 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 este exemplo para lidar com essas condições sem complicações.
  • book-success
    Mostra como adicionar uma função de callback que é chamada quando o leitor é inicializado com um livro e está pronta para ser manipulada de forma programática.
  • book-animate
    Para ilustrar como o leitor 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 fazer com o código quase tudo o que o usuário pode fazer interagindo com ele. Os exemplos abaixo mostram como isso pode ser útil.

  • book-Interactions-controls
    Este exemplo de trabalho enumera todos os métodos de interação compatíveis com o leitor, incluindo zoom, nextPage, goToPage e destaque de funções.
  • 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 prévia específica estará disponível para incorporação (por exemplo, para determinar se o usuário pode abrir uma janela de visualização no site). Ou talvez você não saiba o identificador de um livro específico e queira "procurá-lo" primeiro 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. Se e somente se ele estiver disponível, renderizamos um "zippy preview", que, quando clicado, mostra a visualização do livro in-line.
  • booksapi-titlesearch
    Com esse exemplo, é possível abrir um leitor incorporado inserindo uma consulta de pesquisa para um livro. O primeiro resultado incorporado à consulta inserida será mostrado automaticamente. O formato de saída JSON da API Data é usado para acessar os resultados da pesquisa.