uttk / screen-capture-virtual-camera

画面キャプチャを仮想カメラとして表示するブラウザ拡張

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Screen Capture Virtual Camera 🎥

画面キャプチャを仮想カメラとして表示するためのブラウザ拡張です。

ビルド方法

拡張機能を使うには、ソースコードをビルドする必要があります。

先ず初めに、このリポジトリをクローンして以下のコマンドを実行してください。

$> yarn install

次に、ビルドコマンドを実行してビルドします。

# 本番用
$> yarn build

# 開発用
$> yarn dev

# 開発用( ファイル監視 )
$> yarn dev --watch

拡張機能のインストール

※ 現在、Chrome拡張のみ対応しているためChromeのインストール方法のみ記載しています。

chrome://extensions/ にアクセスして、以下の画像のようにディベロッパーモードからパッケージ化されてない拡張機能を読み込むをクリックして、ビルドしたmanifest.jsonが含まれるフォルダーを読み込んでください。

Chrome拡張のインストール方法の解説画像

読み込みが完了すると、以下の画像のようにインストールした拡張が表示されます。

インストールされた拡張が表示されている画像

使用方法

サンプルアプリ

以下のコマンドを実行して、サンプルアプリを実行することができます。

$> yarn start

Google Meet

※ Google Meet の挙動がおかしくなる可能性がありますので、実行する際は自己責任でお願いします。

Google Meet にアクセスして会議を開き、表示したい画面をポップアップから選択すると、選択した画面をカメラとして使用できます。

Google Meetで作った拡張を使用しているGif画像

※ 遷移するたびにポップアップが表示されますので、使用する際はそれぞれ別ウィンドウで開く必要があります。

About

画面キャプチャを仮想カメラとして表示するブラウザ拡張

License:MIT License


Languages

Language:TypeScript 56.8%Language:JavaScript 25.9%Language:HTML 16.1%Language:Shell 1.1%