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 | ... | ... |
-
Please register or login to post a comment