README.md



Teleprompter-SST


  Table of Contents
  

    About The Project
    License
  

🎙 프로젝트 소개


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


📜 주요기능


Web Speech API && string-similarity API 사용
Real-time Script Output


🗂 Directory 구조

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.