คู่มือการใช้โปรแกรม OBs

วตั ถุประสงคก ารใชงาน OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน

วตั ถุประสงค
1.สามารถนําอุปกรณคอมพวิ เตอรมาใชงานรวมกับโปรแกรม OBs Studio เพอ่ื บันทึกวดิ โี อการเรียนการสอนได
2.สามารถนําโปรแกรม OBS Studio มาลดขั้นตอนการทาํ งานในการบนั ทึกวิดโี อการเรียนการสอนได
3.สามารถใหผูส อนเปนผูบนั ทึกวิดโี อการเรยี นการสอนไดดวยตนเอง

วตั ถุประสงคการใชง าน OBS Studioในการบันทึกวดิ ีโอประกอบการเรียนการสอน

คุณสมบัติของโปรแกรม
โปรแกรม OBs Studio หรือ Open Broadcaster Software Studio เปนโปรแกรมสลับสญั ญาณภาพเสียง สําหรับการถายทอดสด

และบนั ทกึ วดิ โี อ ที่มีสามารถในการนําเขา Source Input ทหี่ ลากหลาย ไดท ้งั จากอุปกรณสัญญาณภาพและสญั ญาณเสียงภายนอกผานอุปกรณรับ
สญั ญาณเขาเครื่องคอมพวิ เตอร สามารถนาํ ไฟลค อมพิวเตอรประเภทตางมาใชงานได อาทิ ไฟลวิดีโอนามสกุลตา งๆ ไฟลเ สียงนามสกุลตา งๆ ไฟล
ภาพนิ่งรวมท้งั สามารถสั่งเปน ภาพสไลดโชวได ไฟลภาพเคลื่อนไหว(Gif Animation) สามารถนําภาพหนาจอคอมพวิ เตอร ภาพหนา ตา งการใช
งานโปรแกรมตางๆ ภาพเกมคอมพิวเตอร มาสลบั ภาพใชง านได รวมทัง้ สามารถนาํ ภาพจากเวบ็ ไซตต างๆทีต่ อ งการมาใชงานได สามารถสรางไต
เติ้ลขอความแบบงา ยๆได ในการถายทอดสดน้นั สามารถเช่ือมตอ Streaming Server ยอดนยิ ม อยาง YouTube หรือ Facebook ก็ได ที่สาํ คญั
โปรแกรม OBs Studio หรือ Open Broadcaster Software Studio เปนโปรแกรมฟรีแวรไมมคี า ใชจ า ย ใชงานไดทง้ั ระบบปฏบิ ัตกิ าร
Windows Mac OS และ Linux

วตั ถปุ ระสงคการใชง าน OBS Studioในการบันทึกวิดโี อประกอบการเรยี นการสอน

เบกทานั ารทนใกึชัน้ วง าิดนโี อOดวBยsตSนtuเอdงioโดใยนมกีกาารรบในัชทง าึกนวอิดปุโี อกปรรณะคกออมบพกวิารเตเรอียรน อกยาารงสเอชนน เWปนeรbูปCแaบmบกMารicใชroง pานhโoดnยeผสูUอsนbเปทนี่ใชผงูดาาํ นเนในนิ กกาารรบบันรทรยึกาวยดิ แีโลอะ
รายการอุปกรณค อมพิวเตอรท ี่ใชงาน
1.Webcam ทําหนาท่ีจับภาพผู สอนระหวางการบรรยาย
2. Desktop Microphone แบบ Usb ทําหนาท่รี บั เสยี งของผสู อนระหวางการบรรยาย
3.เคร่ืองคอมพวิ เตอร ประกอบดว ย
โปรแกรม OBS ใชงานในการสลับภาพวิดโี อและเอกสารประกอบการสอนในระหวางการบรรยาย
ไฟลภาพนิ่งกราฟค ทําหนาท่แี สดงขอ มลู รายละเอยี ดในการบรรยายของผสู อน
ไฟลวดิ ีโอ ทาํ หนาทแี่ สดงขอ มลู ภาพและเสยี งประกอบการบรรยายของผูสอน

เครื่องมอื การใช้งานโปรแกรม

OBS Studio

เคร่อื งมือโปรแกรม OBS Studio เมนู File

เคร่อื งมือโปรแกรม OBS Studio เมนู Edit

เครือ่ งมอื โปรแกรม OBS Studio เมนู Edit (ตอ่ )

เครื่องมอื โปรแกรม เมนู (ต่อ)

เคร่อื งมือโปรแกรม OBS Studio เมนู View

เครื่องมอื โปรแกรม OBS Studio เมนู Scene Collection

