Contoh dan Demo
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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.
Menggabungkan Books API dan Dynamic Links
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.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2024-06-28 UTC.
[null,null,["Terakhir diperbarui pada 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."]]
