教學遠距教學OBS

[教學] 遠距鋼琴課- OBS 雙鏡頭的設置方式

OBS+26_0.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_10+%25E4%25B8%258B%25E5%258D%2588+12_24_15


一般在上鋼琴課時通常會需要指導手型與指法,因此遠距教學若只靠一顆手機鏡頭來上課就變得很難與學生溝通,雖然可以透過兩支手機同時加入會議來作為暫時的解決方案,但如果老師和學生都使用兩支手機,一場會議就會有四台裝置加入會議,這大大的考驗了家裡或是行動網路的頻寬速度和穩定性。因此本文要介紹的是如何在電腦上透過免費軟體 OBS 來整合兩個視訊鏡頭,讓老師和學生都能清楚的看到對方的臉和雙手。


什麼是 OBS ?

OBS 全名 Open Broadcaster Software ,顧名思義是一套免費開源的影音直播軟體,它可以將輸入電腦中的影音混合輸出成單一個畫面和音軌並即時輸出,大家在 YouTube 上看到很多的直播主都是使用這套軟體在進行直播的。而我們就是要利用 OBS 中其中一個將多個攝影鏡頭整合成單一個影像輸出的功能,設定成 Google Meets 、 Microsoft Teams 以及 Zoom 等通訊軟體的虛擬攝影鏡頭,如此一來老師和學生就能用一台裝置實現同時看到臉和雙手的兩個畫面。

首先你需要一台電腦和兩顆視訊鏡頭

要使用 OBS 這套免費軟體,手機和 iPad 是無法達成的,你必須要有一台電腦,不管是桌上型還是筆記型電腦, Windows 或 Apple Mac OSX 都可以。 雖然不需要超強大的電腦,但建議處理器至少有 Intel i5 以上的規格,且有 8GB 以上的記憶體才能確保視訊流暢。此外如果在鋼琴上或附近沒有地方擺放鍵盤滑鼠,或是平常不使用電腦不習慣滑鼠的操作,會推薦購買有觸控螢幕的 Windows 電腦如 Surface laptop。使用直立式鋼琴的人可能也可以考慮類似 Surface pro 的平板電腦,這樣就可以將電腦直接放在譜架上。

桌上型電腦會需要購買兩顆視訊鏡頭,但通常筆記型電腦上已經有一顆鏡頭,所以只需要再選購一顆外接的 USB Webcam 即可,價格約在一千元台幣左右的 Webcam 就可以達到很不錯的效果了。當然,如果預算充裕也可以選擇解析度較高(如 FullHD 1080p)或是具備自動對焦與自動曝光的機種,可以讓畫面更清晰。


架設攝影機

141286

由於一般的 Webcam 鏡頭視角不會太寬廣,為了拍攝到整個鋼琴鍵盤必須將鏡頭設置在相當高的位置,而筆者家中是平台式鋼琴因此沒有牆壁或書櫃來架設鏡頭,因此選擇在平台鋼琴上面放置相機腳架,並用膠帶將 Webcam 固定在腳架的手柄上,固定在突出的手柄上的原因是腳架的中心離鍵盤太遠,如果沒有手柄可以用直尺之類的東西固定在腳架上來取代。

筆記型電腦就放在三腳架的底下,現場如果較昏暗有使用鋼琴燈補光時,建議用透光的紙張或是氣泡紙讓燈光均勻擴散,避免光線過於強烈直射,造成畫面明暗不均勻或曝光過度看不清楚。

設定 OBS

首先請到 OBS 官方網站下載軟體並安裝,這邊不贅述安裝過程 (進入網站選擇 Windows 版或是 Mac 版,點擊就會開始下載。安裝過程中會可能會是英文,但只要一直點Next > 按鈕到 Finish 就可以了)。安裝完成後啟動 OBS ,會先跳出自動設定精靈,選擇『我只會使用虛擬相機』,然後下一步之後再按『套用設定』完成。如果沒有跳出也沒關係,因為我還是要手動設定解析度。

OBS+27.0.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_12+%25E4%25B8%258B%25E5%258D%2588+10_15_48

OBS+27.0.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_12+%25E4%25B8%258B%25E5%258D%2588+10_16_05

接著會在主畫面會看到黑的畫面什麼都沒有,這是正常的,因為還沒設定要放什麼影像進來。但在放畫面之前先來設定解析度,點選右下角的設定。

InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_12_37_LI


將左邊切換到『影像』分頁,解析度可以想成是畫布的大小,預設的解析度會是可能是電腦螢幕的解析度,如果是近幾年的電腦通常會是FullHD (1920x1080) 或是更高,但視訊軟體不需要這麼高的解析度,過高的解析度會佔用電腦的效能和網路頻寬,導致視訊有延遲。將圖中①和②兩個項目設定為 1280x720 後,按右下角確定。

InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_06_17_LI+%25282%2529


接著要來新增攝影鏡頭的畫面到畫布上,在畫面左下方點選+號後,點選『視訊擷取裝置』。

%25E8%259E%25A2%25E5%25B9%2595%25E6%2593%25B7%25E5%258F%2596%25E7%2595%25AB%25E9%259D%25A2+%252834%2529_LI


會跳出一個視窗為要建立的攝影機命名,可以使用預設的名稱,不過為了方便辨識我會寫上內建攝影機來分辨筆記型電腦的鏡頭和外接的 USB 鏡頭。命名完後按下確認。

InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_11_40_LI


接著會出現相機的設定畫面,紅圈處選擇面相自己的攝影機名稱後按下確認。

OBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_13_38


這時主畫面上就會出現內建攝影機的畫面,但因為他佔用了整張畫布的空間,所以我會用滑鼠在邊框紅色控制點上拖移來調整大小。
OBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_14_08


