หนังสืออิเล็กทรอนิกส์ (e-Book) เรื่อง การออกแบบการเรียนการสอนและการจัดอบรมออนไลน์ ด้วย OBS Studio ผ่านโปรแกรม ZOOM

ip pdf professional

สารบญั

 โปรแกรม Obs studio 1
โปรแกรม Zoom 2
หลกั และเหุตผล 3
ขน้ั ตอนการติดตัง้ ปลั๊กอิน 4-6
ขั้นตอนการเปด กลอง
ขั้นตอนการใสขอความ 7-8
ขั้นตอนการใสรูปภาพ 9-11
ข้ันตอนการใสว ิดีโอ 12-13
ข้นั ตอนการใชObsรว มกับZoom 14-16
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 แลว

¢¹Ñé µÍ¹¡ÒÃãÊ‹Ç´Ô âÕ Í

20
Ç´Ô âÕ Í¡Òà 㪧Œ Ò¹ OBS ÃÇ‹ Á¡ºÑ Zoom