令和5年12月22日（金）15:00～16:00＠オンライン

全学FD「講義等ビデオ教材作成者向け講習会」
岡田 義広1,2)、上拾石 弥好1,2)、上田 夏海1)
1) 附属図書館付設教材開発センター
2) DX推進本部・次世代型オープンエデュケーション推進部門
video@icer.kyushu-u.ac.jp

1「講義等ビデオ教材作成者向け講習会」
1. PPTからの動画（プレゼン動画）作成
2. 講義・講習会（プロジェクタ表示）等録画
3. 講義・講習会（プロジェクタ表示）等配信
4. 動画編集等のフリーソフトウェア
1.
2.
3.
4.
5.

動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）
動画編集・Bandicut
動画キャプチャー・Bandicam
動画配信・OBS
ペイント系画像処理・Gimp

九州大学UIプロジェクト Kyudai Taro,2007

2

1. PPTからの動画（プレゼン動画）作成
1. PPTファイルの作成、各ページの発話内容をノートに記載
2. PPT「スライドショー」タグから「スライドショーの記録」を選択
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラ
On/Off・カメラ画像表示・非表示）
4. １ページずつ録画し、すべてのページを録画
5. 動画(***.mp4)として保存

九州大学UIプロジェクト Kyudai Taro,2007

3

1. PPTからの動画（プレゼン動画）作成
1. PPTファイルの作成、発話内容をノートに記載

九州大学UIプロジェクト Kyudai Taro,2007

4

1. PPTからの動画（プレゼン動画）作成
2. PPT「スライドショー」タグから「スライドショーの記録」を選択

九州大学UIプロジェクト Kyudai Taro,2007

5

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

6

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

7

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

8

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

9

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

10

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

11

1. PPTからの動画（プレゼン動画）作成
3. 左上（録画・停止・再生）、中央上部（ノート表示・非表示）、右上（Ｘクリア、設定：カメラ・マイクのデバイス）、左下（タイムコード）、中央下部（マーカー・消しゴム）、右下（マイクOn/Off・カメラOn/Off・カメラ画像表示・非表示）

九州大学UIプロジェクト Kyudai Taro,2007

12

1. PPTからの動画（プレゼン動画）作成
4. １ページずつ録画し、すべてのページを録画

九州大学UIプロジェクト Kyudai Taro,2007

13

1. PPTからの動画（プレゼン動画）作成
4. １ページずつ録画し、すべてのページを録画

九州大学UIプロジェクト Kyudai Taro,2007

14

1. PPTからの動画（プレゼン動画）作成
4. １ページずつ録画し、すべてのページを録画

九州大学UIプロジェクト Kyudai Taro,2007

15

1. PPTからの動画（プレゼン動画）作成
5. 動画(***.mp4)として保存

九州大学UIプロジェクト Kyudai Taro,2007

16「講義等ビデオ教材作成者向け講習会」
1. PPTからの動画（プレゼン動画）作成
2. 講義・講習会（プロジェクタ表示）等録画
3. 講義・講習会（プロジェクタ表示）等配信
4. 動画編集等のフリーソフトウェア
1.
2.
3.
4.
5.

動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）
動画編集・Bandicut
動画キャプチャー・Bandicam
動画配信・OBS
ペイント系画像処理・Gimp

九州大学UIプロジェクト Kyudai Taro,2007

17

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図①
スクリーン

録画：担当一人、カメラを操作

プロジェクタHDMI

音声レコーダ

ピンマイク

教師PC

教卓

機材の運搬・接続は不要
編集作業は大変

ガンマイクスクリーン・教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

18

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図②
スクリーン

録画：担当一人、教師用カメラを操作

プロジェクタHDMI

音声レコーダ

ピンマイク

教師PC

教卓

機材の運搬・接続は不要
編集作業は大変

ガンマイクスクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

19

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図②
スクリーン

録画：担当二人、それぞれのカメラを操作

プロジェクタHDMI

音声レコーダ

ピンマイク

教師PC

教卓

機材の運搬・接続は不要
編集作業は大変

ガンマイクスクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

20

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図③
スクリーン

