[校園] 遠端課程&直播教學的設定

作者: SSID2244 (ssid)   2020-04-07 16:37:51
如果圖片連結有問題的話可以參考網頁版
https://reurl.cc/20Z2Zm
前言
為了因應中國武漢肺炎,所以從開學到現在一直在跟教授研究怎麼把課程弄成線上課程,

當然可能會有些人覺得遠端課程不用搞的這麼麻煩,這個就見仁見智了,如果要直接用一

先簡單說一下這個方法的優缺點以及呈現方式
優點: 我個人覺得會比直接架相機或DV來的清楚很多,而且比較多資訊
缺點: 當然就是架設起來有點麻煩,然後需要的器材不少 (不過其實也就是需要多兩張擷

畫面看起來會像這樣
畫面1 教授講解課程的時候會有投影片在左下輔助 並且投影片是跟課堂投影機的畫面是
同?
https://imgur.com/4uvzdyT
畫面2 因為我們在課堂上會coding,所以要把老師coding的話放大到全螢幕
https://imgur.com/dcM6cmi
使用器材
擷取卡x2
直播用筆電
教學用筆電
攝影器材
這裡我們擷取卡是使用 AVerMedia GC551 + GC513
GC551是需要下載驅動程式的 GC513則可以支援隨插即用
教學用筆電則是助教自己的筆電 規格上應該不會有太大影響
我這裡使用的是HP ENVY-13
規格如下
OS: Windows 10
CPU: Intel Core i5-8250U
RAM: 8G DDR4
GPU: Intel UHD Graphics 620 (內顯)
攝影器材為 Sony DSC-RX10
使用軟體
OBS (Link : https://obsproject.com/ )
比較麻煩的是剛開始架設設備的部分
大致流程如下
老師上課用筆電 接到 GC513
GC513 將第一個訊號 轉給 投影機 (給在課堂上的同學看的畫面)
GC513 將第二個訊號 轉給 助教的筆電
相機 接至 GC551
GC 551 將影像訊號 轉給 助教的筆電
藍芽耳機 直接用助教的筆電連 (這部分非必要,下面會說明)
將以上的素材 (GC513+GC551+藍芽耳機) 轉到助教直播用的筆電後再利用OBS軟體整合起

Flowchart如下
https://imgur.com/hiWQEa4
PS: AVerMedia的擷取卡只支援USB 3.0 不支援2.0,如果用2.0來連接設備會讓電腦完全
抓?
另外,擷取卡用其他的牌子或是型號應該也是可以,會選GC513和GC551只是因為開學到現

OBS設定如下
https://imgur.com/K6nqiwL
1: 直播畫面區, 即觀眾看到的畫面
2: 場景, 一般直播的話單一場景即可, 但如果除了撥放投影片之外, 還有其他需求的話,
?
3: 來源, 有點類似素材區, OBS的來源主要有
A. 圖片
B. 媒體來源
C. 擷取音訊輸入/出
D. 文字
E. 視窗擷取
F. 視訊擷取裝置
G. 遊戲擷取
H. 顯示器擷取
做直播教學的話比較常用到的應該是 圖片/文字/視窗擷取/視訊擷取裝置/顯示器擷取,
當?
以下我會用我們課程的情況來做範例,由於我們的課程會牽涉半導體物理/線性代數/codi
ng
我們的場景設定有三個
1. 上課場景
2. CODING畫面, 這裡用MATLAB作範例
3. 下課時間的圖片
上課場景的部分 主要需要設定三個來源
1. 視訊擷取裝置 (GC551-相機影像) - Camera
2. 視訊擷取裝置 (GC531-老師電腦畫面) - laptop
3. 圖片 (Copyright 或其他圖片 視情況而定) - copyright
https://imgur.com/BbuC4uX
把上面的來源設定好後,就在直播畫面區設定每個來源的視窗大小
由於我們的課程會頻繁使用matlab寫code, 但是寫CODE時看子母畫面其實蠻不清楚地,所

主要需要設定三個來源
1. 視訊擷取裝置 (GC531-老師電腦畫面)
2. 視訊擷取裝置 (GC551-相機影像)
3. 圖片 (Copyright 或其他圖片 視情況而定)
這裡要注意的是,在加入視訊擷取裝置的時候,因為source在第一個場景已經被使用過了

這裡的設定是把 老師電腦畫面 拉到最大,然後將相機影像拉到最小,之後調整畫面順序

看起來就會像這樣子
https://imgur.com/eLjSpFZ
這樣在直播的途中就可以經由左下「場景」的控制,來調整直播的畫面了
最後我們會有第三個場景,就是下課時的畫面,基本上就是選一張圖片放到最大,然後記

Audio Setting
音源的部分選擇很多, 因為我們接線的關係所以會有
1. 投影片筆電的Mic
2. 直播筆電的Mic
3. 相機的收音
4. 外接藍芽Mic
你可以選一個你想要的音源放到直播中,如下
https://imgur.com/p6yJA9g
OBS中會自帶混音器,所以你可以看你的source那些有音訊,在我們的設定中Audio是用藍

另外,最後我們是選擇Camera的音源,主要是藍芽會有延遲的問題,會造成嘴型跟聲音有

https://imgur.com/dI41Tc8
YouTube Setting
YouTube
1. 在YouTube主頁面右上角 選 進行直播
https://imgur.com/4NmMwgo
2. 如果你之前已經設定過了,可以直接沿用上次直播的設定(如下)
https://imgur.com/IMsibKN
若沒設定過的話,選新增直播會跳出下面的視窗
https://imgur.com/tKPhSCz
標題,說明還有縮圖要用什麼
這邊可以安排直播時間,我們在使用是會預定上課的時間開始直播,然後會先用ceiba或
是N
https://imgur.com/u3NZI4T
設定完後,就到了直播的主控台
這裡最重要的是串流金鑰,這個待會要貼到OBS中
延遲的部分,一般來說低延遲效果會好點,但是得看環境網速而訂。我們是用明達館的有

左側的紅框可以管理你目前的直播,如果你有設定好預定直播的話可以直接從這裡,點進

瀏覽權限則是其他人是否會看到這個直播,公開就是全部人都看的到(但其實也很少會有
人?
https://imgur.com/p7PLYrb
OBS設定
服務選「YouTube / YouTube Gaming」
串流金鑰 從YouTube直播串流複製下來的那串 (如下)
https://imgur.com/AErBkmg
https://imgur.com/0X5hzlp
接著就選擇開始串流,就會開始直播啦!
另外,在直播的同時也可以按開始錄製,OBS會把影像儲存起來,這樣在上傳NTUCOOL的時

總結
1. 架設器材
2. 設定OBS畫面 (畫面來源以及音源設定好)
3. 設定直播平台,把平台產生的金鑰貼到OBS上
4. 開始串流
以上,給要進行線上課程的助教參考,大家都辛苦啦~若有問題的話可以在站內問我
作者: AprilMight (AM。)   2020-04-07 17:06:00
雖然用不到但是看起來很厲害推
作者: unmolk (UJ)   2020-04-07 17:17:00
詳細推
作者: NogiDD   2020-04-07 17:23:00
看不懂但是推
作者: IokUdiefirst (武漢肺炎)   2020-04-07 17:36:00
推中國武漢肺炎
作者: xhakiboo (xhakiboo)   2020-04-07 17:45:00
OBS不是 最簡單的了@@
作者: MultiCam (地聯軍迷彩)   2020-04-07 18:02:00
推 只是用OBS還要切場景的話 助教必須專心點了XD
作者: kangapoo (kangapoo)   2020-04-07 18:48:00
作者: sunev (Veritas)   2020-04-07 19:04:00
專業
作者: pretenderme   2020-04-07 22:46:00
#一百種逼死助教的方法推專業
作者: greywagtail (小灰)   2020-04-08 01:27:00
作者: kirarasun (kirarasun)   2020-04-08 17:50:00
推認真
作者: pipi8696044 (methane)   2020-04-10 12:00:00

Links booklink

Contact Us: admin [ a t ] ucptt.com