เคร่อื งมือโปรแกรม OBS Studio เมนู Tools

เคร่อื งมือโปรแกรม OBS Studio เมนู Help

เครื่องมอื โปรแกรม OBS Studio เมนู Transition

เครื่องมอื โปรแกรม OBS Studio เมนู Quick Transitions

เคร่อื งมือโปรแกรม OBS Studio เมนู Scenes

เคร่อื งมือโปรแกรม OBS Studio เมนู Sources

เคร่อื งมือโปรแกรม OBS Studio เมนู Add

เครื่องมอื โปรแกรม OBS Studio เมนู Sources (ตอ่ )

เครื่องมอื โปรแกรม OBS Studio เมนู Sources (ตอ่ )

เคร่อื งมือโปรแกรม OBS Studio เมนู Mixer

เคร่อื งมอื โปรแกรม OBS Studio

เครื่องมอื โปรแกรม OBS Studio เมนู Scene Transitions

เคร่อื งมือโปรแกรม OBS Studio เมนู Controls

เครื่องมือ
โปรแกรม
OBS Studio

ขน้ั ตอนการติดต้งั โสตทัศนูปกรณและเคร่ืองคอมพวิ เตอร อุปกรณคอมพิวเตอร

1.เครอื่ งคอมพิวเตอรตดิ ตง้ั โปรแกรม OBs Studio เพือ่ ใชการสลบั ภาพวดิ โี อและเอกสารประกอบการสอนในระหวา งการ
บรรยาย
2.ที่เครื่องคอมพิวเตอรต ิดต้ัง Webcam บรเิ วณขอบดา นบนของจอภาพคอมพิวเตอรเ พอ่ื ไดม มุ มองของผูสอน แลวนาํ สาย
USB ของ Webcam ไปเชอ่ื มตอ ทช่ี อ ง USB Port
3.จากนน้ั ตดิ ตั้ง Desktop Microphone บริเวณดา นหนาของจอภาพคอมพิวเตอรเพอ่ื สามารถดูเอกสารประกอบการสอน
และบรรยายไปพรอ มๆกนั ได แลว นําสาย USB ของ Desktop Microphone ไปเชื่อมตอที่ชอ ง USB Port
4.นําไฟลข อมลู เอกสารประกอบการสอนลงเคร่อื งคอมพิวเตอรไ ว

กในกาารรบในั ชทขกึ โก้ันปารตรเรียแอนกกนารใรนกสมคอกานูมารอื รบบกนัานั รททใกึชกึ กโปากรราเแรรกยี เรนรมกียานรสกอานรสอน

ผานโปรแกรม OBS

ขัน้ ตอนการบนั ทึกการเรยี นการสอน

1.เปดเครอ่ื งคอมพิวเตอรส าํ หรับการใชง านโปรแกรม OBs Studio

ขนั้ ตอนการบนั ทึกการเรียนการสอน

2.คลิกที่เมนู Profile > New จะปรากฏหนา ตา ง Add Profile ขึ้นมา ใหพมิ พชื่อท่ตี อ งการใชง าน จากน้นั คลิกปมุ OK

ขัน้ ตอนการบันทึกการเรียนการสอน

3.จากนั้นคลิกที่เมนู Scene Collection > New จะปรากฏหนาตาง Add Scene Collection ขึ้นมา ใหพมิ พช่อื ที่ตอ งการใชงาน จากน้นั คลกิ ปุม OK

ขัน้ ตอนการบนั ทึกการเรียนการสอน

4.คลิกที่เมนู File > Settings จะปรากฏหนา ตาง Settings ข้ึนมา

ขั้นตอนการบนั ทึกการเรยี นการสอน

4.1 ใหต้งั คาตา งๆ ดังน้ี
เคร่อื งมือ Output ตง้ั คา ดังนี้

Output Mode > Simple
ที่ Recording

Recording Path > สามารถคลิกเลอื กพ้ืนท่ีจัดเก็บไฟลวดิ โี อได
Recording Quality > High Quality , Medium File Size

Recording Format > mp4

ขัน้ ตอนการบนั ทึกการเรียนการสอน

เครื่องมอื Audio ตัง้ คาดงั น้ี
Mic/Auxiliary Audio Device คลิกแถบขอ ความเลอื ก Device ของ Desktop Microphone

ขน้ั ตอนการบนั ทกึ การเรียนการสอน

เคร่ืองมอื Video ต้งั คา ดังน้ี

Base (Canvas) Resolution 1280 x 720

Output (Scaled) Resolution 1280 x 720

Downscale Filter Bicubic

common fps value 30

