Contoh dan Demo

Semua contoh yang terdapat dalam kumpulan dokumentasi Embedded Viewer API tercantum di bawah ini sebagai referensi cepat. Selain itu, sejumlah demo tambahan disertakan untuk mengilustrasikan konsep lanjutan.

Contoh dari Panduan Developer

Contoh dasar ini muncul dalam Panduan Developer dan mencakup penggunaan Embedded Viewer API yang paling umum.

  • book-simple
    Contoh "Halo Dunia" dari Embedded Viewer API, contoh ini menunjukkan cara memuat API dan menggambar penonton dengan buku tertentu.
  • bahasa buku
    Contoh ini menunjukkan cara mengubah bahasa antarmuka penonton, dalam hal ini ke bahasa Portugis-Brasil.
  • book-notfound
    Ini menunjukkan cara menambahkan fungsi callback yang dipanggil saat penampil tidak dapat memuat buku yang ditentukan. Anda dapat menggunakan contoh ini untuk dapat menangani kondisi tersebut dengan baik.
  • book-berhasil
    Ini menunjukkan cara menambahkan fungsi callback yang dipanggil saat penampil berhasil melakukan inisialisasi dengan buku dan siap untuk dimanipulasi secara terprogram.
  • book-animate
    Untuk menggambarkan cara penonton dapat dikontrol secara terprogram menggunakan JavaScript, pratinjau akan ditampilkan yang secara otomatis membalik ke halaman berikutnya setiap 3 detik.

Kontrol terprogram atas penonton

Penampil memungkinkan Anda melakukan hampir semua hal dengan kode yang dapat dilakukan pengguna melalui interaksi dengan penampil. Contoh di bawah menunjukkan bagaimana hal ini berguna.

  • book-interactions-controls
    Contoh kerja ini mencantumkan semua metode interaksi yang didukung oleh pelihat, termasuk fungsi zoom, nextPage, goToPage, dan sorotan.
  • book-interactions-openatpage
    Menunjukkan cara membuka penampil buku secara otomatis di halaman tertentu, menggunakan callback dan fungsi goToPage.

Saat membuat aplikasi tingkat lanjut, sebaiknya gabungkan Embedded Viewer API dengan fitur Books API atau Dynamic Links. Misalnya, ada baiknya untuk mengetahui terlebih dahulu apakah pratinjau tertentu akan tersedia untuk disematkan (misalnya, untuk menentukan apakah akan memberikan opsi kepada pengguna untuk membuka jendela pratinjau di situs Anda). Atau, Anda mungkin tidak tahu ID buku tertentu, dan ingin "mencarinya" terlebih dahulu menggunakan Books API. Contoh di bawah menunjukkan cara melakukan operasi tersebut.

  • book-dynamiclinks-zippy
    Di sini, kami memeriksa apakah buku tersedia untuk disematkan terlebih dahulu. Jika dan hanya jika tersedia, kita akan merender "pratinjau zippy", yang saat diklik, akan menampilkan pratinjau buku secara inline.
  • booksapi-titlesearch
    Contoh ini memungkinkan Anda membuka penampil tersemat hanya dengan memasukkan kueri penelusuran untuk buku. Kode ini akan otomatis menampilkan hasil pertama yang dapat disematkan untuk kueri yang Anda masukkan. Format ini menggunakan format output JSON Data API untuk mengakses hasil penelusuran.