録画：担当一人、教師用カメラを操作
画面キャプチャー用PC

プロジェクタ
HDMI

HDMI
分配器

HDMI

HDMI-USB
アダプタ
USB

HDMI

音声レコーダ

Bandicam
キャプチャーソフトウェア
https://www.bandicam.jp/

ピンマイク

教師PC

教卓

機材の運搬・接続が面倒
編集作業は楽ガンマイク

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

21

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図④
スクリーン

録画：担当一人、教師用カメラを操作
画面キャプチャー用PC

プロジェクタ
HDMI

HDMI
分配器

HDMI

HDMI-USB
アダプタ
USB

HDMI

音声レコーダ

Bandicam
キャプチャーソフトウェア
https://www.bandicam.jp/

ピンマイク

教師PC

教卓

機材の運搬・接続が面倒
編集作業は楽ガンマイク

スクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

22

2. 講義・講習会（プロジェクタ表示）等録画
機器構成・接続図④
スクリーン

録画：担当二人、それぞれのカメラを操作
画面キャプチャー用PC

プロジェクタ
HDMI

HDMI
分配器

HDMI

HDMI-USB
アダプタ
USB

HDMI

音声レコーダ

Bandicam
キャプチャーソフトウェア
https://www.bandicam.jp/

ピンマイク

教師PC

教卓

機材の運搬・接続が面倒
編集作業は楽ガンマイク

スクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

HDMI(High-Definition Multimedia Interface)SDI（Serial Digital Interface）

23

2. 講義・講習会（プロジェクタ表示）等録画

スクリーン

教師PC

スクリーン用カメラ
教卓

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

画面キャプチャー用PC

24

2. 講義・講習会（プロジェクタ表示）等録画

ガンマイク

スクリーン用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

25

2. 講義・講習会（プロジェクタ表示）等録画

ピンマイク
受信機
ガンマイク

教師用カメラ

九州大学UIプロジェクト Kyudai Taro,2007

27

2. 講義・講習会（プロジェクタ表示）等録画

画面キャプチャー用PC

教師PC

音声レコーダー

HDMI分配器
HDMI-USB
アダプタ

ピンマイク
送信機
教卓

九州大学UIプロジェクト Kyudai Taro,2007

28

2. 講義・講習会（プロジェクタ表示）等録画
教師PC

音声レコーダー

HDMI分配器
ピンマイク送信機
教卓

九州大学UIプロジェクト Kyudai Taro,2007

29

2. 講義・講習会（プロジェクタ表示）等録画
画面キャプチャー用PCHDMI
分配器

教卓

HDMI-USB
アダプタ
九州大学UIプロジェクト Kyudai Taro,2007

30

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam

入力デバイスでHDMIを指定

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

31

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
HDMI入力のウィンドウが表示される

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

32

2. 講義・講習会（プロジェクタ表示）等録画

教師PCでプレゼンテーションを開始

九州大学UIプロジェクト Kyudai Taro,2007

33

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
録画開始

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

34

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
録画中https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,200735

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
録画中https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

36

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
録画終了

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

37

2. 講義・講習会（プロジェクタ表示）等録画
動画キャプチャー・Bandicam
録画停止中

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,2007

38「講義等ビデオ教材作成者向け講習会」
1. PPTからの動画（プレゼン動画）作成
2. 講義・講習会（プロジェクタ表示）等録画
3. 講義・講習会（プロジェクタ表示）等配信
4. 動画編集等のフリーソフトウェア
1.
2.
3.
4.
5.

動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）
動画編集・Bandicut
動画キャプチャー・Bandicam
動画配信・OBS
ペイント系画像処理・Gimp

九州大学UIプロジェクト Kyudai Taro,2007

39

3. 講義・講習会（プロジェクタ表示）等配信
機器構成・接続図①
スクリーン

配信のみ：担当二人、教師用カメラと配信用PC操作
HDMI
分配器

プロジェクタHDMI

HDMI

音声レコーダ

教師PC

機材の運搬が面倒

ピンマイク

録画も可能

HDMI

HDMI-USB
アダプタ

