# Glancer - 유튜브 비디오를 이미지로 보는 HTML로 만들기

> Clean Markdown view of GeekNews topic #3704. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=3704](https://news.hada.io/topic?id=3704)
- GeekNews Markdown: [https://news.hada.io/topic/3704.md](https://news.hada.io/topic/3704.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-02-08T11:53:17+09:00
- Updated: 2021-02-08T11:53:17+09:00
- Original source: [github.com](https://github.com/rberenguel/glancer)
- Points: 17
- Comments: 3

## Topic Body

긴 영상을 보지 않고 한번에 훑어보게 해주는 오픈소스

1. 유튜브 영상과 자동생성된 자막을 다운로드

2. 30초마다 한번씩 이미지를 캡쳐

3. 이미지와 해당 화면의 자막을 좌우에 넣은 한페이지 HTML 생성

ㅤ→ 이미지를 base64인코딩해서 넣은 1개의 파일(2~5메가)

* 이미지는 클릭하면 크게 볼수있고, 클릭하면 유튜브의 해당 위치로 점프하는 링크 포함

- youtube-dl + ffmpeg + Haskell 오픈소스

## Comments



### Comment 4423

- Author: xguru
- Created: 2021-02-08T11:53:33+09:00
- Points: 1

홈브루 3.0 + 하스켈스택을 M1 맥에서 설치하고 해보니

타이틀쪽에서 UTF8에러가 나서 그거만 강제로 Latin1 으로 수정하고 실행해봤더니 잘 되네요.

제가 한번 만들어본 What is Kafka 영상의 미리보기 입니다.

- https://www.dropbox.com/s/szj8zqw7uryme7y/what_is_kafka.html?dl=0

저는 아주 유용해서 종종 사용할듯 합니다. 한글 자막도 함 테스트 해봐야 할거 같아요.

### Comment 4425

- Author: heycalmdown
- Created: 2021-02-08T15:18:15+09:00
- Points: 1
- Parent comment: 4423
- Depth: 1

한글자막 성공사례 기대하겠습니다

### Comment 4424

- Author: xguru
- Created: 2021-02-08T11:57:54+09:00
- Points: 1
- Parent comment: 4423
- Depth: 1

제작자의 샘플 : https://mostlymaths.net/glances/data/spark/accelerating-spark-sql-pandas.html