소중한 사람들에게 마음을 전해요.

아날로그(음성)와 디지털(인공지능)을 잇는 음성 메세지 카드

• 개발 기간: 2022.02.21 ~ 2022.04.08 (7주)
• 삼성 청년 SW 아카데미 6기 특화프로젝트(인공지능-음성) 우수상 (3위) 🥉

• 인공지능 TTS 서비스를 활용한 메세지 전달 웹 서비스

• 텍스트만으로는 잘 전해지지 않는 마음, Re:tter가 대신 전해드립니다.
• 코로나19로 사회적 거리두기가 일반화된 지금, 직접 만나기보단 온라인에서 안부 인사를 전하는 일이 잦아졌습니다. 여러분은 생일, 기념일과도 같은 특별한 날, 혹은 평소에 전하고 싶은 이야기를 어떻게 전하고 계신가요?
• Re:tter는 텍스트로만 전하기에는 의도가 잘 전달되지 않을 것 같아 불안하고, 전화는 분위기가 너무 무겁지 않을까 걱정되는 사람들을 위한 인공지능 TTS 음성 메세지 카드입니다. 전하고 싶은 메세지를 입력하면 직접 구현한 TTS가 메세지를 음성으로 변환해 주고, 에디터로 나만의 카드를 만들어 음성 메시지와 함께 SNS로 공유할 수 있습니다.
• 프로젝트명 Re:tter는 Record(녹음) + Letter(편지)의 합성어로, 마음에 답글(Re:)을 단다는 의미에서 지어졌습니다.

Team. 사서함 202호 (6명)

김은서 팀장 Back-end, AI, Infra	김혜인(본인) Front-end 카드 에디터 개발 TTS 학습용 목소리 녹음	노건우 Back-end, AI	서예진 Back-end, AI	성당현 Front-end	윤지영 Back-end, AI, Infra

• 전체적인 서비스 설명 및 가이드 확인 가능
• '카드 만들기' 버튼을 눌러 '목소리 선택' 페이지로 이동

• '녹음 버튼'을 눌러 나의 목소리를 녹음 (최대 20초)

• 텍스트 박스에 전달하고 싶은 메시지를 입력
• 재생버튼을 눌러 미리듣기 음성을 듣고 마음에 드는 목소리 선택

• 마음에 드는 스티커, 배경 등을 골라 카드 꾸미기

• tts로 음성합성 후 카드를 만들 때 '텍스트'를 눌러 text 불러오기

• 카드 꾸미기가 완료되면 '저장' 버튼을 눌러 카드 완성

• 재생 버튼을 통해 영상을 확인
• 'URL 복사' 버튼을 통해 url을 클립보드에 저장
• 카카오톡 버튼을 눌러 카카오톡을 통해 메시지를 공유
• '처음으로' 버튼을 눌러 서비스 메인화면으로 돌아감

• 외부 라이브러리 없이 MouseEvent를 활용한 React + Javascript 카드 에디터 직접 구현
• 🖌️ 카드 에디터: 기술 선정부터 구현까지

• 서비스에 사용되는 TTS 기능을 직접 구현(총 2개의 모델)
• Tacotron2: 텍스트 -> Mel-spectogram 변환
• Waveglow: Mel-spectogram -> 음성 변환

• 녹음용 대본과 녹화 환경은 Mimic Recording Studio 한국어 버전을 사용

• Visual Studio Code 1.66.0
• React 17.0.2
• Redux 4.1.2
• styled-components 5.3.5
• npm 8.1.2

# 로컬
cd frontend
npm install
npm start

• Visual Studio Code 1.66.0
• Python 3.7.11
• Django 3.2.12
• Docker 20.10.14
• Nginx nginx/1.18.0

# 로컬 환경에서 실행
cd docker-server/backend

# 가상환경 생성 & 설치
conda create -n retter
conda activate retter
pip install -r requirements.txt

# Django 서버 실행
python manage.py makemigrations
python manage.py migrate
python manage.py runserver

# 서버에 최종 빌드
docker-compose up --build

• torch 1.7.1+cu110
• cuda 11.2
• cudatoolkit 11.3.1
• cudnn 8.2.1 (11.3 링크를 통해 다운로드)

• MySql 8.0.28-0

• ubuntu 0.20.04.3

• DB 이름: retter

• 서버에서 DB 접속 시 : mysql -u root -p Enter password: retter

  • NAME: retter
  • USER: ssafy
  • PASSWORD: retter

• DB 덤프 파일: exec > Retter.sql

시스템 변수 > Path 에 다음의 경로를 추가한다.

- `C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v11.2\bin`
- `C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v11.2\libnvvp`