接著照剛剛的方法再新增第二個來源,這次我命名為外接攝影機,一樣在裝置的地方找到架設在鋼琴鍵盤上方的鏡頭。但我發現鏡頭的方向是上下顛倒的,這時雖然也可以直接旋轉架設好的鏡頭,但其實可以透過電腦調整。(如果你的鏡頭方向沒有問題可以跳過下一步)

InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_15_26_LI



往下捲動的時候會看到一個『垂直翻轉』的勾勾把他勾起來,這時候上面的預覽會面就可以看到鋼琴鍵盤已經轉向自己的方向了,但同時我也發現我戴手錶的左手跑到右手方了,這個問題後面再來解決,先按確定回到主畫面。

InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_18_06_LI



鋼琴鍵盤的畫面放進來會遮住原本的畫面,一樣先從角落的紅色控制點調整尺寸,接著要來裁掉不必要的畫面只留下鋼琴鍵盤。裁切的方法是按住鍵盤的 Alt 按鍵的同時,調整矩形的四個邊,調整過的邊會顯示成綠色。
InkedOBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_18_58_LI



裁切完後再將鍵盤的畫面填滿下半部,就大功告成了。但如果你的鏡頭跟我一樣是左右手相反的,請看下一步調整。

OBS+26.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_19_37



在鋼琴鍵盤的畫面內點擊滑鼠右鍵會出現選單,接著找到『變形』,再找到水平翻轉,點擊滑鼠後鋼琴鍵盤的畫面就會左右翻轉了。
%25E8%259E%25A2%25E5%25B9%2595%25E6%2593%25B7%25E5%258F%2596%25E7%2595%25AB%25E9%259D%25A2+%252837%2529_LI




開始視訊

OBS設定完成後會自動儲存,之後不需要再重新設定。接著就可以將畫面傳送到平常使用的通訊軟體了,這邊會以 Google Meet、Microsoft Teams 以及 Zoom 做示範。在進到通訊軟體前,記得每一次都要開啟 OBS 並按下『啟動虛擬相機』的按鈕,否則會在通訊軟體看到以下的畫面。
%25E6%259C%25AA%25E5%2591%25BD%25E5%2590%258D-1


Google Meet

第一次進入會議時可能會發現視訊鏡頭出錯無法使用,這是因為原本的 Webcam 被 OBS 佔用了,我們只要進入設定,在左側找到『視訊』分頁,再將攝影機切換成 『OBS Virtual Camera』即可。
InkedMeet+-+nwo-nrzj-wst+-+%25E5%2580%258B%25E4%25BA%25BA+-+Microsoft%25E2%2580%258B+Edge+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_20_59_LI

InkedMeet+-+nwo-nrzj-wst+-+%25E5%2580%258B%25E4%25BA%25BA+-+Microsoft%25E2%2580%258B+Edge+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_21_07_LI+%25282%2529

InkedMeet+-+nwo-nrzj-wst+-+%25E5%2580%258B%25E4%25BA%25BA+-+Microsoft%25E2%2580%258B+Edge+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_21_57_LI



Microsoft Teams

Teams 的設定方式也大同小異,在進入會議前點齒輪圖示『電腦麥克風及喇叭』來開啟裝置設定頁面。在下方找到攝影機的項目再切換到 『OBS Virtual Camera』即可。
Inked%25E8%2588%2587%25E3%2580%258C%25E8%25AD%25B0%25E5%25BE%25B7+%25E9%25BB%2583%25E3%2580%258D%25E7%259A%2584%25E6%259C%2583%25E8%25AD%25B0+_+Microsoft+Teams+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_23_05_LI

也可以在進入會議之後從上方工具列的『‧‧‧』來打開裝置設定。
%25E8%2588%2587+%25E5%25A4%25A7%25E6%25AF%259B+%25E2%2598%2585+%25E9%2580%25B2%25E8%25A1%258C%25E6%259C%2583%25E8%25AD%25B0+_+Microsoft+Teams+2021_6_13+%25E4%25B8%258B%25E5%258D%2588+04_11_04


Zoom

在 Zoom 的主畫面上找到齒輪圖示打開設定畫面。


InkedZoom+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_23_41_LI


在設定畫面中左邊找到『視訊』的分頁,再將攝影機設定為『OBS Virtual Camera』即可。再次提醒,如果出現下圖的畫面則表示 OBS 中尚未按下『啟動虛擬相機』的按鈕。

InkedScreenshot+2021_6_11+%25E4%25B8%258B%25E5%258D%2588+09_24_05_LI



恭喜你完成了!!

OBS+26_0.1.1+%252864-bit%252C+windows%2529+-+%25E8%25A8%25AD%25E5%25AE%259A%25E6%25AA%2594_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+-+%25E5%25A0%25B4%25E6%2599%25AF_+%25E7%2584%25A1%25E6%25A8%2599%25E9%25A1%258C+2021_6_10+%25E4%25B8%258B%25E5%258D%2588+12_24_15


以上就是 OBS 雙鏡頭設置的方式,如果是在電腦上使用其他通訊軟體如 Facetime 、 Skype 、  或是 Line 等等方法也都是大同小異,在設定中找到攝影機的設定頁面,將攝影機設定為『OBS Virtual Camera』即可。如果想要了解如何調整視訊軟體的聲音,避免鋼琴聲聽起來斷斷續續的問題,或是想要了解要選擇哪一款通訊軟體,請參考這一篇:[教學] 遠距鋼琴課-通訊軟體的選擇。祝大家遠距教學順利愉快!

1%25E5%25B7%25A5%25E4%25BD%259C%25E5%258D%2580%25E5%259F%259F+1