OBS Studioを使って自分の背景をスライド資料にする

Tweet

Zoomで任意の画像を背景にできるのですが、スライドや資料やWebページを自分の背景にしたいってときありますよね。

Zooｍでは、画像ファイルか動画ファイルが対象なので、スライドの各ページを画像にして、背景設定したりしてたのですが、OBS Studio使ったら簡単にできました。

OBS Studioのインストール

私はMacなので、こちらのOBS Studioのダウンロードページから、macOSを選択してダウンロードしてインストールしました。

OBS Studioの起動とウィザード

とりあえず起動してウィザードに従って試してみるところまで進めました。

起動直後にキーボード入力の監視を問われたので許可しました。

ウィザードが始まりました。
配信のためか録画のためか聞かれたので、とりあえず配信目的にしました。

映像設定は、デフォルトのままにしました。

配信はしませんが、配信先に選べるサービスがものすごく多い対象から選択できます。
すごいですね。
youtubeを選択しました。

youtubeもストリームキーが必要になったので、[ストリームキーを取得]を押下しました。

ブラウザからyoutubeアカウントにアクセスして、ストリームキーを取得します。

テストが実行されました。

設定ウィザードが終わったので、[設定を適用]を押下しました。

背景にスライド資料を設定するのを試してみる

セキュリティとプライバシーで、OBS Studioに画面収録を許可します。

[ソース]追加で、[ウインドウキャプチャ]を選択して、スライド資料を開いているウインドウを選択しました。

同様に[ソース]追加で、[映像キャプチャデバイス]を追加しました。
これでカメラ映像が追加できました。

追加した[映像キャプチャデバイス]を右クリックして、[フィルタ]を選択しました。

[エフェクトフィルタ]追加で、[クロマキー]を選択しました。
緑色のクロマキーがあったので、「色キーの種類」で「緑」を選択しました。
あとは、2つのソースを重ねただけです。

テストなので、雑に緑クロマキーを背後にぶらさげてみました。
できました。

背景がホワイトボードツールだったら、背景を書き足したりというのもできそうですね。
いやはや夢が拡がりますね。

最後までお読みいただきましてありがとうございました！

【PR】 「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

【PR】 「AWSではじめるLinux入門ガイド」という本を書きました。

【PR】 「ポケットスタディ AWS認定 デベロッパーアソシエイト」という本を書きました。

【PR】 「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル」という本を書きました。

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター3年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。