ModuWeb - 예제 모음

ModuWeb은 웹 접근성을 향상시키기 위한 JavaScript 플러그인입니다. HTML에 스크립트를 추가하고 초기화하는 것만으로 TTS, STT, 화면 확대, 색상 조절 등 다양한 접근성 기능을 웹사이트에 제공할 수 있습니다.

시작 단계

1

라이브러리 추가

HTML에 CSS 파일을 포함합니다
webAccTools.js 스크립트를 추가합니다

2

설정 파일 준비

config.example.json을 config.json으로 복사합니다
서버 엔드포인트 등 필요한 값을 수정합니다

3

인스턴스 생성 및 초기화

WAT 클래스로 인스턴스를 생성합니다
init() 메서드를 호출합니다

4

기능 활용

TTS, STT, 포커스 읽기 등 기능을 사용합니다
API를 통해 프로그래밍 방식으로 제어합니다

기본 사용법

기본

WAT 초기화와 기본 기능 사용 방법을 소개합니다. 도구를 처음 사용하는 경우 기본 예제부터 확인해 보세요.

기본 초기화 및 설정
TTS 기본 사용법
포커스 기반 읽기
이벤트 리스너 등록

커스텀 설정

고급

고급 초기화 옵션과 세부 설정 방법을 다룹니다. 프로젝트 요구사항에 맞춰 다양한 옵션을 조합할 수 있습니다.

커스텀 초기화 설정
TTS / STT 세부 옵션
상태 관리 시스템
이벤트 시스템 활용

API 함수 테스트

고급

WAT의 핵심 동작을 버튼으로 확인할 수 있는 예제 페이지입니다.

TTS API 함수 테스트
STT API 함수 테스트
사전 검색 테스트

아키텍처 문서

전체 시스템 구조도
모듈 간 상호작용
데이터 흐름 다이어그램

API 레퍼런스

TTS / STT API 함수 목록
이벤트 시스템
설정 옵션 전체 목록

GitHub

소스 코드 및 이슈 트래커
릴리즈 노트
기여 가이드 (CONTRIBUTING.md)

저장소 방문