उदाहरण और डेमो

एम्बेड किए गए व्यूअर एपीआई दस्तावेज़ सेट में शामिल सभी उदाहरण तुरंत देखने के लिए नीचे दिए गए हैं. इसके अलावा, बेहतर कॉन्सेप्ट दिखाने के लिए कई और डेमो शामिल किए गए हैं.

डेवलपर की गाइड में दिए गए उदाहरण

ये बुनियादी उदाहरण डेवलपर की गाइड में दिए गए हैं. इनमें एम्बेड किए गए व्यूअर एपीआई के सबसे आम इस्तेमाल के बारे में भी बताया गया है.

  • आसान तरीके से सेट की गई किताब
    एम्बेड किए गए व्यूअर एपीआई के "नमस्ते, दुनिया" उदाहरण में, एपीआई को लोड करने और किसी खास किताब से दर्शक का ध्यान खींचने का तरीका बताया गया है.
  • किताब की भाषा
    इस उदाहरण में, दर्शक के इंटरफ़ेस की भाषा को बदलने का तरीका बताया गया है. जैसे, ब्राज़ीलियन पॉर्चुगीज़ में भाषा बदलें.
  • book-notfound
    इस वीडियो में, कॉलबैक फ़ंक्शन को जोड़ने का तरीका बताया गया है. इसे तब कॉल किया जाता है, जब दर्शक तय की गई किताब को लोड नहीं कर पाता है. ऐसी शर्तों को अच्छी तरह से मैनेज करने के लिए, इस उदाहरण को आधार बनाया जा सकता है.
  • book-सफल
    इस वीडियो में कॉलबैक फ़ंक्शन जोड़ने का तरीका बताया गया है. इसे तब कॉल किया जाता है, जब दर्शक किसी किताब को शुरू कर देता है और प्रोग्राम के हिसाब से उसमें बदलाव किए जाने के लिए तैयार होता है.
  • बुक-ऐनिमेशन
    यह समझने के लिए कि JavaScript का इस्तेमाल करके दर्शक को प्रोग्राम के हिसाब से कैसे कंट्रोल किया जा सकता है, एक झलक दिखाई जाती है. यह झलक, हर तीन सेकंड में अपने-आप अगले पेज पर फ़्लिप हो जाती है.

व्यूअर का प्रोग्रामेटिक कंट्रोल

दर्शक की मदद से, दर्शक से इंटरैक्ट करके, उपयोगकर्ता के पास ऐसे किसी भी काम के लिए कोड का इस्तेमाल करने का विकल्प मौजूद है. नीचे दिए गए उदाहरणों में बताया गया है कि यह कैसे काम का हो सकता है.

  • book-इंटरैक्शन-controls
    इस उदाहरण में व्यूअर के साथ इस्तेमाल किए जा सकने वाले इंटरैक्शन के सभी तरीके शामिल हैं. इनमें, Zoom, NextPage, goToPage, और हाइलाइट करने वाले फ़ंक्शन शामिल हैं.
  • book-इंटरैक्शनs-openatpage
    यह दिखाता है कि कॉलबैक और goToPage फ़ंक्शन का इस्तेमाल करके, किसी खास पेज पर किताब व्यूअर को अपने-आप कैसे खोला जा सकता है.

ऐडवांस ऐप्लिकेशन बनाते समय, एम्बेड किए गए व्यूअर एपीआई को Books API या डाइनैमिक लिंक सुविधा के साथ जोड़ना मददगार हो सकता है. उदाहरण के लिए, पहले से यह जानना मददगार हो सकता है कि एम्बेड करने के लिए कोई खास झलक उपलब्ध होगी या नहीं (उदाहरण के लिए, यह तय करना कि उपयोगकर्ता को आपकी साइट पर झलक विंडो खोलने का विकल्प दिया जाए या नहीं). इसके अलावा, ऐसा हो सकता है कि आपको किसी किताब का आइडेंटिफ़ायर न पता हो और आप सबसे पहले Books API का इस्तेमाल करके "उसे खोजना" चाहें. नीचे दिए गए उदाहरणों में बताया गया है कि इन कार्रवाइयों को कैसे किया जाए.

  • book- Dynamiclinks-zippy
    यहां हम देखते हैं कि कोई किताब पहले एम्बेड करने के लिए उपलब्ध है या नहीं. अगर और अगर यह उपलब्ध है, तो भी हम "झलक की सूची" रेंडर करते हैं. इस पर क्लिक करने पर, किताब की झलक वाली इनलाइन इमेज दिखती है.
  • booksapi-titlesearch
    इस उदाहरण में, किसी किताब के लिए खोज क्वेरी डालकर, एम्बेड किए गए व्यूअर को खोला जा सकता है. यह आपकी डाली गई क्वेरी के लिए, एम्बेड किया जा सकने वाला पहला नतीजा अपने-आप दिखाएगा. यह खोज के नतीजों को ऐक्सेस करने के लिए, Data API के JSON आउटपुट फ़ॉर्मैट का इस्तेमाल करता है.