คำนำ
หนงั สืออเิ ล็กทรอนกิ ส (e-Book) เรื่อง การออกแบบการเรยี น
การสอนและการจัดอบรมออนไลน ดว ย OBS Studio
ผา นโปรแกรม ZOOM ผศู ึกษาไดคนควา แนวคดิ ทฤษฎีและงาน
วจิ ัยท่ีเก่ียวขอ งซงึ่ นาํ มาเปนเกณฑส าํ หรับการวเิ คราะหร ูปแบบ
สอื่ หนังสอื อเิ ล็กทรอนกิ ส (e-Book) เรือ่ ง การออกแบบการ
เรียนการสอนและการจัดอบรมออนไลน ดวย OBS Studio ผา น
โปรแกรม ZOOM
ชัชพงศ มณีวิจติ ร
สารบัญ
โปรแกรม Obs studio 1
โปรแกรม Zoom 2
หลกั และเหตุ ผล 3
ข�นั ตอนการติดตง�ั ปลก�ั อนิ 4-6
ขั�นตอนการเปดกลอง 7-8
ข�นั ตอนการใสข อ ความ 9-11
ข�นั ตอนการใสรูปภาพ 12-13
ขั�นตอนการใสวด� โี อ 14-16
ขั�นตอนการใชObsรวมกบั Zoom 17-19
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 แลว