أمثلة وعروض توضيحية
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تم إدراج جميع الأمثلة الواردة في مجموعة وثائق واجهة برمجة التطبيقات للعارض المضمن أدناه للرجوع إليها بسرعة. بالإضافة إلى ذلك، يتم تضمين عدد من العروض التوضيحية الإضافية لتوضيح المفاهيم المتقدمة.
أمثلة من دليل المطوّر
تظهر هذه الأمثلة الأساسية في دليل المطوّر وتتناول الاستخدامات الأكثر شيوعًا لواجهة برمجة التطبيقات Include Viewer API.
- book-simple
يعرض مثال "Hello, World" لواجهة برمجة تطبيقات Include Viewer API، ويشير هذا المثال إلى كيفية تحميل واجهة برمجة التطبيقات ورسم مُشاهد باستخدام كتاب معيّن.
- لغة الكتاب
يوضّح هذا المثال كيفية تغيير لغة واجهة المُشاهد، وهي في هذه الحالة اللغة البرتغالية البرازيلية.
- book-notfound
يوضّح هذا كيفية إضافة دالة استدعاء يتم استدعاؤها عندما يتعذّر على المشاهد تحميل الكتاب المحدّد. يمكنك الاعتماد على هذا المثال للتعامل مع هذه الشروط بسلاسة.
- book-success
توضح هذه المقالة كيفية إضافة دالة استدعاء يتم استدعاؤها عندما يبدأ المشاهد في إعداد أحد الكتب بنجاح ويكون جاهزًا لمعالجة البيانات بطريقة برمجية.
- رسم متحرك على كتاب
لتوضيح كيفية التحكّم في المشاهد آليًا باستخدام JavaScript، يتم عرض معاينة تنتقل تلقائيًا إلى الصفحة التالية كل 3 ثوانٍ.
التحكم الآلي في العارض
يتيح لك المشاهد تنفيذ أي شيء تقريبًا يمكن للمستخدم القيام به من خلال التفاعل مع المشاهد باستخدام التعليمات البرمجية. توضّح الأمثلة أدناه مدى فائدة هذا الإجراء.
- book-interactions-controls
يلخص هذا المثال العملي جميع طرق التفاعل التي يوفّرها المشاهد، بما في ذلك وظائف التكبير/التصغير والصفحة التالية والانتقال إلى الصفحة والتمييز.
- book-interactions-openatpage
يعرض كيفية فتح عارض كتب تلقائيًا على صفحة معيّنة باستخدام عمليات الاستدعاء ودالة goToPage.
عند الدمج مع واجهة برمجة تطبيقات "كتب Google" و"الروابط الديناميكية"
عند إنشاء تطبيقات متقدّمة، قد تجد أنه من المفيد دمج واجهة برمجة تطبيقات العرض المضمّن مع واجهة برمجة تطبيقات الكتب أو ميزة الروابط الديناميكية. على سبيل المثال، قد يكون من المفيد معرفة ما إذا كانت معاينة معيّنة ستكون متاحة للتضمين (على سبيل المثال، لتحديد ما إذا كان سيتم منح المستخدم خيار فتح نافذة معاينة على موقعك الإلكتروني). أو قد لا تعرف معرف كتاب معين، وتريد "البحث عنه" أولاً باستخدام واجهة برمجة تطبيقات الكتب. توضح الأمثلة التالية كيفية إجراء هذه العمليات.
- book-dynamiclinks-zippy
نتحقق هنا مما إذا كان الكتاب متاحًا للتضمين أولاً. إذا كان هذا الملف متوفرًا فقط، نعرض "رابط معاينة الكتاب"، والذي يؤدي النقر عليه إلى عرض معاينة الكتاب بشكل مضمّن.
- booksapi-titlesearch
يتيح لك هذا المثال فتح عارض مضمّن من خلال إدخال طلب بحث عن كتاب. سيعرض تلقائيًا أول نتيجة قابلة للتضمين لطلب البحث الذي تدخله. يستخدم هذا تنسيق إخراج JSON من Data API للوصول إلى نتائج البحث.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2024-06-28 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2024-06-28 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\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."]]