วัตถุประสงค์การใช้งาน obs studioใน ... ·...
TRANSCRIPT
![Page 1: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/1.jpg)
วัตถุประสงคการใชงาน OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน
วัตถุประสงค
1.สามารถนําอุปกรณคอมพิวเตอรมาใชงานรวมกับโปรแกรม OBs Studio เพื่อบันทึกวิดีโอการเรียนการสอนได
2.สามารถนําโปรแกรม OBS Studio มาลดข้ันตอนการทํางานในการบันทึกวิดีโอการเรียนการสอนได
3.สามารถใหผูสอนเปนผูบันทึกวิดีโอการเรียนการสอนไดดวยตนเอง
![Page 2: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/2.jpg)
วัตถุประสงคการใชงาน 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
![Page 3: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/3.jpg)
วัตถุประสงคการใชงาน OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน
การใชงาน OBs Studio ในการบันทึกวิดีโอประกอบการเรียนการสอน เปนรูปแบบการใชงานโดยผูสอนเปนผูดาํเนินการบรรยายและบันทึกวิดีโอดวยตนเอง โดยมีการใชงานอปุกรณคอมพิวเตอร อยางเชน WebCam Microphone Usb ที่ใชงานในการบันทึกวิดีโอเทานั้น
รายการอุปกรณคอมพิวเตอรที่ใชงาน
1.Webcam ทําหนาที่จับภาพผู สอนระหวางการบรรยาย
2. Desktop Microphone แบบ Usb ทําหนาที่รับเสียงของผูสอนระหวางการบรรยาย
3.เครื่องคอมพิวเตอร ประกอบดวย
โปรแกรม OBS ใชงานในการสลับภาพวิดีโอและเอกสารประกอบการสอนในระหวางการบรรยาย
ไฟลภาพนิ่งกราฟค ทําหนาที่แสดงขอมูลรายละเอียดในการบรรยายของผูสอน
ไฟลวิดีโอ ทําหนาที่แสดงขอมูลภาพและเสียงประกอบการบรรยายของผูสอน
![Page 4: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/4.jpg)
เครื่องมือการใช้งานโปรแกรมOBS Studio
![Page 5: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/5.jpg)
เคร่ืองมือโปรแกรม OBS Studio เมนู File
![Page 6: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/6.jpg)
เคร่ืองมือโปรแกรม OBS Studio เมนู Edit
![Page 7: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/7.jpg)
เครื่องมือโปรแกรม เมนู (ต่อ)เคร่ืองมือโปรแกรม OBS Studio เมนู Edit (ต่อ)
![Page 8: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/8.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู View
![Page 9: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/9.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Scene Collection
![Page 10: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/10.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Tools
![Page 11: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/11.jpg)
เคร่ืองมือโปรแกรม OBS Studio เมนู Help
![Page 12: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/12.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Transition
![Page 13: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/13.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Quick Transitions
![Page 14: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/14.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Scenes
![Page 15: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/15.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Sources
![Page 16: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/16.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Add
![Page 17: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/17.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Sources (ต่อ)
![Page 18: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/18.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Sources (ต่อ)
![Page 19: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/19.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Mixer
![Page 20: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/20.jpg)
เคร่ืองมือโปรแกรม OBS Studio
![Page 21: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/21.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Scene Transitions
![Page 22: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/22.jpg)
เครื่องมือโปรแกรม OBS Studio เมนู Controls
![Page 23: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/23.jpg)
เครื่องมือโปรแกรม
OBS Studio
![Page 24: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/24.jpg)
ข้ันตอนการติดตั้งโสตทัศนูปกรณและเคร่ืองคอมพิวเตอร อุปกรณคอมพิวเตอร
1.เครื่องคอมพิวเตอรติดตั้งโปรแกรม OBs Studio เพื่อใชการสลับภาพวิดีโอและเอกสารประกอบการสอนในระหวางการบรรยาย
2.ท่ีเครื่องคอมพิวเตอรติดตั้ง Webcam บริเวณขอบดานบนของจอภาพคอมพิวเตอรเพื่อไดมุมมองของผูสอน แลวนําสาย USB ของ Webcam ไปเชื่อมตอท่ีชอง USB Port
3.จากน้ันติดตั้ง Desktop Microphone บริเวณดานหนาของจอภาพคอมพิวเตอรเพื่อสามารถดูเอกสารประกอบการสอนและบรรยายไปพรอมๆกันได แลวนําสาย USB ของ Desktop Microphone ไปเชื่อมตอท่ีชอง USB Port
4.นําไฟลขอมูลเอกสารประกอบการสอนลงเครื่องคอมพิวเตอรไว
![Page 25: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/25.jpg)
ข้ันตอนการบันทึกการเรียนการสอนผานโปรแกรม OBS
การใชโปรแกรม ในการบันทึกการเรียนการสอน
คูมือการใชโปรแกรม
ในการบันทึกการเรยีนการสอน
![Page 26: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/26.jpg)
ข้ันตอนการบันทึกการเรียนการสอน1.เปดเครื่องคอมพิวเตอรสําหรับการใชงานโปรแกรม OBs Studio
![Page 27: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/27.jpg)
ข้ันตอนการบันทึกการเรียนการสอน2.คลิกที่เมนู Profile > New จะปรากฏหนาตาง Add Profile ข้ึนมา ใหพิมพช่ือที่ตองการใชงาน จากน้ันคลิกปุม OK
![Page 28: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/28.jpg)
ข้ันตอนการบันทึกการเรียนการสอน3.จากน้ันคลิกที่เมนู Scene Collection > New จะปรากฏหนาตาง Add Scene Collection ข้ึนมา ใหพิมพช่ือที่ตองการใชงาน จากน้ันคลิกปุม OK
![Page 29: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/29.jpg)
ข้ันตอนการบันทึกการเรียนการสอน4.คลิกที่เมนู File > Settings จะปรากฏหนาตาง Settings ข้ึนมา
![Page 30: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/30.jpg)
ข้ันตอนการบันทึกการเรียนการสอน4.1 ใหต้ังคาตางๆ ดังน้ี
เครื่องมือ Output ต้ังคาดังน้ี
Output Mode > Simple
ที่ Recording
Recording Path > สามารถคลิกเลือกพื้นที่จัดเก็บไฟลวิดีโอได
Recording Quality > High Quality , Medium File Size
Recording Format > mp4
![Page 31: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/31.jpg)
ข้ันตอนการบันทึกการเรียนการสอนเครื่องมือ Audio ต้ังคาดังน้ี
Mic/Auxiliary Audio Device คลิกแถบขอความเลอืก Device ของ Desktop Microphone
![Page 32: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/32.jpg)
ข้ันตอนการบันทึกการเรียนการสอนเครื่องมือ Video ต้ังคาดังน้ี
Base (Canvas) Resolution 1280 x 720
Output (Scaled) Resolution 1280 x 720
Downscale Filter Bicubic
common fps value 30
เมื่อตั้งคาครบทุกเครื่องมือการใชงานแลวใหคลิกที่ปุม OK
![Page 33: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/33.jpg)
ข้ันตอนการบันทึกการเรียนการสอน5. ที่เครื่องมือ Scenes ใหคลิกขวาที่ขอความ Scene เลือกคําสั่ง Rename แลวเปลี่ยนช่ือเปน กลองผูสอน
![Page 34: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/34.jpg)
ข้ันตอนการบันทึกการเรียนการสอนที่เครื่องมือ Sources คลิกที่ปุม Add > Video Capture Device จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา กลองผูสอน 1 แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘กลองผูสอน1’ ที่ชอง Device เลือกช่ือ Device Video ของ Webcam เมื่อคลิกแลวจะปรากฏภาพของ Webcam ข้ึน จากน้ันใหคลิกปุม OK
![Page 35: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/35.jpg)
ข้ันตอนการบันทึกการเรียนการสอนคลิกที่ปุม Add > Text(GDI+) จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา ช่ือผูสอน แลวคลิกที่ปุม OK ปรากฏหนาตาง Properties for ‘ช่ือผูสอน’
![Page 36: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/36.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้น ที่ชอง Font คลิกที่ขอความ select Font จะปรากฏหนาตาง Font ที่ชอง Size เลือกที่ 72 แลวคลิกปุม OK ที่ชอง Text พิมพช่ือผูสอน
ที่ Color คลิกที่ขอความ select color จะปรากฏหนาตาง color เลือกสีที่ตองการใชงาน แลวคลิกปุม OK
![Page 37: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/37.jpg)
ข้ันตอนการบันทึกการเรียนการสอนที่ Background Opacity ปรับคาที่ 30
ที่ Outline ใหคลิกเครื่องหมาย ถูก จะปรากฏขอความ
◦ Outline Size ใหปรับเปนเลข 5
◦ Outline Color คลิกที่ขอความ select color จะปรากฏหนาตาง
color เลือกสีที่ตองการใชงาน แลวคลิกปุม OK
จากนั้นใหคลิกปุม OK จะปรากฏขอความข้ึนมา
จัดตําแหนงของช่ือผูสอน ใหเหมาะสม
![Page 38: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/38.jpg)
ข้ันตอนการบันทึกการเรียนการสอน6. จากน้ันที่เครื่องมือ Scenes ใหคลิกที่ปุม + หรือคลิกขวาที่ชองวางเลือก Add จะปรากฏหนาตาง Add Scene แลวต้ังช่ือเปน เอกสารประกอบการบรรยาย
![Page 39: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/39.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้นที่เครื่องมือ Sources คลิกที่ปุม Add > Image Slide Show จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา เอกสารการสอน แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘เอกสารการสอน’
![Page 40: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/40.jpg)
ข้ันตอนการบันทึกการเรียนการสอนตั้งคาดังนี้
-ที่ชอง 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
![Page 41: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/41.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้นคลิกที่เครื่องหมาย + เลือก Add Directory จะปรากฏหนาตาง Add Directory to ‘Image Files’ เลือกโฟลเดอรที่เจ็ดเก็บไฟลภาพน่ิงเอกสารการบรรยายจากน้ันคลิกที่ปุม Select Folder จะปรากฏภาพเอกสารการบรรยายข้ึนมา พรอมแสดงพื้นที่จัดเก็บไฟลใหแลวคลิกปุม OK
![Page 42: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/42.jpg)
ข้ันตอนการบันทึกการเรียนการสอนมาที่เครื่องมือ Controls > Settings > Hotkeys > เอกสารการสอน ต้ังคาควบคุมภาพสไลดดังน้ี
- ที่ชอง Restart ใหคลิกที่ชองวาง แลวกดปุม Home หรือกดปุมใดก็ไดที่คียบอรด จะปรากฏคําสั่งการใชงานผานคียบอรดที่ชองน้ัน
- ที่ชอง Next Slide ใหคลิกที่ชองวาง แลวกดปุม Right หรือกดปุมใดก็ไดที่คียบอรด จะปรากฏคําสั่งการใชงานผานคียบอรดที่ชองน้ัน
- ที่ชอง Previous Slide ใหคลิกที่ชองวาง แลวกดปุม Left หรือกดปุมใดก็ไดที่คียบอรด จะปรากฏคําสั่งการใชงานผานคียบอรดที่ชองน้ัน
จากนั้นคลิกปุม OK
![Page 43: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/43.jpg)
ข้ันตอนการบันทึกการเรียนการสอน7.เครื่องมือ Scenes ใหคลิกที่ปุม + หรือคลิกขวาที่ชองวางเลือก Add จะปรากฏหนาตาง Add Scene แลวต้ังช่ือเปน วิดีโอประกอบการบรรยาย
![Page 44: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/44.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้นที่เครื่องมือ Sources ใหคลิกที่ปุม Add > Media Source จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา วิดีโอการสอน แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘วิดีโอการสอน’
![Page 45: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/45.jpg)
ข้ันตอนการบันทึกการเรียนการสอนคลิกที่ชอง Browse เลือกไฟลวิดีโอประกอบการสอน แลวคลิกปุม Open จะปรากฏภาพวิดีโอประกอบข้ึนมา จากน้ันใหคลิกปุม OK
![Page 46: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/46.jpg)
ข้ันตอนการบันทึกการเรียนการสอน8.ที่เครื่องมือ Scenes ใหคลิกที่ปุม + หรือคลิกขวาที่ชองวางเลือก Add จะปรากฏหนาตาง Add Scene แลวต้ังช่ือเปน เว็บแนะนํา
![Page 47: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/47.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้นที่เครื่องมือ Sources ใหคลิกที่ปุม Add > Browser จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา เว็บประกอบการสอน1 แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘เว็บประกอบการสอน1’ ต้ังคาดังน้ี
![Page 48: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/48.jpg)
ข้ันตอนการบันทึกการเรียนการสอนตั้งคาดังน้ี
-ที่ชอง URL ใสช่ือเว็บไซตที่ตองการแนะนําใหนักศึกษาดู
-ที่ชอง Width พิมพ 1280
-ที่ชอง Height พิมพ 720
-ที่ชอง FPS พิมพ 30
จากนั้นคลิกที่ปุม OK
![Page 49: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/49.jpg)
ข้ันตอนการบันทึกการเรียนการสอน9.ที่เครื่องมือ Scenes ใหคลิกที่ปุม Add จะปรากฏหนาตาง Add Scene แลวต้ังช่ือเปน ภาพหนาจอคอมพิวเตอร
![Page 50: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/50.jpg)
ข้ันตอนการบันทึกการเรียนการสอนจากนั้นที่เครื่องมือ Sources ใหคลิกที่ปุม Add > Display Capture จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา ภาพหนาจอ แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘ ภาพหนาจอ’ พรอมแสดงภาพหนาจอคอมพิวเตอร ณ ขณะน้ันข้ึนมา จากน้ันใหคลิกปุม OK
![Page 51: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/51.jpg)
ข้ันตอนการบันทึกการเรียนการสอนเครื่องมือ Scenes ใหคลิกที่ปุม + หรือคลิกขวาที่ชองวางเลือก Add จะปรากฏหนาตาง Add Scene แลวต้ังช่ือเปน ภาพเริ่มตน
![Page 52: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/52.jpg)
ข้ันตอนการบันทึกการเรียนการสอน10. ที่เครื่องมือ Sources ใหคลิกที่ปุม Add > Image จะปรากฏหนาตาง Create/Select Source ที่ชอง Create New ใหพิมพคําวา ภาพเริ่มตน1 แลวคลิกที่ปุม OK จะปรากฏหนาตาง Properties for ‘ภาพเริ่มตน1’
![Page 53: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/53.jpg)
ข้ันตอนการบันทึกการเรียนการสอนคลิกที่ชอง Browse เลือกภาพไตเต้ิลหัวขอในการสอน ที่ตองการใชงาน แลวคลิกปุม Open จะปรากฏภาพ ข้ึนมา จากน้ันใหคลิกปุม OK
![Page 54: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/54.jpg)
ข้ันตอนการบันทึกการเรียนการสอน11.เมื่อพรอมบันทึกวิดีโอการสอน ผูสอนน่ังประจําที่แลวที่โปรแกรม OBS คลิกที่ Scenes กลองผูสอน พิธีกรปรับมุมกลองใหสวยงาม แลวปรับตําแหนงของ Sources ช่ือผูสอน ใหเหมาะสม จากน้ันใหผูสอนทดสอบเสียงโดยสังเกตที่เครื่องมือ Mixer จะปรากฏแถบเสียงตามจังหวะการพูด
![Page 55: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/55.jpg)
ข้ันตอนการบันทึกการเรียนการสอน12.เมื่อผูสอนพรอมที่จะบันทึกวิดีโอแลว คลิกที่ Scenes ภาพเริ่มตน จากน้ันใหคลิกที่ปุม Start Recording เริ่มตนบันทึกวิดีโอการสอน
![Page 56: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/56.jpg)
ข้ันตอนการบันทึกการเรียนการสอน13.เมื่อผูสอนพรอมแนะนําตัวใหคลิกที่ Scenes กลองผูสอน จะปรากฏภาพผูสอนพรอมกับช่ือของผูสอนข้ึนมา
![Page 57: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/57.jpg)
ข้ันตอนการบันทึกการเรียนการสอน14.เมื่อถึงเน้ือหาที่ตองใชงานวิดีโอประกอบการสอน ใหคลิกที่ Scenes วิดีโอประกอบการบรรยาย จะปรากฏภาพวิดีโอการสอน ข้ึนมา สามารถบรรยายเน้ือหาของวิดีโอระหวางการเลนวิดีโอได
![Page 58: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/58.jpg)
ข้ันตอนการบันทึกการเรียนการสอน15.เมื่อจบเน้ือหาของวิดีโอ ใหคลิกที่ Scenes กลองผูสอน เพื่อทําการสรุปเน้ือหาของวิดีโอที่ไดรับชมไป จากน้ันที่เมื่อตองการกลับเขาการบรรยายเน้ือหาใหคลิกที่ Scenes เอกสารประกอบการบรรยาย จะปรากฏภาพเอกสารการสอนข้ึนมา สามารถบรรยายตอเน่ืองจากภาพเอกสารการสอนไดทันที
![Page 59: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/59.jpg)
ข้ันตอนการบันทึกการเรียนการสอน16.เมื่อถึงเน้ือหาที่ตองใชงานเว็บไซต ใหคลิกที่ Scenes เว็บแนะนํา จะปรากฏภาพเว็บไซตข้ึนมา สามารถบรรยายเน้ือหาของเว็บไซตระหวางการบรรยายได
![Page 60: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/60.jpg)
ข้ันตอนการบันทึกการเรียนการสอน17.เมื่อจบบรรยายของเว็บไซตเรียบรอย ใหคลิกที่ Scenes กลองผูสอน เพื่อทําการสรุปเน้ือหาของเว็บไซตที่ไดแนะนําไป จากน้ันที่เมื่อตองการกลับเขาการบรรยายเน้ือหาใหคลิกที่ Scenes เอกสารประกอบการบรรยาย จะปรากฏภาพเอกสารการสอนข้ึนมา สามารถบรรยายตอเน่ืองจากภาพเอกสารการสอนไดทันที
![Page 61: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/61.jpg)
ข้ันตอนการบันทึกการเรียนการสอน18.เมื่อจบการบรรยายของเอกสารการสอนเรียบรอย ใหคลิกที่ Scenes กลองผูสอน เพื่อทําการสรุปเน้ือหาที่ไดบรรยายไป จากน้ัน ใหคลิกที่ Scenesภาพหนาคอมพิวเตอร แลวคลิกยอหนาตางโปรแกรม OBS ทันที จะปรากฏภาพหนาจอคอมพิวเตอรข้ึนมา จากน้ันเดโมโปรแกรมที่จัดเตรียมไวสําหรับการสอนพรอมอธิบายการใชงานประกอบ
![Page 62: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/62.jpg)
ข้ันตอนการบันทึกการเรียนการสอน19.เมื่อจบการสาธิตการใชงานโปรแกรมเรียบรอยแลว ใหคลิกที่ Scenes กลองผูสอน เพื่อทําการสรุปเน้ือหาที่ไดบรรยายไป ทั้งหมด เมื่อสิ้นสุดการสอนใหคลิกที่ปุม Stop Recording เปนการจบข้ันตอนการบันทึกวิดีโอประกอบการเรียนการสอน
![Page 63: วัตถุประสงค์การใช้งาน OBS Studioใน ... · 2020-03-30 · วัตถุประสงค การใช งาน . OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน](https://reader034.vdocuments.mx/reader034/viewer/2022042406/5f202250f96d9c1206304374/html5/thumbnails/63.jpg)
สรุปการใชงานการใชงาน OBS Studioในการบันทึกวิดีโอประกอบการเรียนการสอน
สําหรับการใชงาน OBs Studio ในบันทึกการบันทึกวิดีโอประกอบการเรียนการสอนน้ันดวยคุณสมบัติในการนําไฟลภาพ ไฟลวิดีโอ การแชรหนาจอคอมพิวเตอร ท่ีสามารภนําเขามาใชงานในโปรแกรมไดงายๆ ก็ทําใหชวยลดการนําโสตทัศนูกรณมาใชงานและลดขั้นตอนการติดตั้งอุปกรณในการบันทึกวิดีโอได ทําใหใชงานเจาหนาท่ีนอยลงเพราะเพียงผูสอนคนเดียวก็สามารถควบคุมการทํางานของโปรแกรมไดรวมท้ังเลือกเวลาท่ีสะดวกในการบันทึกวิดีโอไดโดยตนเอง ไมตองไปติดตอใชงานบันทึกท่ีหนวยงานท่ีรับผิดชอบ ชวยประหยัดเวลาและสามารถบริหารจัดการเวลาไดอยางเหมาะสม