Chuncheonian

asdfsd

Showing 1 changed file with 8 additions and 114 deletions
1 -# Teleprompter-STT 1 +# 자율 주행차의 영상 기반 차간거리 유지 개발
2 -<strong>Demo Link(Only work in chrome) 👉 [https://teleprompterstt.herokuapp.com](https://teleprompterstt.herokuapp.com)</strong>
3 -## Table of Contents
4 - - [프로젝트 소개](#-프로젝트-소개)
5 - - [주요 기능](#-주요-기능)
6 - - [System Architecture](#-system-architecture)
7 - - [Directory 구조](#-directory-구조)
8 - - [설치 방법](#-설치-방법)
9 - - [팀원](#-팀원)
10 - - [Reference](#-reference)
11 - - [License](#-license)
12 -<br><br>
13 -
14 -## 🎙 프로젝트 소개
15 -<!--<img src="/uploads/8b4b3fdeebdb94e49dcce865c21c0dd0/GiF.gif" width="600" height="300" />-->
16 -<br>
17 - - <strong>음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스<strong/>
18 - - <strong>Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스<strong/>
19 -<br><br>
20 -
21 -## 📜 주요 기능
22 - - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**string-similarity API**](https://www.npmjs.com/package/) 사용
23 - - Real-time Script Output
24 -<br><br>
25 -
26 -## 🏛 System Architecture
27 2
28 -<!--<img src="/uploads/64f303d19f8a59d152bd8b4cbb0dca7b/Architecture.png" width="700" height="300" align="center"/>--> 3 +## Table of Contents
29 -<br><br> 4 + - [프로젝트 소개](#프로젝트-소개)
30 -## 🗂 Directory 구조 5 + - [팀원](#팀원)
31 -```bash
32 -Teleprompter-STT
33 -├── client ---> Front-end [React]
34 -│ ├── public ---> 정적 파일 보관
35 -│ │ ├── index.html
36 -│ │ ├── manifest.json
37 -│ │ └── robots.txt
38 -│ ├── src
39 -│ │ ├── components
40 -│ │ │ └── Teleprompter.js ---> 음성인식 && 문장유사도 수행
41 -│ │ ├── pages
42 -│ │ │ ├── MainPage.js ---> 메인 화면
43 -│ │ │ └── PrompterPage.js ---> 대본 출력 화면
44 -│ │ ├── App.css
45 -│ │ ├── App.js ---> Router
46 -│ │ ├── App.test.js
47 -│ │ ├── index.css
48 -│ │ ├── index.js
49 -│ │ ├── reportWebVitals.js
50 -│ │ ├── serviceWorker.js
51 -│ │ ├── setupTests.js
52 -│ │ └── styles.js ---> PrompterPage.js Style
53 -│ ├── .gitignore
54 -│ ├── package-lock.json
55 -│ └── package.json
56 -
57 -├── .gitignore
58 -├── LICENSE ---> MIT License
59 -├── package-lock.json
60 -├── package.json
61 -├── README.md
62 -└── server.js ---> Back-end [Node.js Express]
63 -```
64 <br><br> 6 <br><br>
65 7
66 -## :keyboard: 설치 방법 8 +## 프로젝트 소개
67 -#### ☝️ React & Express 서버 동시 구동 (Local Server로 동작) 9 + * 딥러닝을 이용하여 저렴하고 데이터 처리가 용이한 카메라를 통한 영상인식 기술을 활용해 차간 거리를 일정하게 유지하며 주행하는 Adaptive Cruise Control기능을 구현한다.
68 -
69 -##### client 폴더 이동
70 -`$ cd Teleprompter-STT/client`
71 -
72 -##### React에 필요한 모듈 설치
73 -`$ npm install`
74 -
75 -##### Teleprompter-STT 폴더 이동
76 -`$ cd ..`
77 -
78 -##### Node.js에 필요한 모듈 설치
79 -`$ npm install`
80 -
81 -##### React & Express 서버 동시 시작
82 -`$ npm run dev`
83 -
84 -<br>
85 -#### ✌️ Express 서버로만 구동 (Heroku로 배포 가능)
86 -
87 -##### client 폴더 이동
88 -`$ cd Teleprompter-STT/client`
89 -
90 -##### React에 필요한 모듈 설치
91 -`$ npm install`
92 -
93 -##### Build File 생성
94 -`$ npm run build`
95 -
96 -##### Teleprompter-STT 폴더 이동
97 -`$ cd ..`
98 -
99 -##### Node.js에 필요한 모듈 설치
100 -`$ npm install`
101 -
102 -##### Express 서버 시작
103 -`$ npm run server`
104 <br><br> 10 <br><br>
105 11
106 -## 👥 팀원 12 +## 팀원
107 - 권동영 (2016110307) 13 - 권동영 (2016110307)
108 -- 김다솔 (2017110268) 14 +- 신동해 (2018110651)
109 -<br><br>
110 -
111 -## 📋 Reference
112 -- [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)
113 -- [**string-similarity API**](https://www.npmjs.com/package/)
114 -- [**Material-Ui**](https://material-ui.com/)
115 -<br><br>
116 -
117 -## 📋 License
118 -Teleprompter-STT is [MIT licensed](./LICENSE).
119 -
120 <br><br> 15 <br><br>
...\ No newline at end of file ...\ No newline at end of file
121 -[👆Back To The Top](#teleprompter-stt)
...\ No newline at end of file ...\ No newline at end of file
......