เมื่อตั้งคา ครบทกุ เคร่อื งมอื การใชง านแลว ใหค ลกิ ที่ปมุ OK

ขัน้ ตอนการบันทึกการเรยี นการสอน

5. ที่เคร่อื งมอื Scenes ใหคลกิ ขวาที่ขอ ความ Scene เลือกคาํ สัง่ Rename แลวเปล่ยี นช่อื เปน กลอ งผสู อน

ขนั้ ตอนการบันทกึ การเรียนการสอน

ท่ีเครือ่ งมือ Sources คลกิ ทีป่ มุ Add > Video Capture Device จะปรากฏหนา ตาง Create/Select Source ท่ชี อ ง Create New ใหพิมพคําวา
กลองผสู อน 1 แลวคลิกทป่ี ุม OK จะปรากฏหนา ตา ง Properties for ‘กลอ งผสู อน1’ ทช่ี อง Device เลอื กช่อื Device Video ของ Webcam เมอ่ื คลกิ
แลว จะปรากฏภาพของ Webcam ขน้ึ จากน้ันใหคลกิ ปมุ OK

ขนั้ ตอนการบนั ทกึ การเรียนการสอน

คลิกท่ปี มุ Add > Text(GDI+) จะปรากฏหนาตา ง Create/Select Source ท่ีชอ ง Create New ใหพิมพค ําวา ชื่อผสู อน แลว คลกิ ที่ปมุ OK ปรากฏ
หนา ตา ง Properties for ‘ช่อื ผสู อน’

ขั้นตอนการบันทึกการเรียนการสอน

จากนั้น ที่ชอ ง Font คลกิ ท่ีขอความ select Font จะปรากฏหนาตาง Font ทช่ี อ ง Size เลอื กที่ 72 แลวคลิกปมุ OK ท่ชี อ ง Text พิมพช ื่อผสู อน
ที่ Color คลิกที่ขอความ select color จะปรากฏหนาตาง color เลอื กสที ่ีตองการใชงาน แลวคลกิ ปมุ OK

ขน้ั ตอนการบันทกึ การเรียนการสอน

ที่ Background Opacity ปรับคา ท่ี 30

ที่ Outline ใหคลิกเคร่อื งหมาย ถูก จะปรากฏขอความ
◦ Outline Size ใหปรับเปน เลข 5
◦ Outline Color คลิกทีข่ อ ความ select color จะปรากฏหนาตา ง

color เลือกสที ตี่ องการใชงาน แลวคลกิ ปุม OK

จากนั้นใหคลิกปมุ OK จะปรากฏขอ ความขึ้นมา

จดั ตาํ แหนง ของช่ือผูส อน ใหเหมาะสม

ข้ันตอนการบนั ทึกการเรยี นการสอน

6. จากนัน้ ทเี่ ครอ่ื งมือ Scenes ใหคลกิ ทป่ี ุม + หรอื คลกิ ขวาที่ชอ งวา งเลอื ก Add จะปรากฏหนา ตา ง Add Scene แลว ตง้ั ชือ่ เปน เอกสารประกอบการ
บรรยาย

ขนั้ ตอนการบันทกึ การเรยี นการสอน

จากนนั้ ทีเ่ ครื่องมือ Sources คลกิ ทป่ี ุม Add > Image Slide Show จะปรากฏหนาตาง Create/Select Source ท่ชี อ ง Create New ใหพมิ พค ําวา
เอกสารการสอน แลวคลิกที่ปุม OK จะปรากฏหนาตา ง Properties for ‘เอกสารการสอน’

ข้นั ตอนการบนั ทึกการเรยี นการสอน

ตัง้ คาดงั นี้
-ทช่ี อง Visibility Behavior > Always play even when not visible
-ทช่ี อง Slide Mode > Manual ( Use hotkeys to control slideshow )
-ทช่ี อง Transition > Fade
-ทชี่ อ ง Time Between Slides (milliseconds) > 8000
-ที่ชอง Transition Speed (milliseconds) > 700
-ทช่ี อ ง Bounding Size/Aspect Ratio > Automatic

ข้ันตอนการบนั ทึกการเรียนการสอน

จากน้นั คลกิ ท่เี ครือ่ งหมาย + เลอื ก Add Directory จะปรากฏหนา ตาง Add Directory to ‘Image Files’ เลอื กโฟลเดอรท ีเ่ จด็ เกบ็ ไฟลภาพนง่ิ
เอกสารการบรรยายจากน้นั คลิกทีป่ มุ Select Folder จะปรากฏภาพเอกสารการบรรยายขนึ้ มา พรอมแสดงพ้ืนทจ่ี ดั เกบ็ ไฟลใหแลวคลิกปมุ OK

