스크린레코더 4

크롭몬 버그픽스(v1.0.1) - 윈도우에서 레코딩 화질 깨지는 이슈

문제 크롭몬(v1.0.0)으로 윈도우 환경에서 레코딩시 가끔씩 아래 영상처럼 색상이 잘못 표현되는 문제가 있었다. (수평 라인들이 보이며 뭔가 패턴이 있는 것 같다) 삽질 일단 재현 경로만 확실히 알면 원인과 솔루션을 찾는건 쉽다. 하지만 이건 맥에서는 전혀 재현이 안되고 윈도우에서도 잘될때는 계속되고 안될때는 계속 안되는 등 도무지 패턴을 못 찾겠는거다. 이런저런 시도들을 해봤는데 효과가 없었다. (별로 의미 없음 무시) 두 영상 소스를 머지하는 부분을 Worker 에서 Renderer 프로세스로 다시 가져와보기 캔버스를 두개를 활용해서 일종의 더블버퍼링을 해보기 프레임레이트를 낮춰서 캔버스 Draw 빈도를 줄이기 아이디어 그렇게 주말이 지나가고 있었다. 빨리 정리하고 당분간 좀 쉬고 싶었다. 하지만 ..

CropMon 성능 개선 작업 PoC (1/2) - FFmpeg 리서치

배경 CropMon 은 현재 일렉트론(Electron) 프레임워크가 제공하는 desktopCapturer 를 이용해서 스크린 레코딩을 하고 있다. 이는 다시 내부적으로는 Chromium 이 제공하는 화면 레코딩 API 을 이용하고 있다. 브라우저 환경에서 화상 회의 중에 화면 공유를 한다거나 하는 기능들이 모두 이 API 를 활용하고 있다. 다만, 이 API 가 제공하는 성능적인 제약이 있어서 일반적인 화상회의 유스케이스에는 크게 문제가 안되지만 고프레임레이트를 지원하기에는 다소 아쉬운 부분이 있다. ❌ 30fps 의 벽 (60fps 레코딩 불가) ❌ 음성의 경우 mono 만 지원 ❌ 영역 Crop 디코딩 -> 비디오 요소 캔바스에 그리기 -> 다시인코딩 과정이 필요한데 비효율적 스크린 레코딩 어플리케이..

스크린레코더- 백로그

현재 토이로 진행 중인 스크린레코더 Kropsaurus의 백로그에 대해서 메모겸 다짐겸 적어본다. Season 1 - 아주 심플 레코딩 (0.4.1 기준 여기까지 왔음) 캡쳐 영역 선택 + 레코딩 기본 동작 코드싸이닝 자동업데이트 사용자 단축키 지정 싱글 오버레이로 여러 스크린을 오버랩해서 레코딩 롱타임 레코딩 (파일 버퍼링) Season 2 - 레코딩 기능 보강 레코딩 후 간단한 편집 (Trimming) 오디오 레코딩 지원 특정 윈도우 및 전체화면 지정 모드 레코딩 중 간단한 드로우 지원 Season 3 - 레코딩 기능 고도화 웹캠 Mix 지원 GPU 레벨 레코딩 지원 (게임 등) Season 4 - 최적화 및 사용자 만족도 올리기 성능 병목 찾아 해소 및 리소스 사용률 줄이기 필요하면 일부 컴포넌트 ..

스크린레코더 - MVP 릴리즈 (Kropsaurus)

개발 요약 만들리에 두번째 프로젝트인 스크린레코더의 MVP(Minimal Viable Product) 개발을 완료했다. - 녹화 길이 무제한, No 워터마크, 사용하기 쉬운 무료 스크린레코더 - 개발기간 4월초~6월초 (하루 평균 2시간, 약 2개월) - 커밋 142개, 코드라인 +23409 (+36484 / -13075) - 주요 언어 TypeScript, 프레임워크 Electron, 에디터 VSCode - 지원 운영체제 MacOS / Windows 다운로드 https://kropsaurus.pineple.com 개발 중 주요 이슈 앱 이름 정하기 앱 이름을 짓기는 정말 어렵다. 뭔가 정체성이 나타나야하고 세련되고 입에 붙는 그런 이름.. 근데 그건 포기했다. 그냥 스크린 씹어먹으라고 애들이 좋아하는 ..