Top Banner
1
25

สารบัญ - Ramkhamhaeng University

Jun 03, 2022

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: สารบัญ - Ramkhamhaeng University

1

Page 2: สารบัญ - Ramkhamhaeng University

2

สารบัญ

หน้า

1 แนวทางการออกแบบและเตรียมสื่อด้วยโปรแกรมส าหรับบทเรียนออนไลน์ .............. 3

2 บันทึก VDO และถ่ายทอดสดการสอนผ่าน YouTube ด้วย OBS Studio .............. 9

3 การติดตั้งโปรแกรม OBS ........................................................................................ 9

4 การใช้งาน OBS ........................................................................................................ 14

5 Upload VDO ขึ้น YouTube ............................................................................... 23

Page 3: สารบัญ - Ramkhamhaeng University

3

Page 4: สารบัญ - Ramkhamhaeng University

4

Page 5: สารบัญ - Ramkhamhaeng University

5

Page 6: สารบัญ - Ramkhamhaeng University

6

Page 7: สารบัญ - Ramkhamhaeng University

7

Page 8: สารบัญ - Ramkhamhaeng University

8

Page 9: สารบัญ - Ramkhamhaeng University

9

บันทึก VDO และถ่ายทอดสดการสอนผา่น YouTube ด้วย OBS Studio

1. OBS (Open Broadcaster Software Studio) เป็นโปรแกรมฟรีที่ติดตั้งลงในเครื่องคอมพิวเตอร์ ที่ช่วยให้ผู้สอนที่ต้องการบันทึกวิดีโอการสอนหรือสอนออนไลน์ สามารถท างานได้ง่ายขึ้น สามารถบันทึกเป็นวิดีโอลงในเครื่องได้ และยังสามารถบันทึก หน้าจอ น าเข้าจากอุปกรณ์ต่างๆ เพ่ือให้ผู้สอนสามารถใช้ไฟล์เอกสารการสอน หรือท าการเขียน บรรยายผ่านโปรแกรมได้อย่างชัดเจนได้อีกด้วย และ ยังสามารถซ้อนฉากเสมือน Chroma key ได้ โปรแกรม OBS จะใช้ในการอัดวิดีโอ หรือวิดีโอถ่ายทอดสด (live streaming) ซึ่งเหมาะ ส าหรับน าเสนอเนื้อหาในรูปแบบวิดีโอและเสียง ผู้ใช้สามารถอัดวิดีโอกิจกรรมต่างๆ บนหน้าจอคอมพิวเตอร์ และรับสัญญาณวิดีโอจากกล้อง Webcam เพ่ือมาแสดงผลในหน้าต่างเดียวกันไปพร้อมๆ กันได้ สามารถ เผยแพร่เนื้อหาวิดีโอออนไลน์ในแบบ Live ได้ เช่น Facebook, YouTube และเว็บไซต์ออนไลน์อ่ืนๆ โดยโปรแกรม OBS Studio เป็นโปรแกรมเครื่องมือที่ผู้ เริ่มใช้งานควรศึกษาการท างานให้เข้าใจก่อน เพราะโปรแกรมมีฟังก์ชันการท างานที่หลากหลายตั้งแต่ระดับง่าย จนถึงระดับสูง แต่หากจ ากัดขอบเขตความจ าเป็นจริงๆ แล้ว เพียงการตั้งค่าเล็กน้อยๆ และปรับแต่งให้สามารถ ใช้ทรัพยากรในเครื่องอย่างพอดีก็สามารถใช้อัดวิดีโอ และวิดีโอถ่ายทอดสดได้แล้ว ซึ่งโปรแกรม OBS Studio สามารถเลือกติดตั้งได้ทั้งบนระบบปฏิบัติการ Windows หรือ Mac OS หรือ Linux ได้

คุณสมบัติและความสามารถของโปรแกรม OBS Studio มีดังนี้

- อัดวิดีโอเก็บไว้ หรืออัดวิดีโอพร้อมถ่ายทอดสดพร้อมกันได้ - ถ่ายทอดสด (Live streaming) วิดีโอไปยังเว็บโซเชียลออนไลน์ Facebook YouTube - แสดงผลวิดีโอซ้อนวิดีโอในซีนเดียวกันได้ PIP (picture in picture) - ใส่ข้อความ รูปภาพ และย้ายต าแหน่งในขณะที่บันทึกวิดีโอ หรือเผยแพร่วิดีโอได้ - ปรับแต่งประสิทธิภาพของวิดีโอ และประสิทธิภาพของเสียง - ตั้งค่าปุ่มลัดเพ่ือให้ใช้งานได้สะดวกมากยิ่งข้ึน

2. การติดตั้งโปรแกรม OBS - ดาวน์โหลดโปรแกรม OBS ได้ฟรีที่ http://obsproject.com/

- ติดตั้งโปรแกรม OBS