HDMI

HDMI-USB
アダプタ

ガンマイク
SDI or HDMI
SDI-HDMI
アダプタ

配信用PC
Internet

USB
USB

OBS

配信用ソフトウェア

https://obsproject.com/ja/download

教師用カメラ

九州大学UIプロジェクト KyudaiTaro,2007
HDMI(High-Definition
Multimedia Interface), SDI（Serial Digital Interface）

40

3. 講義・講習会（プロジェクタ表示）等配信
機器構成・接続図②
スクリーン

録画と配信：担当二人、教師用カメラと配信用PC操作

プロジェクタ
HDMI

教師PC

機材の運搬・接続が面倒、編集作業は楽

ピンマイク

録画も可能

HDMI

HDMI-USB
アダプタ

HDMI

HDMI-USB
アダプタ

ガンマイク
SDI or HDMI
SDI-HDMI
アダプタ

配信用PC
InternetUSB
USB

OBS

配信用ソフトウェア

https://obsproject.com/ja/download

教師用カメラ

九州大学UIプロジェクト KyudaiTaro,2007
HDMI(High-Definition
Multimedia Interface), SDI（Serial Digital Interface）

41

3. 講義・講習会（プロジェクタ表示）等配信
機器構成・接続図③

配信のみ：担当二人、教師用カメラと配信用PC操作

プロジェクタ

スクリーン

HDMI

音声レコーダ

教師PC

機材の運搬が面倒

ピンマイク

SDI or HDMI

ガンマイク

録画も可能
SDI-HDMI
アダプタ
SDI-HDMI
アダプタ

SDI or HDMI

HDMI

HDMI-USB
アダプタ

HDMI

HDMI-USB
アダプタ

配信用PC
Internet

USB
USB

OBS

配信用ソフトウェア

https://obsproject.com/ja/download

スクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト KyudaiTaro,2007
HDMI(High-Definition
Multimedia Interface), SDI（Serial Digital Interface）

42

3. 講義・講習会（プロジェクタ表示）等配信
機器構成・接続図④

録画と配信：担当二人、教師用カメラと配信用PC操作

プロジェクタ

スクリーン

教師PC

機材の運搬・接続が面倒、編集作業は楽

ピンマイク

ガンマイク

SDI or HDMI

録画も可能
SDI-HDMI
アダプタ
SDI-HDMI
アダプタ

SDI or HDMI

HDMI

HDMI-USB
アダプタ

HDMI

HDMI-USB
アダプタ

配信用PC
Internet

USB
USB

OBS

配信用ソフトウェア

https://obsproject.com/ja/download

スクリーン用カメラ

教師用カメラ

九州大学UIプロジェクト KyudaiTaro,2007
HDMI(High-DefinitionMultimedia Interface), SDI（Serial Digital Interface）

43

3. 講義・講習会（プロジェクタ表示）等配信
スクリーン用カメラ
教師用カメラ

配信用PC
HDMI-USB
アダプタ
HDMI-USB
アダプタ

教卓

HDMI(High-Definition Multimedia Interface),
SDI（Serial Digital Interface）
九州大学UIプロジェクト Kyudai Taro,2007

44

3. 講義・講習会（プロジェクタ表示）等配信
HDMI(High-Definition Multimedia Interface),
SDI（Serial Digital Interface）

HDMI-USB
アダプタ

HDMI-USB
アダプタ

九州大学UIプロジェクト Kyudai Taro,2007

45

3. 講義・講習会（プロジェクタ表示）等配信
スタジオモード画面

シーン設定

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

出力画像

46

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

47

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

48

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

49

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

50

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

51

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

52

3. 講義・講習会（プロジェクタ表示）等配信
シーンの切り替え・追加

ソース変更・追加

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

53

3. 講義・講習会（プロジェクタ表示）等配信
シーンの選択出力画像

九州大学UIプロジェクト
Kyudai Taro,2007動画配信・OBS（OpenBroadcaster
Software）

54

3. 講義・講習会（プロジェクタ表示）等配信
シーンの選択出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

55

3. 講義・講習会（プロジェクタ表示）等配信
シーンの選択出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

