컴백부터 K-뷰티까지 — K-컬쳐의 모든 것을 메일로 받아보세요메일로 받아보기

METAL MEDIA

biuworks/bilibili-digest

★ 19JavaScript

빌리빌리 영상을 자막·요약·메모가 붙은 학습 자료로 바꿔주는 크롬 확장

biuworks/bilibili-digest는 중국 동영상 플랫폼 빌리빌리(B站)의 재생 화면 옆에 사이드바를 띄워 자막을 읽고, AI로 장 단위 요약과 명언을 뽑고, 드래그한 단어를 설명해주고, 시간이 찍힌 메모를 남기게 해주는 크롬 확장 프로그램이다. 유튜브용으로 먼저 나온 youtube-digest 프로젝트를 빌리빌리 웹 버전에 맞게 다시 만든 것이며 구조와 프롬프트 초안을 그대로 가져왔다. 별 19개를 받은 자바스크립트 기반 오픈소스 프로젝트다.

무엇을 하는 레포인가

  1. 빌리빌리 공식 API에서 자막을 가져와 원문·번역문·이중언어(원문+번역 동시 표시) 세 가지 보기로 제공하고, AI 자막에는 문장부호를 넣고 발음이 같아 잘못 적힌 글자를 고치는 '순구(顺句)' 기능을 붙였다
  2. 긴 영상은 여러 구간으로 나눠 동시에(병렬) 처리하면서 구간 사이에 겹치는 맥락을 넘겨줘 앞뒤가 끊기지 않게 하고, AI가 통째로 자막을 읽어 시간 표시가 달린 장(챕터) 요약과 핵심 문장을 만들어낸다
  3. 자막에서 용어나 개념을 드래그하면 AI가 앞뒤 문맥을 참고해 쉬운 말로 풀어 설명해주는 '획사 해석' 기능과, 재생 중 단축키(n)로 그 순간 자막을 정리해 메모로 남기는 기능을 제공한다
  4. 메모는 영상과 챕터(분P)별로 저장되고 편집·재생·복사·이동이 가능하며, 사람이 고친 메모를 AI가 다듬어주는 제안도 받을 수 있고 시간 링크가 달린 마크다운으로 내보낼 수 있다
  5. 크롬 웹스토어와 마이크로소프트 엣지 부가기능 스토어에서 같은 코드로 설치 가능하며, 소스를 직접 빌드해 개발자 모드로 로드할 수도 있다

왜 중요한가

빌리빌리는 자체 자막·번역·요약 도구가 부족한데, 이 확장은 자막 읽기·AI 요약·메모까지 한 번에 묶어 언어 장벽이 있는 학습 콘텐츠를 더 쉽게 소화하도록 돕는다. 유튜브용 오픈소스 구조를 다른 플랫폼에 이식한 사례로, 비슷한 도구를 만들고 싶은 개발자에게 참고가 된다.

이 레포의 용어

  • 사이드바 · 브라우저 화면 옆에 붙는 보조 창
  • 순구(顺句) · AI가 만든 자막에 문장부호를 넣고 발음이 같아 틀린 글자를 고치되 단어 자체나 시간축은 건드리지 않는 처리
  • 획사 해석(划词解释) · 자막 속 단어나 문장을 마우스로 선택하면 AI가 문맥에 맞게 설명해주는 기능
  • 챕터(분P) · 긴 영상을 여러 편으로 나눠 올리는 빌리빌리의 게시 단위
  • 청크 병렬 처리 · 긴 텍스트를 여러 조각으로 나눠 동시에 처리하는 방식, 조각 사이에 겹치는 부분을 남겨 맥락을 유지함

레포 원문 소개 (영문)

把 B 站视频变成学习资源的 Chrome 扩展：字幕阅读、双语对照、AI 概览、划词解释和带时间戳的笔记

GitHub에서 보기

주목받는 레포

레포 전체 보기 →

METAL MEDIA 최신 기사