44 lines
1012 B
Markdown
44 lines
1012 B
Markdown
# whisper-transcript
|
|
|
|
이 웹 컴포넌트는 Whisper의 JSON 출력 결과를 그래픽으로 시각화하여 각 단어의 신뢰도와 타이밍을 확인할 수 있게 해줍니다.
|
|
|
|
## 설치
|
|
|
|
```bash
|
|
yarn add whisper-transcript
|
|
```
|
|
|
|
## 사용법
|
|
|
|
모듈을 로드합니다.:
|
|
|
|
```html
|
|
<script type="module" src="https://cdn.jsdelivr.net/npm/whisper-transcript@latest/dist/index.js"></script>
|
|
|
|
그리고 아래와 같이 사용합니다.
|
|
|
|
<whisper-transcript audio="media.mp3" url="media.json"></whisper-transcript>
|
|
```
|
|
|
|
비디오 파일도 가능합니다.:
|
|
|
|
```html
|
|
<whisper-transcript video="media.mp4" url="media.json"></whisper-transcript>
|
|
```
|
|
|
|
## Develop
|
|
|
|
```bash
|
|
yarn install
|
|
yarn start
|
|
```
|
|
|
|
이 명령어는 demo 디렉토리에 있는 페이지를 엽니다.
|
|
필요하다면 audio.mp3와 audio.json 파일을 교체하여 생성한 스크립트를 테스트하고 확인할 수 있습니다.
|
|
|
|
## docker
|
|
|
|
```bash
|
|
docker compose build
|
|
docker compose up
|
|
``` |