パソコンの操作画面の動画を撮ってブログに埋め込む。Snipping Toolが以外と便利だったという話

  • URLをコピーしました!

動画を投稿するツールといえばYoutube。

しかし、パソコンの画面を録画して動画をつくるといったとき、今回ひょんなことから発見したのが、Snipping Toolが以外とシンプルで使いやすかったということです。

目次

パソコン操作を画面を録画してYoutube投稿

今回、Excelを開いたパソコンの画面で、動作の仕方、イメージを録画したいということで、Youtubeに投稿しました。

動画をつくるのに使ったのは、OBS Studio。

わたしもセミナーなどの動画をつくるときに使っています。
子供とゲーム実況動画をたまーにつくるといったときも使っています。

で、今回のパソコンの画面操作を録画しようとなってまず思い当たったのがこのOBSでした。
「使ってるし、まぁこれでできるでしょ」というように。

ただ、すんなりできたか?というと、そんなこともなく…。

小さなきっかけでしたが、「別のやり方もシンプルでいいかも」という気づけることもありました。

次のようなことです。

パソコンの画面操作を録画して動画ファイルをつくる

動画をつくるやり方はいろいろありますが、パソコンの操作画面を録画して…という場合で今回は次の2つのパターンでやってみました。

OBS Studio

まずOBS Studio。
「Excelの画面が映ればいいのね」ということで。

で、OBSのソースに「ウィンドウキャプチャ」を1つ設定。

音声などのほかのソースは設定していません(あくまでExcelの画面の動きがわかればいいということで)。

[ウィンドウ]は録画したいExcel画面を選び、

[録画開始]をクリック。

ただ、これだとうまくいきませんでした。

というのも、今回やりたかったのは、これとは別にExcelのマクロを書いた画面(VBE)も録画に入れたかったのです。そのほうがつながりなどがわかりやすいかな?ということで。

実際撮った動画もこんな感じに。同じExcelの画面上で起動した別の画面(VBE)も映っていません。

ということで、1つだけだったウィンドウキャプチャを追加してみると、

イメージどおりの録画になりました。

Snipping Tool

今度は「Snipping Tool」で録画動画をつくってみます。

「Snipping Tool」はWindowsには標準で入っているアプリ(無料)です。
まずはこれを起動します。

画面下のタスクバーにあるWindowsアイコンをクリック→[すべてのアプリ]の検索窓に「S」と入力してアプリを起動しましょう。

「Snipping Tool」の画面のビデオ(っぽい)アイコンをクリック→[+新規]の順に押すと、

画面が薄暗くなるので、

録画したい範囲を決めます。今回は画面いっぱいにドラックし範囲を広めに。

で、画面上の「スタート」をクリックすると、

3→2→1とカウントダウンがはじまり、録画が開始されます。

で、止めたいところで、録画の停止ボタンをクリックすると、
このような動画閲覧用の画面に変わります。

ここでCtrl +Sで動画ファイルを保存しましょう。ファイルの種類が「MP4」となっているはずです。

あとはYoutubeにこの動画をアップするだけです。

OBSで録画するときと比べると、途中で画面が増えても指定しておいた範囲内であれば、問題なく録画してくれているのがわかります。

OBSのときのような映像キャプチャーを追加する必要もありませんし。そこだけを比較するとSnipping Toolの方がシンプルで便利かなと。

Youtube(限定公開の場合)→WordPress(ブログ)に埋め込む方法

最後につくった動画をブログに埋め込む方法を。

このブログもWordPressでつくっていますが、Youtubeにアップした動画をブログに反映させる方法にはいろいろありますが、今回は埋め込む方法でやってみます。

ちなみに前述のYoutubeは、この”埋め込み”の方法でやっています。

まずYoutubeチャンネルのダッシュボードに前述でつくった動画ファイルをアップロードします。

今回は公開範囲を[限定公開]に(テスト用ということで)。

で、アップロードできたら、このような画面で「YouTubeで見る」をクリック、

おなじみのYoutube画面に変わったら、画面下の[共有]をクリックします。

限定公開にすると、この画面からでないとなぜか後述する共有リンクをコピーできる画面に行けず…(わたしのやり方が違うのかもしれませんけど…)。

で、[埋め込む]をクリックし、

「動画の埋め込み」の下にある[コピー]をクリックします。

次に、コピーしたリンクをブログ(WordPress)に貼り付けます。

ただ、このままでは埋め込んだYoutubeが小さいので、このように変えます。

<iframe width=”560″ height=”315″ src=

<iframe width=”800″ height=”450″ src=


ということで、今回はパソコンの画面操作を収録するのに「Snipping Tool」がシンプルで便利だったというのは思わぬ発見でした。

やり方もひとつではないので、もっといい方法があるのかもしれませんが、気になった都度試してみるのも意外な発見があっておすすめです。



■編集後記
昨日は朝の習慣と研究開発、情報収集、ブログ執筆、読書などを。

■息子(10歳)
なかなかピタッと咳が治まらず。本人は元気そうで学校も楽しんで通えてますが、また病院が必要かもしれません。ちょっと様子を見ようかと。

■昨日の1日1新
・とある手続き

この記事が気に入ったら
いいね または フォローしてね!

  • URLをコピーしました!
目次