몰입형 리더 작동 방식

완료됨

몰입형 리더는 JavaScript SDK를 사용하여 애플리케이션에 통합할 수 있습니다. 몰입형 리더를 사용하려면 몰입형 리더 리소스를 만들고 Azure AD(Azure Active Directory) 인증을 구성해야 합니다. Python, C#, Java, Node.js 같은 언어로 몰입형 리더 설정하는 방법에 관한 빠른 시작 및 고급 샘플은 단원 7 - 요약에서 사용할 수 있습니다.

몰입형 리더 포함

iframe의 기존 웹 애플리케이션 위에 몰입형 리더를 표시하는 클라이언트 라이브러리를 사용하여 애플리케이션에 몰입형 리더를 포함할 수 있습니다. 다음 예제에서는 HTML에 클라이언트 라이브러리를 추가합니다.

    <script src="https://contentstorage.onenote.office.net/onenoteltir/immersivereadersdk/immersive-reader-sdk.1.0.0.js"></script>

클라이언트 라이브러리는 웹 페이지의 콘텐츠로 몰입형 리더를 시작하는 단추를 제공합니다. 단추에 사용자 지정 스타일 지정을 추가하고, 몰입형 리더가 상호 작용할 콘텐츠를 선택하고, HTML에서 ‘id’ 태그를 사용하여 언어를 지정할 수 있습니다.

가독성 및 집중력 향상

launchAsync 명령은 선택된 콘텐츠로 몰입형 리더를 시작하고 다양한 기능을 선택할 수 있는 옵션 매개 변수를 포함합니다.

  • 간격 및 글꼴 크기는 “시각적 방해 요소”를 처리하여 읽기 속도를 향상합니다.
  • 단어를 음절로 구분하여 가독성을 개선하거나 새 단어를 소리 내어 읽습니다.
  • 품사 및 문법을 강조 표시하여 학습자가 동사, 명사, 대명사 등을 이해하는 데 도움이 될 수 있습니다.
  • 서로 다른 품사에 대해 을 선택하여 이해력과 가독성을 높일 수 있습니다.
  • 라인 포커스는 요구 사항에 따라 한 번에 1줄, 3줄 또는 5줄만 표시합니다.
  • 포커스 모드는 텍스트만 표시하여 방해받지 않도록 합니다.
  • 그림 사전은 그림을 보고 동시에 단어를 듣는 기능인 다중 감각 처리를 통해 읽기 및 이해를 돕습니다.
const options = {
    readAloudOptions: {
        autoplay: true,
        voice: 'female',
        speed: 1.5
    },
    translationOptions: {
        language: 'fr-FR',
        autoEnableDocumentTranslation: true
    },
    displayOptions: {
        textSize?: 20,
        increaseSpacing?: true
    }
};

ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);

수학 방정식 지원

MIME 형식이 application/mathml+xml로 설정된 경우 HTML에서 몰입형 리더에 수학을 제공할 수 있습니다. 예를 들어, 다음 JavaScript는 ID ir-content를 사용하는 HTML 요소를 찾고 mimeType을 ‘application/mathml+xml’로 설정하여 해당 요소를 Math로 표시합니다.

const data = {
    title: 'My Math',
    chunks: [{
        content: document.getElementById('ir-content').innerHTML.trim(),
        mimeType: 'application/mathml+xml'
    }]
};

ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);

수학 출력

모바일에서 사용

Microsoft Lens(이전 Microsoft Office Lens)는 화이트보드와 문서의 그림을 잘라내고, 개선하고, 만드는 Android 및 iOS 앱입니다. 몰입형 리더는 사용자가 소리 내어 읽기, 텍스트 간격 및 색 변경 같은 기능을 문서에 적용하여 모든 독자가 어디에 있든 접근성과 공평성을 높일 수 있는 Microsoft Lens를 통해 사용할 수 있습니다.