예시 및 데모

Embedded Viewer API 문서 세트에 포함된 모든 예는 빠른 참조를 위해 아래에 나열되어 있습니다. 또한 고급 개념을 설명하기 위해 더 많은 데모가 포함되어 있습니다.

개발자 가이드의 예시

이 기본 예제는 개발자 가이드에 나와 있으며, Embedded Viewer API의 가장 일반적인 사용법을 다룹니다.

  • book-simple
    삽입된 뷰어 API의 'Hello, World' 예시입니다. 이 예에서는 API를 로드하고 특정 도서로 뷰어를 그리는 방법을 나타냅니다.
  • book-language
    이 예에서는 뷰어의 인터페이스 언어(이 경우 브라질 포르투갈어)를 변경하는 방법을 보여줍니다.
  • book-notFound
    시청자가 지정된 도서를 로드할 수 없을 때 호출되는 콜백 함수를 추가하는 방법을 보여줍니다. 이 예시를 바탕으로 이러한 조건을 적절하게 처리할 수 있습니다.
  • book-success
    시청자가 책으로 초기화를 완료하고 프로그래매틱 방식으로 조작할 준비가 되었을 때 호출되는 콜백 함수를 추가하는 방법을 보여줍니다.
  • book-animate
    자바스크립트를 사용하여 프로그래매틱 방식으로 뷰어를 제어하는 방법을 보여주기 위해 3초마다 다음 페이지로 자동 전환되는 미리보기가 표시됩니다.

프로그래매틱 방식으로 뷰어 제어

뷰어를 사용하면 뷰어와 상호작용하여 사용자가 할 수 있는 거의 모든 작업을 코드에 포함할 수 있습니다. 아래 예는 이 기능이 어떻게 유용한지 보여줍니다.

  • book-interactives-controls
    이 작업 예시에서는 확대/축소, nextPage, goToPage, 함수 강조표시 등 시청자가 지원하는 모든 상호작용 방법을 열거합니다.
  • book-interactives-openatpage
    콜백 및 goToPage 함수를 사용하여 특정 페이지에서 도서 뷰어를 자동으로 여는 방법을 보여 줍니다.

고급 애플리케이션을 빌드할 때 Embedded Viewer API를 Books API 또는 동적 링크 기능과 결합하면 유용할 수 있습니다. 예를 들어 특정 미리보기를 임베딩할 수 있는지 미리 아는 것이 유용할 수 있습니다 (예: 사용자에게 사이트에서 미리보기 창을 열 수 있는 옵션을 제공할지 결정). 또는 특정 도서의 식별자를 알지 못해 도서 API를 사용하여 먼저 '조회'할 수 있습니다. 아래 예는 이러한 작업을 실행하는 방법을 보여줍니다.

  • book-dynamiclinks-zippy
    여기에서 도서를 삽입할 수 있는지 확인합니다. 가능한 경우에만 '미리보기 섹션'을 렌더링합니다. 이 버튼을 클릭하면 책 미리보기가 인라인으로 표시됩니다.
  • booksapi-titlesearch
    이 예에서는 책에 검색어를 입력하는 방식으로만 삽입된 뷰어를 열 수 있습니다. 입력한 검색어에 관해 첫 번째 삽입 가능 결과가 자동으로 표시됩니다. Data API의 JSON 출력 형식을 사용하여 검색결과에 액세스합니다.