สารบัญ
โปรแกรม Obs studio 1
โปรแกรม Zoom 2
หลกั และเหตุ ผล 3
ข�นั ตอนการติดตง�ั ปลก�ั อนิ 4-6
ขั�นตอนการเปดกลอง 7-8
ข�นั ตอนการใสข อ ความ 9-11
ข�นั ตอนการใสรูปภาพ 12-13
ขั�นตอนการใสวด� โี อ 14-16
ขั�นตอนการใชObsรวมกบั Zoom 17-19
คำนำ
หนงั สืออเิ ล็กทรอนกิ ส (e-Book) เรื่อง การออกแบบการเรยี น
การสอนและการจัดอบรมออนไลน ดว ย OBS Studio
ผา นโปรแกรม ZOOM ผศู ึกษาไดคนควา แนวคดิ ทฤษฎีและงาน
วจิ ัยท่ีเก่ียวขอ งซงึ่ นาํ มาเปนเกณฑส าํ หรับการวเิ คราะหร ูปแบบ
สอื่ หนังสอื อเิ ล็กทรอนกิ ส (e-Book) เรือ่ ง การออกแบบการ
เรียนการสอนและการจัดอบรมออนไลน ดวย OBS Studio ผา น
โปรแกรม ZOOM
ชัชพงศ มณีวิจติ ร
1
โปรแกรม Obs Studio
OBS Studio
Open Broadcaster Software (OBS) เปน โปรแกรม
Open-Source สําหรบั ใชในการชว ยสตรมี (Live Stream) และ
บนั ทกึ วีดโี อ สามารถใชไ ดฟรีและทาํ งานไดบ นหลาย
แพลตฟอรม ท้ัง Windows Mac และ Linux โดยเฉพาะในชว ง
เวลาทก่ี ารเรยี นการสอนออนไลนเ ปน สง่ิ ทจ่ี าํ เปน งานเทคโนโลยกี าร
ศกึ ษา
2
โปรแกรม Zoom
Zoom เปน โปรแกรมทใ่ี ชใ นการประชมุ ออนไลน
(Video Conference Platform) ทไี่ ดร บั ความนยิ มหลงั จากทเี่ กดิ การ
ระบาดของเชอื้ ไวรสั COVID-19 โดย Zoom Meeting นน้ั มฟี ง กช นั การ
ใชง านทงั้ การประชมุ ออนไลน แชทผา นขอ ความการแชรห นา จอจาก
อปุ กรณน น้ั ๆ (Share Screen), การเปลย่ี นภาพพนื้ หลงั ขณะประชมุ
ได (Change Background), การอดั วดิ โี อขณะประชมุ ได (Record
Video) โดย Zoom Meeting ใชง านไดบ นคอมพวิ เตอรร ะบบปฏบิ ตั ิ
การ Windows OS, macOS, สมารท โฟนและแทบ็ เลต
3
หลักการและเหตุผล
OBS Studio
การใช OBS Studio กับZoom เพ่ือเพิม่ ลกู เลนในการใชงาน
โปรแกรม Zoom มคี วามสามารถทีด่ ีในการจัดงานประชมุ และสัมนา
Online หลายอยา ง แตห ากวาเราตองการข้นึ Text ระหวางท่เี รา
กาํ ลังพูด หรือนาํ กลองเขามาในโปรแแกรมหลายๆ ตวั อาจจะไม
สะดวกเทาไหร การใชในการทาํ Live Streaming มาใชง านรวมกัน
เพอ่ื เพม่ิ ขีดความสามารถในการแสดงภาพ ใหผเู ขา รวมประชุมกับเรา
ได ใครอยากจะใส Text ตอกลอ งหลายตวั ทาํ Presentation อยาง
งา ยๆ กท็ ําผาน OBS Studio ไดเลย
ขน�ั ตอนการติดตงั� ปลกั� อิน 4
ขน้ั ตอนท่ี 1 ใหเขา ไปโหลดที่ obsproject.com
ข้ันตอนท่ี 2 เลอื กโหลด
obs-virtualcam-2.0.5-Windows-installer.exe
ข�นั ตอนการติดต�ังปลกั� อนิ 5
ขั้นตอนที่ 3 หลังจากโหลดเสรจแลวใหก ดเปดข้ึนมา
แลวกด Next
ขั้นตอนท่ี 4. ใหเ ลือกกลองแค 1 แลวกด Install หลัง ตดิ เสรจ็ แลว
ให กด Finish
6
¢¹éÑ µÍ¹¡ÒõԴµé§Ñ »Åê¡Ñ ÍÔ¹
ข้ันตอนท่ี 5 หลงั จากติดต้ังปลั๊กอินเสรจ็ แลว ใหเ ขามาในโปรแกรม
Obs แลว ไปทีแ่ ทบเครือ่ งมอื Tools เลือกท่ี VirtualCam
ขนั้ ตอนที่ 6 ใหเ ลอื กปมุ ok แลว กด X ออกไดก ็จะเปน
การติดตั้งปล๊ักอนิ เสร็จแลว
7
¢é¹Ñ µÍ¹¡ÒÃà»´ ¡ÅŒÍ§
ขน้ั ตอนท่ี 1 ตอไปจะเปน การเปดกลองใน Obs ไปทส่ี ญั ลักษณ
รปู + ใหเลอื ก Video Capture
ข้ันตอนที่ 2 ใหต้งั ชื่อ Sources ใหเรยี บรอ ยแลวกดปมุ Ok
8
¢Ñ鹵͹¡ÒÃà»´ ¡ÅŒÍ§
ขัน้ ตอนท่ี 3 สามารถเลือก Camera ไดตามท่เี รา input ได เลย
ขัน้ ตอนที่ 4 สามารถปรับขนาดภาพและจัดตําแหนง ได
9
¢¹éÑ µÍ¹¡ÒÃãÊ¢‹ ÍŒ ¤ÇÒÁ
ข้นั ตอนที่ 1 เลอื กทสี่ ัญลักษณ + แลว เลอื กไปที่ Text (GDI+)
ข้นั ตอนที่ 2 ตงั้ ชื่อ Sources ใหเ รียบรอ ยแลว กด Ok
10
¢Ñ鹵͹¡ÒÃãÊ¢‹ ŒÍ¤ÇÒÁ
ขนั้ ตอนที่ 3 หลงั จากใหไ ปท่ี select font แลว เลือก font ตาม
ตอ งการไดเ ลยครบั หลังจากน้นั กด ปมุ ok
ข้นั ตอนท่ี 4 พอเลือก font ตามทีต่ อ งการแลวยังสามารถ
เลอื กสีของตัวอักษรและพน้ื หลังตวั อักษรแลวกดปุม ok
11
¢¹Ñé µÍ¹¡ÒÃãÊ¢‹ ÍŒ ¤ÇÒÁ
ขั้นตอนที่ 5 สามารถปรับตาํ แหนงและยอขยายได
ขนั้ ตอนท่ี 6 กด Transition เพื่อแสดงผลขอ ความ
12
¢¹éÑ µÍ¹¡ÒÃãÊË »Ù ÀÒ¾
ขนั้ ตอนท่ี 1 จะเปน การใสรปู ภาพหรอื โลโกใน Obs กดท่ีสญั ลกั ษณ
+ Image แลว กดปุม Ok
ข้ันตอนที่ 2 เลอื กไปที่ Browse ตําแหนงของรูปภาพหรือโลโกได
เลยครบั
13
¢¹éÑ µÍ¹¡ÒÃãÊË »Ù ÀÒ¾
ขน้ั ตอนท่ี 3 หลังจากเมอื่ ไดร ปู มาแลวใหกดปุม ok
ขน้ั ตอนที่ 4 สามารถปรับขนาดยอ ขยายและสามารถจดั ตาํ แหนง
ของรปู ภาพไดเ ลยและ กดTransition เพ่ือแสดงผล
14
¢Ñ鹵͹¡ÒÃãÊ‹Ç´Ô ÕâÍ
ข้ันตอนที่ 1 แนะนาํ การใสวดี โิ อใน obs นะครับกดที่
สัญลักษณ + เลอื กที่ Media Source แลวกดปุม Ok
ข้นั ตอนท่ี 2 เลือกไปที่ Browse ตําแหนงของวิดีโอสามารถ
เลอื กLoop เพือ่ ใหว ิดีโอเลน วนซาํ้ ๆ
¢Ñ¹é µÍ¹¡ÒÃãÊ‹Ç´Ô ÕâÍ 15
ขั้นตอนท่ี 3 สามารถปรับขนาดยอ ขยายและสามารถจัด
ตาํ แหนง ของวิดโี อ
ขAน้ั dตvaอnนcทeี่ d4 AหuาdกiเoสยีPงroวpดี eโิ rอtไieมsอ อกใหไปทีร่ ปู ฟน เฟองแลว เลือก
16
¢éѹµÍ¹¡ÒÃãÊ‹ÇÔ´âÕ Í
ขMั้นoตnอitนoทr ี่O5nlแyล(ว mใหuเtปeลoยี่ uนtpจuาtก) แMลoวniกtoดr Coflfosเปeลี่ยนเปน
17
¢¹éÑ µÍ¹¡ÒÃ㪧Œ Ò¹ OBS ÃÇ‹ Á¡ºÑ Zoom
ขในน้ั โตปอรนแทกี่ร1มจZะoนoาํ mรูปใภหากพดขไอปคทว่ีปาุมมแ^ละแวลิดวโี เอลจือากกโOปBรแSกรVมirtOuablsCaเขmาeไrปa
รขูปั้นตเลออื นกท่ีS2taกrtลับVมirาtuทaี่โlปรCแaกmรeมrโaปแรแลกว ใรหมกดOBTSranเตsiรtiยี oมnขเอพคือ่ วแาสมดแงลผะล
18
¢¹éÑ µÍ¹¡ÒÃ㪧Œ Ò¹ OBS ÃÇ‹ Á¡ºÑ Zoom
ขั้นตอนที่ 3 กลับไปดูท่หี นา Zoom กจ็ ะเหน็ วา รูปภาพและขอความ
ทีต่ ้งั ไวใน OBS เขาไปแสดงผลใน Zoom แลว
ข้ันตอนท่ี 4 กลับมาที่โปรแกรมโปรแกรม OBS เตรยี มวดิ โี อเลอื ก
Start Virtual Camera แลวใหก ด Transition เพอื่ แสดงผล
19
¢¹éÑ µÍ¹¡ÒÃ㪧Œ Ò¹ OBS ÃÇ‹ Á¡ºÑ Zoom
ขัน้ ตอนท่ี 5 กลบั ไปดูท่ีหนาZoom กจ็ ะเหน็ วาวิดีโอท่ีตั้งไว
ใน OBS เขา ไปแสดงผลใน Zoom แลว