Page 10: สารบัญ - Ramkhamhaeng University

10

3. อ ปกรณ และโปรแกรมท ่ต ้องจ ัดเตร ยม

ในการบันทึกวิดีโอจ าเป็นต้องใช้อุปกรณ์คือ กล้องถ่ายวิดีโอ ไมโครโฟน เครื่องคอมพิวเตอร์ที่ติดตั้ง โปรแกรม OBS และสื่อการสอนที่อาจารย์ต้องการแสดง โดยกล้องถ่ายวิดีโอ อาจใช้กล้อง DSLR ที่มี ราคาสูงเมื่อต้องการความละเอียดของภาพสูง หรืออาจใช้ กล้อง webcam ก็ได้

Page 11: สารบัญ - Ramkhamhaeng University

11

บันทึก VDO และถ่ายทอดสดการสอนผ่าน YouTube ด้วย OBS Studio โดยให้ตัง้ค่าต่าง ๆ ดงันี ้

- Steam ในช่อง Serviceให้เลือก YouTube/ YouTube Gaming และช่อง Stream key ให้น า key จาก YouTube มาใส่

- Output ในช่อง Video Bitrate ให้ใส่ค่าเป็น 500 ส่วนในช่อง Recording Path ให้เลือกท ่เก็บไฟล VDO และช่อง Recording Format ให้เลือกเป็น Mp.4

ท าตามขั้นตอนต่อไปน ้

ไปท ่เว็บไซต www.google.com แล้วลงชื่อเข้าใช้ แล้วท าตามขั้นต้นดังตอ่ไปน ้

Page 12: สารบัญ - Ramkhamhaeng University

12

จะไดห้นา้จอ สตรมีมิงแบบสด ดงัภาพ

Page 13: สารบัญ - Ramkhamhaeng University

13

เมือ่เข้ามาในหนา้จอ ถา่ยทอดสด แลว้ ใหเ้ลือ่นหนา้จอลงมาดา้นล่างจนเจอ “ตั้งคา่โปรแกรมเปล ย่นเปล ย่นไฟล ” จะมีสตรมีคีย ์อยู่ โดยใหก้ดปุม่ แสดง เพือ่ดูคียข์องเรา

ซึ่งคีย์นี้จะเปน็คีย์ประจ าของ channel จะต้องเกบ็ไวเ้ปน็ความลบั

เมือ่ได้คียม์าแลว้ ใหเ้อามาใส่ในโปรแกรม OBS Studio

Page 14: สารบัญ - Ramkhamhaeng University

14

การใช้งาน OBS

1. เปดิโปรแกรม OBS Studio โดยคลกิที ่ หลงัจากนัน้เลือกเมนู Settings

- เลือกที ่Settings > Stream โดยใหเ้ลือก Service เปน็ “YouTube / YouTube Gaming” และใส่คีย์ที ่Stream Key

- ตั้งค่า Streaming ที่แถบ Output เพื่อปรบั video bitrate ให้เหมาะสมกับความเรว็การอัพโหลดของอนิเตอรท์ี่เราก าลังใช้งานอยู่ วิธกีารคอื ใหต้ั้งค่าน้อยกวา่ความเรว็อัพโหลดจรงิ

Page 15: สารบัญ - Ramkhamhaeng University

15

สัก 20% เชน่ ความเรว็อัพโหลดอยู่ที ่3 Mbps ก็ใหต้ั้งคา่เปน็ 3072 – 20% ก็จะได้ประมาณ 2500 และใหเ้ลอืก encoder ตามที่ตอ้งการ

ถ้าต้องการทีจ่ะบนัทกึไฟล์การถา่ยทอดสดการสอนกบ็ไว้ดว้ย ให้ตัง้ค่าเพิ่มเติมที ่Recording โดยก าหนดต าแหนง่ทีต่อ้งการให้บนัทกึที่ Recording Path ปรบัความละเอียดของไฟลท์ี่ Recording Quality (ความละเอยีดยิ่งเยอะยิ่งใช้งาน CPU เยอะ) สดุทา้ยเลือกชนดิของไฟลว์า่ตอ้งการใหบ้ันทึกเปน็อะไร เชน่ flv หรอื mp4 ท่ี Recording Format

เมื่อตั้งคา่เสร็จแล้วคลิกป ่ม OK

- เตร ยมหน้าจอส าหรับการท าถ่ายทอดสด ผ่านโปรแกรม OBS Studio โดยประกอบด้วย Video Capture Device, Image (ใส่ Logo) , Display Capture หลังจากเตร ยมข้อมลูเสร็จแล้ว คลิก Star Steaming, Start Recording แล้วเริ่มบรรยาย ท าตามขั้นตอนต่อไปน ้

- ในขัน้ตอนนี้จะเปน็การใชโ้ปรแกรม OBS Studio เตรยีมหนา้จอส าหรบัการท าถา่ยทอดสด โดยในกจิกรรมนี้จะแสดงวิธกีารสตรมีหนา้จอ แทรกรปูโลโก ้และแทรกหนา้จอจาก Web Cam

