Örnekler ve Demolar
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Yerleşik Görüntüleyici API'si doküman grubunda yer alan tüm örnekler, hızlı başvuru için aşağıda listelenmiştir. Ayrıca, ileri düzey kavramları göstermek için bir dizi ek demo eklenmiştir.
Geliştirici Kılavuzu'ndan örnekler
Bu temel örnekler Geliştirici Kılavuzu'nda yer almakta ve Embedded Viewer API'nin en yaygın kullanımlarını kapsamaktadır.
- book-simple
Yerleşik Görüntüleyici API'sinin "Hello, World" örneği. Bu örnekte, API'nin nasıl yükleneceği ve belirli bir kitapla görüntüleyicinin nasıl çizileceği gösterilmektedir.
- book-language
Bu örnekte, izleyicinin arayüz dilinin (bu örnekte Brezilya Portekizcesi) nasıl değiştirileceği gösterilmektedir.
- book-notfound
Bu, görüntüleyen belirtilen kitabı yükleyemediğinde çağrılan bir geri çağırma işlevinin nasıl ekleneceğini gösterir. Bu tür durumlarda sorunsuz bir şekilde başa çıkmak için bu örneği geliştirebilirsiniz.
- book-success
Bu örnekte, görüntüleyen kişi bir kitabı başarıyla başlattığında ve programlı olarak değiştirilmeye hazır olduğunda çağrılan bir geri çağırma işlevinin nasıl ekleneceğini gösterir.
- book-animate
Görüntüleyenin JavaScript kullanılarak programatik şekilde nasıl kontrol edilebileceğini göstermek için her 3 saniyede bir otomatik olarak sonraki sayfaya geçiş yapan bir önizleme gösterilir.
İzleyicinin programatik kontrolü
Görüntüleyici, izleyiciyle etkileşimde bulunarak kullanıcının yapabileceği hemen hemen her şeyi kodlamanıza olanak tanır. Aşağıdaki örnekler bu özelliğin ne kadar faydalı olabileceğini göstermektedir.
- book-interactions-controls
Bu çalışan örnekte, yakınlaştırma, nextPage, goToPage ve vurgulama işlevleri dahil olmak üzere izleyici tarafından desteklenen tüm etkileşim yöntemleri sıralanmıştır.
- book-interactions-openatpage
Geri çağırmaları ve goToPage işlevini kullanarak, belirli bir sayfada bir kitap görüntüleyicinin otomatik olarak nasıl açılacağını gösterir.
Books API ve Dynamic Links ile birleştirme
Gelişmiş uygulamalar oluştururken Embedded Viewer API'sini Books API veya Dinamik Bağlantılar özelliğiyle birleştirmek faydalı olabilir. Örneğin, belirli bir önizlemenin yerleştirme için uygun olup olmayacağını önceden bilmek (ör. kullanıcıya sitenizde önizleme penceresi açma seçeneği sunulup sunulmayacağını belirlemek için) yararlı olabilir. Ya da belirli bir kitabın tanımlayıcısını bilmiyor ve öncelikle Books API'yi kullanarak "aramak" isteyebilirsiniz. Aşağıdaki örnekler bu işlemlerin nasıl gerçekleştirileceğini gösterir.
- book-dynamiclinks-zippy
Burada, bir kitabın ilk olarak yerleştirilmek için uygun olup olmadığını kontrol ederiz. Yalnızca kullanılabilir durumdaysa, tıklandığında kitap önizlemesini satır içi olarak gösteren bir "önizleme zippy" oluştururuz.
- booksapi-titlesearch
Bu örnekte, yalnızca bir kitap için arama sorgusu girerek yerleştirilmiş görüntüleyiciyi açabilirsiniz. Girdiğiniz sorgu için yerleştirilebilir ilk sonucu otomatik olarak gösterir. Bu, arama sonuçlarına erişmek için Data API'nin JSON çıkış biçimini kullanır.
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2024-06-28 UTC.
[null,null,["Son güncelleme tarihi: 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."]]
