ตัวอย่างและการสาธิต

ตัวอย่างทั้งหมดที่อยู่ในชุดเอกสารประกอบของ Embedded Viewer API แสดงอยู่ในรายการด้านล่างสำหรับการอ้างอิงอย่างรวดเร็ว นอกจากนี้ยังมีการสาธิตเพิ่มเติมอีกจำนวนหนึ่งเพื่อแสดงให้เห็นภาพของแนวคิดขั้นสูง

ตัวอย่างจากคู่มือนักพัฒนาซอฟต์แวร์

ตัวอย่างพื้นฐานเหล่านี้ปรากฏในคู่มือนักพัฒนาซอฟต์แวร์และครอบคลุมการใช้งานทั่วไปของ API ผู้ดูแบบฝัง

  • book-simple
    ตัวอย่าง "Hello, World" ของ Embedded Viewer API ตัวอย่างนี้ระบุวิธีโหลด API และดึงดูดผู้ดูด้วยหนังสือเล่มใดเล่มหนึ่ง
  • ภาษาหนังสือ
    ตัวอย่างนี้แสดงวิธีเปลี่ยนภาษาอินเทอร์เฟซของผู้ดู ซึ่งในกรณีนี้เป็นภาษาโปรตุเกสแบบบราซิล
  • ไม่พบหนังสือ
    ส่วนนี้แสดงวิธีเพิ่มฟังก์ชัน Callback ซึ่งจะเรียกใช้เมื่อผู้ชมโหลดหนังสือที่ระบุไม่ได้ คุณอาจต่อยอดจากตัวอย่างนี้เพื่อจัดการกับเงื่อนไขดังกล่าวได้อย่างราบรื่น
  • หนังสือสำเร็จ
    ส่วนนี้จะแสดงวิธีเพิ่มฟังก์ชัน Callback ซึ่งระบบจะเรียกใช้เมื่อผู้ชมเริ่มอ่านหนังสือสำเร็จแล้วและพร้อมปรับเปลี่ยนเชิงโปรแกรม
  • book-animate
    เพื่อแสดงให้เห็นว่าวิธีควบคุมผู้ดูด้วยโปรแกรมโดยใช้ JavaScript จะแสดงตัวอย่างซึ่งจะพลิกไปยังหน้าถัดไปโดยอัตโนมัติทุกๆ 3 วินาที

การควบคุมแบบเป็นโปรแกรมของผู้ชม

โปรแกรมดูภาพจะช่วยให้คุณสามารถเขียนโค้ดได้เกือบทุกอย่างที่ผู้ใช้ทำได้โดยการโต้ตอบกับผู้ดู ตัวอย่างด้านล่างแสดงวิธีที่อาจมีประโยชน์

  • book-interactions-controls
    ตัวอย่างการใช้งานนี้จะแจกแจงวิธีการโต้ตอบทั้งหมดที่ผู้ดูรองรับ รวมถึงฟังก์ชันการซูม, nextPage, goToPage และการไฮไลต์
  • book-interactions-openatpage
    แสดงวิธีเปิดโปรแกรมดูหนังสือในหน้าหนึ่งๆ โดยอัตโนมัติ โดยใช้ Callback และฟังก์ชัน goToPage

เมื่อสร้างแอปพลิเคชันขั้นสูง คุณอาจพบว่าการรวม Embedded Viewer API เข้ากับ Books API หรือฟีเจอร์ลิงก์แบบไดนามิกมีประโยชน์ เช่น การรู้ล่วงหน้าว่าตัวอย่างหนึ่งๆ จะพร้อมใช้งานสำหรับการฝังหรือไม่ อาจเป็นประโยชน์ (เช่น ระบุว่าจะให้ผู้ใช้มีตัวเลือกที่จะเปิดหน้าต่างแสดงตัวอย่างในเว็บไซต์ของคุณหรือไม่) หรือคุณอาจไม่ทราบตัวระบุของหนังสือเล่มใดเล่มหนึ่ง และต้องการ "ค้นหา" โดยใช้ Books API ก่อน ตัวอย่างด้านล่างจะระบุวิธีดำเนินการ

  • book-dynamiclinks-zippy
    ที่นี่เราจะตรวจสอบว่าหนังสือพร้อมสำหรับการฝังหรือไม่ก่อน หากมีให้ใช้งานเท่านั้น เราจะแสดงผล " Zippy ตัวอย่าง" ซึ่งเมื่อคลิกจะแสดงตัวอย่างหนังสือในบรรทัด
  • booksapi-titlesearch
    ตัวอย่างนี้ให้คุณเปิดมุมมองที่ฝังอยู่ได้ง่ายๆ ด้วยการป้อนคำค้นหาสำหรับหนังสือ ซึ่งจะแสดงผลลัพธ์ที่ฝังได้รายการแรกสำหรับข้อความค้นหาที่คุณป้อนโดยอัตโนมัติ การดำเนินการนี้ใช้รูปแบบเอาต์พุต JSON ของ Data API เพื่อเข้าถึงผลการค้นหา