เปดิโปรแกรม OBS Studio แลว้กดปุม่ + ที่กรอบ “Source” เพื่อเพิ่มสิง่ทีเ่ราตอ้งการจะแสดงในหนา้จอการถ่ายทอดสด (พ้ืนที่สีด าๆ)

Page 16: สารบัญ - Ramkhamhaeng University

16

เลือกเพิ่ม Display Capture เพื่อเพิ่มหน้าจอของเราลงไปในหนา้จอถา่ยทอดสด

เมือ่กด Display Capture แลว้จะมีหนา้ตา่งขึน้มาใหต้ั้งชื่อของ source อันนี ้เสร็จแลว้กดปุม่ OK

Page 17: สารบัญ - Ramkhamhaeng University

17

หนา้ต่างถดัมาคอืการระบเุลอืกหน้าจอ หรือจะเอาเฉพาะหนา้ต่างโปรแกรมอะไรที่เราตอ้งการถ่ายทอดสด เสรจ็แลว้กด OK

Page 18: สารบัญ - Ramkhamhaeng University

18

เมือ่ระบุหนา้จอที่จะถา่ยทอดสด เสร็จแลว้ใหก้ดปุม่ OK ก็จะเห็นวา่หนา้จอที่เราเลือกเข้ามาอยู่ในหนา้จอการถ่ายทอดสด แลว้

ถัดมาจะเปน็การเพิ่มภาพโลโก ้ ใหอ้ยู่ที่มมุบนขวา เริม่กดที่ปุม่ + ของ Sources อีกครัง้ แลว้เลอืกท่ี “Image

ตั้งชื่อว่า “Logo” เสร็จแลว้กดปุม่ OK

Page 19: สารบัญ - Ramkhamhaeng University

19

เลือกรปูทีต่้องการ โดยการกดปุม่ Browse เสรจ็แลว้กดปุ่ม OK

จะเหน็วา่มโีลโกเ้พิ่มมาในหน้าจอถ่ายทอดสดแลว้ ซึ่งสามารถเลือกปรบัขนาด และปรับต าแหนง่ไดต้ามต้องการ

Page 20: สารบัญ - Ramkhamhaeng University

20

สุดทา้ยจะเปน็การเพิม่หนา้ต่าง Webcam เขา้ไปในหนา้จอ ถา่ยทอดสด ใหก้ดปุม่ + ที ่Sources อีกครัง้ คราวนี้ใหเ้ลือกที ่“Video Capture Device”

Page 21: สารบัญ - Ramkhamhaeng University

21

ตั้งชื่อว่า “Webcam” เสรจ็แลว้กดปุม่ OK

หนา้ต่างถดัมาให้เลอืก Webcam ท่ี Device และก าหนดขนาดที่ตอ้งการ

Page 22: สารบัญ - Ramkhamhaeng University

22

เสรจ็แลว้กดปุม่ OK ก็จะมหีน้าจอ Webcam แสดงอยู่ในหนา้จอ ถา่ยทอดสด แลว้ ซึ่งสามารถปรับขนาด และต าแหนง่ตามทีต่อ้งการได้

- ก็จะเสร็จขัน้ตอนการเตรยีมหนา้จอส าหรบัการถา่ยทอดสดแลว้ แต่ยงัไมส่ามารถถ่ายทอดสด เพราะเรายงัไมไ่ดเ้ชือ่มตอ่การสตรมีเขา้กบัYouTube

หมายเหต ุการเพ่ิม source ตวัที่อยู่ล าดบับนสดุ มนัจะไปซอ้นทบัตวัทีอ่ยู่ต่ ากวา่ตวัมันเปน็ชัน้ๆ ดังนัน้ตอ้งเพิ่มโลโก้ และ Webcam ไวบ้น Display Capture และสามารถแกไ้ขล าดบัได้ทหีลัง โดยการกดปุม่ลกูศรขึ้น-ลง ดงัภาพ

Page 23: สารบัญ - Ramkhamhaeng University

23

เมือ่เตรียมเสรจ็แลว้กดปุ่ม Start Streaming และ Start Recording แลว้เริม่บรรยาย เมือ่บรรยายเสร็จ กดปม่ Stop recording แลว้น าไฟลท์ี่ได้ขึน้ระบบต่อไป

4. Upload VDO ขึ้น YouTube โดยให้สร้างชอ่งก่อน เมื่อ upload เสร็จแลว้ใหต้ั้งชื่อ VDO แล้วก าหนดสิทธิ์ในการเข้าถงึ VDO ท าตามขัน้ตอนดังต่อไปนี้

Page 24: สารบัญ - Ramkhamhaeng University

24

Page 25: สารบัญ - Ramkhamhaeng University

25

+