Teleprompter-SST

🎙 프로젝트 소개

• 음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스
• Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스

📜 주요기능

• Web Speech API && String-Similarity API 사용
• Real-time Script Output

🗂 Directory 구조

Teleprompter-SST
├── client                        ---> Front-end [React]
│   ├── public                    ---> 정적 파일 보관
│   │   ├── favicon.ico
│   │   ├── index.html
│   │   ├── manifest.json
│   │   └── robots.txt
│   ├── src
│   │   ├── components
│   │   │   └── Teleprompter.js   ---> 음성인식 && 문장유사도 수행 
│   │   ├── pages
│   │   │   ├── MainPage.js       ---> 메인 화면
│   │   │   └── PrompterPage.js   ---> 대본 출력 화면
│   │   ├── App.css
│   │   ├── App.js                ---> Router
│   │   ├── App.test.js
│   │   ├── index.css
│   │   ├── index.js
│   │   ├── reportWebVitals.js
│   │   ├── serviceWorker.js
│   │   ├── setupTests.js
│   │   └── styles.js             ---> PrompterPage.js Style
│   ├── .gitignore
│   ├── package-lock.json
│   ├── package.json
│   └── yarn.lock
│
├── .gitignore
├── LICENSE                       ---> MIT License
├── package-lock.json
├── package.json
├── README.md
├── server.js                     ---> Back-end [Node Express]
└── yarn.lock

⌨️ 설치 방법

client 폴더 이동

$ cd Teleprompter-SST/client

package.json에 명시된 모듈 설치

$ npm install

Teleprompter-SST 폴더 이동

$ cd ..

package.json에 명시된 모듈 설치

$ npm install

시작

$ npm run dev

Local Address 접속

http://localhost:3000

🧑‍💻 팀원

• 권동영 (2016110307)
• 김다솔 (2017110268)

📋 Reference

• Web Speech API
• String-Similarity API

📋 License

Teleprompter-SST is MIT licensed.