📖 StoryReader2 📖

이미지로부터 텍스트를 추출하는 Google Vision API와 감정과 음색을 다양하게 설정할 수 있는 TTS를 이용하여 동화책을 읽어주는 웹 서비스입니다. 원하는 동화책의 사진을 찍고, 화자와 감정을 설정하여 동화를 읽어보세요.

이용 가이드🕹

🚀 Contributor

이성민	이지원
@icechocola05	@jioniy
기획, DB 설계, TTS 연동, 웹 개발, 배포	기획, DB 설계, Google Vision API 연동, DBCP 연동, 웹 개발, 배포

✏ 핵심 기능

✔ 동화 페이지 별 등록

✔ 동화 페이지 사진 등록 시 문장 추출

✔ 문장 별 화자(음색), 감정 설정

✔ 설정한 목소리와 감정으로 동화 낭독

✔ 동화 저장 및 수정/삭제

🛠 사용 기술

Web	JSP, Servlet, Tomcat 9.0
Database	MySQL 8.0
Library	cos, json-simple-1.1
API	Google Vision API
Model	Emotion TTS
Tools	Github, Notion, GoogleDocs

Emotion TTS는 다음색 감정 음성합성 응용을 위한 감정 SSML 처리기에서 구현한 모델에 API 로 접근하여 사용

🗂 Structure

📦 StoryReader2
 ┣ 📂 src
 ┃ ┗ 📂 controller
 ┃ ┃ ┣ 📂 editStory
 ┃ ┃ ┣ 📂 makeStory
 ┃ ┃ ┣ 📂 readStory
 ┃ ┃ ┗ 📂 user
 ┃ ┗ 📂 model
 ┃ ┃ ┣ 📂 dao
 ┃ ┃ ┣ 📂 dto
 ┃ ┃ ┗ 📂 service
 ┃ ┗ 📂 util
 ┃   ┣ 📂 text
 ┃   ┣ 📂 view
 ┃   ┗ 📜 DBConnectionManager.java
 ┗ 📂 WebContent
   ┗ 📂 CSS
   ┗ 📂 IMG
   ┗ 📂 META-INF
   ┗ 📂 WEB-INF
   ┗ 📂 js
   ┗ 📜 jsp_files

📅 DB ERD

✨ 개선/발전 방향

✔ 사용자가 직접 음성 파일 추가

✔ 서비스 내에서 이용 가능한 이미지 제공