56

3. 講義・講習会（プロジェクタ表示）等配信
録画の開始

Ｃａｍ１（ひき）を指定

出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

57

3. 講義・講習会（プロジェクタ表示）等配信
録画の終了

Ｃａｍ１（ひき）を指定

出力画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

58

3. 講義・講習会（プロジェクタ表示）等配信
YouTube等配信

YouTube等配信設定を行う。

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

59

3. 講義・講習会（プロジェクタ表示）等配信
Zoom配信・仮想カメラの開始

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

60

3. 講義・講習会（プロジェクタ表示）等配信
Zoom配信・仮想カメラの開始

ビデオ設定でOBS Virtual Cameraを選択

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

61

3. 講義・講習会（プロジェクタ表示）等配信
Zoom配信・仮想カメラの開始

カメラ選択でOBS Virtual Cameraを選択

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

62

3. 講義・講習会（プロジェクタ表示）等配信
Zoom配信・仮想カメラ画像配信中

出力画像を仮想カメラへ未出力

OBS Virtual Cameraの画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

63

3. 講義・講習会（プロジェクタ表示）等配信
Zoom配信・仮想カメラ画像配信中

出力画像を仮想カメラへ出力中

OBS Virtual Cameraの画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

64

3. 講義・講習会（プロジェクタ表示）等配信
WebEx配信・仮想カメラの開始

カメラ設定でOBS Virtual Cameraを選択

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

65

3. 講義・講習会（プロジェクタ表示）等配信
WebEx配信・仮想カメラ開始中

共有設定でOBS Virtual Cameraを選択

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

66

3. 講義・講習会（プロジェクタ表示）等配信
WebEx配信・仮想カメラ画像配信中

OBS Virtual Cameraの画像

九州大学UIプロジェクト
Kyudai Taro,2007
動画配信・OBS（OpenBroadcaster
Software）

67「講義等ビデオ教材作成者向け講習会」
1. PPTからの動画（プレゼン動画）作成
2. 講義・講習会（プロジェクタ表示）等録画
3. 講義・講習会（プロジェクタ表示）等配信
4. 動画編集等のフリーソフトウェア
1.
2.
3.
4.
5.

動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）
動画編集・Bandicut
動画キャプチャー・Bandicam
動画配信・OBS
ペイント系画像処理・Gimp

九州大学UIプロジェクト Kyudai Taro,2007

68

4. 動画編集等のフリーソフトウェア
動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）https://www.microsoft.com/ja-jp/microsoft-365/clipchamp
九州大学UIプロジェクト Kyudai Taro,2007

69

4. 動画編集等のフリーソフトウェア
動画編集・Bandicut

https://www.bandicam.jp/bandicut-video-cutter/
九州大学UIプロジェクト Kyudai Taro,2007

70

4. 動画編集等のフリーソフトウェア
動画キャプチャー・Bandicam

https://www.bandicam.jp/
九州大学UIプロジェクト Kyudai Taro,200771

4. 動画編集等のフリーソフトウェア
動画配信・OBS（Open Broadcaster Software）

https://obsproject.com/ja/download
九州大学UIプロジェクト Kyudai Taro,2007

72

4. 動画編集等のフリーソフトウェア
ペイント系画像処理・GIMP

https://www.gimp.org/
九州大学UIプロジェクト Kyudai Taro,2007

73「講義等ビデオ教材作成者向け講習会」
1. PPTからの動画（プレゼン動画）作成
2. 講義・講習会（プロジェクタ表示）等録画
3. 講義・講習会（プロジェクタ表示）等配信
4. 動画編集等のフリーソフトウェア
1.
2.
3.
4.
5.

動画編集・Microsoft Clipchamp（要マイクロソフトアカウント）
動画編集・Bandicut
動画キャプチャー・Bandicam
動画配信・OBS
ペイント系画像処理・GIMP

九州大学UIプロジェクト Kyudai Taro,2007

74「講義等ビデオ教材作成者向け講習会」

ご清聴ありがとうございました。

九州大学UIプロジェクト Kyudai Taro,2007