몰입형 리더 작동 방식
몰입형 리더는 JavaScript SDK를 사용하여 애플리케이션에 통합할 수 있습니다. 몰입형 리더를 사용하려면 몰입형 리더 리소스를 만들고 Microsoft Entra 인증을 구성해야 합니다. Python, C#, Java, Node.js 같은 언어로 몰입형 리더 설정하는 방법에 관한 빠른 시작 및 고급 샘플은 단원 6 - 요약에서 사용할 수 있습니다.
몰입형 리더 포함
iframe의 기존 웹 애플리케이션 위에 몰입형 리더를 표시하는 클라이언트 라이브러리를 사용하여 애플리케이션에 몰입형 리더를 포함할 수 있습니다. 다음 예제에서는 HTML에 클라이언트 라이브러리를 추가합니다.
<script src="https://contentstorage.onenote.office.net/onenoteltir/immersivereadersdk/immersive-reader-sdk.1.0.0.js"></script>
클라이언트 라이브러리는 웹 페이지의 콘텐츠로 몰입형 리더를 시작하는 단추를 제공합니다. 단추에 사용자 지정 스타일 지정을 추가하고, 몰입형 리더가 상호 작용할 콘텐츠를 선택하고, HTML에서 id
태그를 사용하여 언어를 지정할 수 있습니다.
가독성 및 집중력 향상
launchAsync
명령은 선택된 콘텐츠로 몰입형 리더를 시작하고 다양한 기능을 선택할 수 있는 options
매개 변수를 포함합니다.
- 간격 및 글꼴 크기는 “시각적 방해 요소”를 처리하여 읽기 속도를 향상합니다.
- 단어를 음절로 구분하여 가독성을 개선하거나 새 단어를 소리 내어 읽습니다.
- 품사 및 문법을 강조 표시하여 학습자가 동사, 명사, 대명사 등을 이해하는 데 도움이 될 수 있습니다.
- 서로 다른 품사에 대해 색을 선택하여 이해력과 가독성을 높일 수 있습니다.
- 라인 포커스는 요구 사항에 따라 한 번에 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를 통해 사용할 수 있으며 이를 통해 사용자는 소리 내어 읽기, 텍스트 간격 및 색 변경 같은 기능을 문서에 적용할 수 있습니다. 이러한 기능은 모든 독자가 어디에 있든 더 큰 접근성과 형평성을 제공합니다.