원문 캡처 · github.com
원문 캡처 · github.com

LectureInk는 강의 영상의 자막이나 오디오, 화면을 바탕으로 타임스탬프가 있는 노트와 코드·다이어그램을 만들고, 이를 사용자의 마크다운 폴더에 저장하는 무료 오픈소스 브라우저 확장 프로그램이다. Chrome과 Edge에서 YouTube, Udemy, Coursera를 비롯해 <video>가 있는 페이지에 사용할 수 있다.

노트에는 영상에서 나온 코드와 강사의 설명, 편집 가능한 Excalidraw 다이어그램이 포함된다. 타임스탬프를 누르면 해당 장면으로 이동하며, 화면을 캡처하거나 다시 볼 순간을 표시할 수도 있다. 강의 노트와 지금까지의 transcript를 바탕으로 질문에 답하는 AI 채팅 기능도 제공한다.

설치에는 Node.js 20 이상이 필요하다. 저장소에서 다음 명령을 실행한 뒤, Chrome 또는 Edge의 확장 프로그램 페이지에서 개발자 모드를 켜고 .output/chrome-mv3를 로드한다.

text
npm install
npm run build # Chrome / Edge → .output/chrome-mv3

개발 중 실시간 새로고침을 사용하려면 npm run dev를 실행한다. 확장 프로그램을 연 뒤 설정에서 노트를 저장할 폴더를 선택하고, 해당 폴더의 파일을 수정하도록 브라우저 권한을 허용해야 한다. Obsidian 보관함도 폴더로 지정할 수 있다. 브라우저를 다시 시작한 뒤에는 폴더 접근 권한을 다시 연결해야 할 수 있다.

AI 기능을 쓰려면 설정에서 Claude, OpenAI, Gemini, Grok, Kimi 또는 Local을 선택하고 API 키를 입력한다. LectureInk는 키를 입력하면 연결을 확인하고 사용할 수 있는 모델을 표시한다. 코드와 다이어그램을 읽으려면 이미지 입력을 지원하는 모델을 선택해야 한다. Claude의 기본 모델은 claude-opus-5-5이며, OpenAI, Gemini, Grok, Kimi는 OpenAI 호환 엔드포인트를 사용한다. Local은 OpenAI 호환 서버를 지원한다. Ollama를 쓸 때는 OLLAMA_ORIGINS=chrome-extension://*로 시작해야 한다.

영상을 재생하면 확장 프로그램 패널에 노트가 나타난다. 패널을 닫으면 노트 작성이 중단되므로 시청 중에는 패널을 열어 둬야 한다. 노트, transcript, 다이어그램, 코드 탭을 볼 수 있고, 다이어그램은 눌러서 Excalidraw에서 편집할 수 있다. AI는 강의에서 다루지 않은 질문에는 그 사실을 밝힌 뒤 일반 지식으로 답한다. 채팅은 저장되지 않으므로 답변을 보관하려면 ‘Add to notes’를 눌러야 한다. 추가한 답변은 노트와 PDF·Word 내보내기에 포함된다.

화면 캡처 버튼은 현재 영상 화면만 저장하며, 이미지는 강의 폴더의 attachments에 들어가고 PDF·Word에도 포함된다. 별도로 LectureInk는 차트나 표, 수식, 시연 중인 앱처럼 보관할 만한 장면을 자동으로 캡처한다. 깃발 버튼은 강사의 직전 발언과 타임스탬프를 강조해 저장한다. 코드 캡처 버튼은 현재 화면의 코드를 AI 모델에 요청해 옮긴다. 자동 코드 감지가 설정에서 꺼져 있어도 이 버튼으로 직접 캡처할 수 있다.

노트와 첨부 이미지·다이어그램은 연결된 폴더에 몇 초 간격으로 자동 저장된다. 강의별로 폴더가 만들어지며, 다이어그램 파일을 Obsidian에서 열려면 Obsidian Excalidraw 플러그인이 필요하다. PDF는 인쇄 대화상자에서 저장하고, Word는 .docx 파일로 내려받는다. 두 형식 모두 노트와 코드, 화면 캡처, 다이어그램을 포함한다.

자막이 없는 영상이 20초 동안 재생되면 오디오를 30초 단위로 녹음한다. 각 청크는 설정한 OpenAI·Groq 음성-텍스트 변환 서비스나 로컬 OpenAI 호환 Whisper 서버로 전송된다. DRM으로 보호된 일부 플레이어에서는 화면 캡처가 검은 화면으로 나오고 오디오도 녹음할 수 없어 자막만으로 노트를 만든다. 교차 출처 iframe 안의 영상은 영상 부분만 잘라내지 않고 보이는 탭 전체를 캡처한다. 사이트별 제목·자막 선택자는 사이트 개편에 따라 작동하지 않을 수 있다.

LectureInk 서버나 계정은 필요하지 않다. API 키는 기기의 storage.local에 저장되며 동기화되지 않고, 요청은 브라우저에서 선택한 AI 제공업체로 직접 전송된다. 강의 데이터는 브라우저의 IndexedDB와 사용자가 선택한 폴더에 저장된다. 자막과 영상 프레임도 선택한 AI 제공업체에 전송된다.

사이트별 선택자는 저장소의 lib/platforms.ts에 있다. 기여 방법은 CONTRIBUTING.md에서 확인할 수 있다. 프로젝트는 MIT 라이선스를 따르며, 빌드에 포함된 Excalidraw 글꼴은 SIL Open Font License를 따른다.