KAWAIKARA

KAWAIKARA is OTT-Viewer based on Electron

I'm enjoying Discord broadcasting with my friends. and its service fit to me very weeelll. However there are few problems. Discord acquires only single program window and many streaming services use DRM. watching OTT-streaming by Browser may be an alternative way. But Wathching By Browser waste screen area(I just want fullscreen mode but not actually fullscreen. I just want to remove address bar and scrollbar and other UIs.) That's why I decide to develop super-duper-tight&fit OTT-streaming viewer.

Features

• adblock for youtube (Library was Deprecated.)
• PiP (Picture in Picture)
• fullscreen to user fixed window
• Chrome extension (Now Developing) (Canceled)
• Wathcing Chzzk with Ad Free
• Watching OTT with friends on Discord

Available for

• OTT
  • Netflix
  • Lafetel
  • Youtube
  • Disney plus
  • Amazonprime
  • Wavve
  • Watcha
  • Coupangplay
  • Tving
  • Crunchyroll
• Music
  • Apple music
• streaming
  • Chzzk
  • Twitch

Rich Presence On Discord

Use Kawai Rich Presence on Discord

DRM-problem

Yes, Electron doesn't support CDM due to the Liscense. In this reason, I couldn't directly use Electron frameworks. To support DRM product, I used castlab's electron fork.

Examples

streaming video examples

Laftel default mode(left), full screen mode(right)

Netflix Rebel Moon.

discord streaming
(default mode)

discord streaming
(full screen mode)

Usage

You can Use Tab key to Open Menubar

1. Click Tab key to Open Menu.
2. Select service what you want.
3. Enjoying Service!

• Open Menu : Tab
• Fullscreen On/Off : Alt+Enter

build your own OTT-viewer(Windows 10/11)

This is simple way. Just follow my way. you must prepare nodejs environment. I recommend to use nvm(node version manager) and yarn.

before starting. we need to register castlab that organization(company ? or not...) provides CDM certification.

install conda environment sign up castlab

conda create -n test_env python=3.10
conda activate test_env
pip install castlabs_evs

#make castlabs account
python -m castlabs_evs.account signup

#after signup. login with your computer.
python -m castlabs_evs.account reauth -A ${your_account} -P ${your password}

ok. then it's done.

Make available for disord Rich presence

crete .env file in your root repository.

DISCORD_APP_ID=${write App ID here.}
DISCORD_PUB_KEY=${write App public key here.}

Publish To your Own Repository

You must run this script on powershell.(funtion that generating certification file use powershell functions.)

yarn install # install all deps in package.json 
yarn make-cert:win # make your self-signed-cert(offical cert is too expensive...) 
# package_local_only rename to 
yarn build # it's all done. baby.

build your own OTT-viewer(MacOS)

install conda environment sign up castlab

conda create -n test_env python=3.10
conda activate test_env
pip install castlabs_evs

#make castlabs account
python -m castlabs_evs.account signup

#after signup. login with your computer.
python -m castlabs_evs.account reauth -A ${your_account} -P ${your password}

ok. then it's done.

You must run this script on powershell.(funtion that generating certification file use powershell functions.)

yarn install # install all deps in package.json 
yarn make-cert:mac # make your self-signed-cert(offical cert is too expensive...) 
# package_local_only rename to 
yarn build # it's all done. baby.