Teleprompter-SST

Table of Contents

• 프로젝트 소개
• 주요기능
• Directory 구조
• 설치 방법
• 팀원
• Reference
• License

🎙 프로젝트 소개

---

• 음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스
• Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스
  <!-- 주요기능 --> ## 📜 주요기능 ---
• Web Speech API && string-similarity API 사용
• Real-time Script Output
  <!-- Directory 구조 --> ## 🗂 Directory 구조 --- bash Teleprompter-SST ├── client ---> Front-end │ ├── 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 └── 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.
👆Back To The Top