Semua contoh yang dimuat dalam kumpulan dokumentasi Embedded Viewer API tercantum di bawah untuk referensi cepat. Selain itu, sejumlah demo tambahan disertakan untuk menggambarkan konsep lanjutan.
Contoh dari Panduan Developer
Contoh dasar ini muncul di 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 menarik pembaca dengan buku tertentu. - book-language
Contoh ini menunjukkan cara mengubah bahasa antarmuka penonton, dalam hal ini ke dalam bahasa Portugis Brasil. - book-notfound
Ini menunjukkan cara menambahkan fungsi callback yang dipanggil saat pembaca tidak dapat memuat buku yang ditentukan. Anda dapat membuat contoh ini untuk menangani kondisi tersebut dengan baik. - book-success
Ini menunjukkan cara menambahkan fungsi callback yang dipanggil saat pembaca berhasil melakukan inisialisasi dengan buku dan siap untuk dimanipulasi secara terprogram. - book-animate
Untuk mengilustrasikan cara pembaca 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 sesuatu dengan kode apa pun yang dapat dilakukan pengguna dengan berinteraksi dengan penampil. Contoh di bawah menunjukkan bagaimana hal ini mungkin berguna.
- book-Interactions-controls
Contoh yang berfungsi ini menyebutkan semua metode interaksi yang didukung oleh penampil, termasuk fungsi zoom, nextPage, goToPage, dan penyorotan. - book-Interactions-openatpage
Menampilkan cara membuka penampil buku secara otomatis di halaman tertentu, menggunakan callback dan fungsi goToPage.
Menggabungkan dengan Books API dan Dynamic Links
Saat membuat aplikasi tingkat lanjut, sebaiknya gabungkan Embedded Viewer API dengan Books API atau fitur Dynamic Links. Misalnya, mungkin perlu diketahui terlebih dahulu apakah pratinjau tertentu akan tersedia untuk penyematan (misalnya, untuk menentukan apakah akan memberi pengguna opsi untuk membuka jendela pratinjau di situs Anda). Atau, Anda mungkin tidak mengetahui ID untuk buku tertentu, dan ingin "mencarinya" terlebih dahulu menggunakan Books API. Contoh di bawah menunjukkan cara melakukan operasi ini.
- book-dynamiclinks-zippy
Di sini, kami memeriksa apakah buku dapat disematkan terlebih dahulu. Jika dan hanya jika tersedia, kami akan merender "pratinjau zippy", yang akan menampilkan inline pratinjau buku saat diklik. - booksapi-titlesearch
Contoh ini memungkinkan Anda membuka penampil sematan cukup dengan memasukkan kueri penelusuran untuk buku. Tindakan ini akan otomatis menampilkan hasil sematan pertama untuk kueri yang Anda masukkan. ID ini menggunakan format output JSON Data API untuk mengakses hasil penelusuran.