카와이카라(KAWAIKARA)는 일렉트론 기반 OTT-Viewer 입니다.
저는 친구들이랑 디코 방송을 하거나 보는 것을 좋아합니다. 그런데 디코방송은 몇가지 불편한 점들이 있습니다. 디코의 방송은 하나의 프로그램 창만을 캡쳐할 수 있다는 거죠. OTT를 스트리밍하는데 브라우저(chrome, firefox 등...)를 사용하는 방법도 있지만, 전체화면을 하지 않을 경우 주소창과 같은 불필요한 UI 스트리밍 영상의 일정한 부분을 차지할 것입니다. 체감상 이 영역은 꽤 큽니다. 만일 친구들과 같이 OTT를 틀어놓으며 잡담을 하며 일을 하고 싶은 사람이 있다면 이는 보는 입장에서 많이 불편할 것입니다. 따라서 저는 작은 디스코드 화면에 꽉차게 스트리밍할 수 있는 뷰어를 개발하였습니다.
- 유뷰트 & 유튜브 광고 제거
- PiP (Picture in Picture)
- 영상 풀스크린 모드를 사용자 지정화면에 맞도록 변환
- 크롬 익스텐션(현재 개발 중)
- OTT
- Netflix
- Lafetel
- Youtube
- Disney plus
- Amazonprime
- Wavve
- Watcha
- Coupangplay
- Tving
- 음악
- Apple music (현재 문제가 있음)
- 스트리밍
- Chzzk
- Twitch
넵, 일렉트론은 기본적으로 CDM 을 지원하지 않습니다. castlab에서 제공하는 다른 일렉트론을 포크를 사용하여 제작되었습니다.
라프텔 비디오 스트리밍 예시 
라프텔 기본모드(좌), 풀 스크린 모드(우)
넷플릭스 Rebel Moon.
디스코드 스트리밍
(기본 모드)
디스코드 스트리밍
(풀스크린 모드)
디스코드가 메뉴를 같이 캡쳐하기 때문에 기본적으로 메뉴는 숨겨져 있습니다.
따라서 메뉴를 나타나게 하려면 아래의 단축키를 활용하세요.
메뉴 보기 : alt
일렉트론은 크롬 익스텐션을 완벽하게 지원하지 않습니다. 이는 일렉트론이 크롬 확장을 위해 만들어진게 아니기 때문입니다.(웹브라우저가 아닌 데스크톱 앱을 위해 만들어진 것입니다.)
이런 이유로, 일렉트론은 크롬 브라우저의 탭이나 다른 구성 요소들을 가지고 있지 않습니다. 따라서 이런 크롬에서만 제공되는 기능들을 사용하는 크롬 익스텐션은 카와이카라에서 의도하지 않은 동작을 유발할 수 있습니다.
제 결론은 "가능하다면 사용을 자제하는 게 좋다" 입니다. 그러나 크롬 익스텐션이 카와이카라에 적용되어 좋은 기능들을 제공할 수 있다는 것을 인지하고 있습니다.
app_path/extension/아래에 extension google file 넣어두기
or
google에서 직접 설치한거 가져오기.(app에서 자동으로 찾음)
window의 경우 %USERPROFILE%/google/chrome/${hash}/${version}/
직접 제작은 간단합니다. 일단 nvm(node version manager)를 설치하고 최신버전의 node를 설치해주세요. 그냥 node.js환경만 갖춘다면 충분합니다. 그 이후 yarn을 설치해주세요. 자세한 사항은 구글 검색을 통해서 알아서 하시면 됩니다. 저는 nvm을 사용하여 node환경을 먼저 설정하는 것을 강력하게 추천드립니다.
설치를 시작하기 전에 castlab의 id를 만들어야 합니다. 이것은 electron이 google의 drm을 풀어주는 widevine을 내장하지 않아서 그런 것이라고 합니다.
이것은 python 환경을 필요로 하니, conda를 설치해 주도록 합니다.(miniconda로 설치를 적극 추천드립니다.)
아래의 코드를 따라 치시면 됩니다.
castlab 계정 생성하기.
# 콘다 가상 환경 설정 및 castlab 라이브러리 다운로드
conda create -n test_env python=3.10
conda activate test_env
pip install castlabs_evs
#계정 생성
python -m castlabs_evs.account signup
# 컴퓨터를 castlab에 로그인 시킵니다.
python -m castlabs_evs.account reauth -A ${your_account} -P ${your password}
# 진짜 끝!powershell 에서 아래의 코드를 실행해야 합니다. 인증서를 생성하는 함수는 powershell의 기능을 사용하기 때문입니다. 다음은 실제 프로젝트 디렉토리에서 해야할 일입니다.
yarn install # package.json의 모든 library 설치
yarn make-cert # 사설(?) 인증서 생성(진짜 인증서는 가격이 꽤 비쌉니다...)
yarn build # 빌드 시작.