ขนั้ ตอนการบันทึกการเรียนการสอน

มาทีเ่ คร่ืองมือ Controls > Settings > Hotkeys > เอกสารการสอน ตง้ั คา ควบคุมภาพสไลดดงั น้ี
- ท่ชี อง Restart ใหคลกิ ทช่ี อ งวา ง แลวกดปุม Home หรือกดปุม ใดก็ไดที่คยี บอรด จะปรากฏคําสั่งการใชงานผานคียบอรดทีช่ อ งนนั้
- ทีช่ อง Next Slide ใหคลิกที่ชองวา ง แลว กดปุม Right หรอื กดปุมใดก็ไดท่ีคียบอรด จะปรากฏคาํ ส่ังการใชง านผานคยี บ อรด ท่ชี องน้ัน
- ที่ชอง Previous Slide ใหค ลิกที่ชอ งวา ง แลวกดปุม Left หรือกดปมุ ใดกไ็ ดทค่ี ยี บ อรด จะปรากฏคําสั่งการใชงานผา นคียบ อรดทช่ี องนั้น
จากนน้ั คลกิ ปมุ OK

ขน้ั ตอนการบนั ทึกการเรียนการสอน

7.เคร่อื งมอื Scenes ใหค ลิกท่ปี มุ + หรอื คลิกขวาทช่ี องวา งเลือก Add จะปรากฏหนา ตาง Add Scene แลว ตั้งช่อื เปน วดิ โี อประกอบการบรรยาย

ข้นั ตอนการบนั ทึกการเรยี นการสอน

จากนน้ั ทเี่ คร่อื งมือ Sources ใหค ลกิ ทปี่ มุ Add > Media Source จะปรากฏหนา ตา ง Create/Select Source ท่ชี อง Create New ใหพมิ พค ําวา
วิดีโอการสอน แลว คลกิ ท่ปี มุ OK จะปรากฏหนา ตา ง Properties for ‘วิดโี อการสอน’

ขน้ั ตอนการบนั ทึกการเรียนการสอน

คลิกที่ชอ ง Browse เลือกไฟลวดิ โี อประกอบการสอน แลว คลกิ ปมุ Open จะปรากฏภาพวดิ ีโอประกอบขึ้นมา จากน้นั ใหคลกิ ปุม OK

ขน้ั ตอนการบนั ทกึ การเรยี นการสอน

8.ทีเ่ ครื่องมอื Scenes ใหค ลกิ ทีป่ ุม + หรือคลกิ ขวาทช่ี อ งวา งเลือก Add จะปรากฏหนา ตาง Add Scene แลว ตั้งช่อื เปน เวบ็ แนะนาํ

ขนั้ ตอนการบันทกึ การเรยี นการสอน

จากนั้นที่เคร่อื งมือ Sources ใหคลกิ ทปี่ มุ Add > Browser จะปรากฏหนาตาง Create/Select Source ทช่ี อ ง Create New ใหพ มิ พค ําวา เวบ็
ประกอบการสอน1 แลวคลกิ ทีป่ ุม OK จะปรากฏหนา ตาง Properties for ‘เว็บประกอบการสอน1’ ตั้งคาดังนี้

ขั้นตอนการบนั ทกึ การเรียนการสอน

ต้งั คา ดงั นี้
-ที่ชอ ง URL ใสช ่ือเว็บไซตท ่ีตอ งการแนะนําใหน กั ศึกษาดู
-ที่ชอ ง Width พิมพ 1280
-ทช่ี อง Height พมิ พ 720
-ท่ชี อง FPS พมิ พ 30
จากน้นั คลกิ ท่ปี มุ OK

ขน้ั ตอนการบันทกึ การเรียนการสอน

9.ทเ่ี ครือ่ งมือ Scenes ใหค ลิกทีป่ ุม Add จะปรากฏหนา ตา ง Add Scene แลวตงั้ ช่อื เปน ภาพหนาจอคอมพิวเตอร

ข้นั ตอนการบนั ทึกการเรียนการสอน

จากนัน้ ทีเ่ คร่ืองมือ Sources ใหค ลิกที่ปมุ Add > Display Capture จะปรากฏหนา ตาง Create/Select Source ที่ชอ ง Create New ใหพ มิ พค าํ วา
ภาพหนา จอ แลว คลิกที่ปุม OK จะปรากฏหนา ตาง Properties for ‘ ภาพหนา จอ’ พรอมแสดงภาพหนาจอคอมพวิ เตอร ณ ขณะนั้นข้นึ มา จากนั้นให
คลิกปุม OK