ช่องทางรับชมถ่ายทอดสด & ดูผ่าน VLC

เลือกช่องทางรับชม Ways to Watch

▶ เปิดดูไลฟ์สดเปิดสตรีมในแท็บใหม่ ▶ ดูบน YouTubeTharnpanya Official

ภาพรวมการทำงาน How it works

โรงเรียนส่งสัญญาณออกอากาศเพียงครั้งเดียว ผู้ชมเลือกเปิดสตรีมในแท็บใหม่ ดูผ่าน VLC หรือเข้าช่อง YouTube ได้จากหน้านี้

กล้อง / ห้องออกอากาศ→ โปรแกรม OBS Studio→ ส่งเข้าเซิร์ฟเวอร์ (RTMP)

เซิร์ฟเวอร์โรงเรียน (MediaMTX)→ สตรีม HLS→ ① หน้าเพจดูไลฟ์สด ② โปรแกรม VLC

ปลายทางที่ 1

หน้าเพจดูไลฟ์สด (เว็บไซต์โรงเรียน)

เนื่องจากเว็บโรงเรียนเป็น HTTPS แต่สัญญาณเป็น HTTP หน้าเว็บจะไม่เล่นสตรีมในหน้าโดยตรง แต่จะแสดงการ์ดให้กด “เปิดรับชมในแท็บใหม่” หรือ “ดูผ่านโปรแกรม VLC” แทน
ลิงก์: www.tharnpanya.com/live/

ปลายทางที่ 2

รับชมผ่านโปรแกรม VLC

ใช้เมื่อต้องการภาพที่หน่วงน้อยที่สุด ทดสอบสัญญาณก่อนแจ้งผู้ปกครอง หรือเปิดเป็นจอแสดงผลค้างไว้ในอาคารเรียน
ใช้ URL สตรีมเดียวกันกับที่หน้าเพจใช้เล่น

สรุปสั้น ๆ: ทั้ง 2 ช่องทางใช้สัญญาณเดียวกัน ผู้ดูแลออกอากาศเพียงครั้งเดียว (หัวข้อ 1) แล้วผู้ชมเลือกชมผ่านหน้าเพจหรือ VLC ได้ตามความสะดวก

เรื่อง HTTPS ที่ต้องรู้ (สำคัญ): เว็บโรงเรียนเป็น HTTPS แต่สัญญาณถ่ายทอดสดเป็น HTTP (ไม่ได้เข้ารหัส) เบราว์เซอร์จึงไม่ยอมให้เล่นสตรีมในหน้าเว็บที่เป็น HTTPS โดยตรง — จึงออกแบบให้ หน้าแรกเป็นลิงก์ “เปิดแท็บใหม่” และ หน้าดูไลฟ์สดแสดงการ์ดเลือก “เปิดรับชมในแท็บใหม่” หรือ “ดูผ่านโปรแกรม VLC” แทน
ผลลัพธ์เมื่อผู้ชมกดลิงก์: เบราว์เซอร์จะเปิดสตรีมในแท็บใหม่ — Safari / สมาร์ททีวี / มือถือมักเล่นได้ทันที ส่วน Chrome บนคอมพิวเตอร์อาจดาวน์โหลดไฟล์ .m3u8 แล้วให้เปิดไฟล์นั้นด้วยโปรแกรม VLC อีกครั้ง

1) ส่งสัญญาณไปยังหน้าเพจดูไลฟ์สด Broadcast to the live page

ขั้นตอนนี้ทำโดย “ผู้ดูแลการออกอากาศ” (ฝ่ายโสตทัศนูปกรณ์ / ฝ่ายไอที) ทำครั้งเดียวต่อหนึ่งรอบการออกอากาศ

เตรียมอุปกรณ์และอินเทอร์เน็ต
- กล้องวิดีโอ (หรือกล้องมือถือ) พร้อมไมค์รับเสียง — ทดสอบเสียงก่อนทุกครั้ง
- คอมพิวเตอร์ที่ติดตั้งโปรแกรม OBS Studio (ฟรี) สำหรับรวมภาพและส่งสัญญาณ
- อินเทอร์เน็ตฝั่งส่ง ต้องมี upload อย่างน้อย 5 Mbps (แนะนำ 10 Mbps ขึ้นไป) และควรต่อสาย LAN
ตั้งค่าโปรแกรม OBS — ไปที่เมนู Settings → Stream
- Service: เลือก Custom…
- Server: วาง URL RTMP ด้านล่าง
- Stream Key: เว้นว่างไว้ (หรือใช้ค่าที่ฝ่ายไอทีกำหนด)
RTMP SERVER (ค่าตั้งต้นของระบบ — ยืนยันกับฝ่ายไอทีครั้งแรก) rtmp://87.124.102.86:1935/live

ต้องออกอากาศจากเครือข่ายของโรงเรียน: พอร์ตส่งสัญญาณ (ค่าเริ่มต้น 1935) ไม่เปิดให้เข้าจากอินเทอร์เน็ตภายนอก ขณะที่พอร์ตสำหรับผู้ชมรับชม (8888) เปิดให้ทุกคนเข้าถึงได้ — ผู้ดูแลจึงควรส่งสัญญาณจากเครื่องที่อยู่ในโรงเรียน หากต้องการออกอากาศจากสถานที่นอกโรงเรียน ต้องให้ฝ่ายไอทีตั้งค่าเพิ่มเติมก่อน และแก้ค่า RTMP ที่ไฟล์ assets/js/config.js ให้ตรงกับค่าจริง
ตั้งค่าคุณภาพภาพ — เมนู Settings → Output และ Video
- ความละเอียด 1280×720 ที่ 30 fps เป็นค่าที่ระบบปัจจุบันใช้และเสถียรที่สุด (ถ้าอินเทอร์เน็ตฝั่งส่งแรง ใช้ 1920×1080 ได้)
- Bitrate แนะนำ 2,500–3,000 kbps (CBR) — สูงเกินไปทำให้ภาพกระตุกและผู้ชมโหลดไม่ทัน
- Keyframe Interval 2 วินาที · Encoder H.264 · เสียง AAC 128 kbps 44.1 kHz
เริ่มออกอากาศ — กดปุ่ม Start Streaming
- มุมล่างขวาของ OBS ต้องเป็นสีเขียว และไม่มีข้อความ Dropped Frames เพิ่มขึ้นเรื่อย ๆ
- ให้เปิดหน้าเพจดูไลฟ์สดในแท็บ/เครื่องอื่นอีก 1 เครื่อง เพื่อยืนยันว่าผู้ชมเห็นภาพจริง
- ภาพบนหน้าเพจจะขึ้นภายใน 5–15 วินาที (ความหน่วงปกติของการถ่ายทอดสด)
แจ้งผู้ปกครองและนักเรียน — เมื่อภาพขึ้นครบทุกช่องทางแล้ว จึงประกาศผ่าน LINE / Facebook / เว็บไซต์ พร้อมลิงก์หน้าเพจและเวลาออกอากาศ
เมื่อเลิกออกอากาศ — กด Stop Streaming หน้าเพจจะเปลี่ยนเป็นข้อความ “รอสัญญาณถ่ายทอดสด” ให้อัตโนมัติ (ไม่ต้องปิดหน้าเว็บและไม่ต้องแจ้งใครเป็นพิเศษ)

ข้อมูลเซิร์ฟเวอร์ (คัดลอกไปใช้ได้ทันที)

RTMP — ใช้ในโปรแกรมส่งสัญญาณ (OBS) · ใช้ภายในเครือข่ายโรงเรียน rtmp://87.124.102.86:1935/live

HLS (.m3u8) — ใช้เล่นบนหน้าเพจ / VLC http://87.124.102.86:8888/live/index.m3u8

หน้าเพจดูไลฟ์สด (สำหรับส่งให้ผู้ปกครอง) https://www.tharnpanya.com/live/ เปิดหน้าเพจ

ข้อควรระวัง: อย่ากดส่งสัญญาณจาก 2 เครื่องพร้อมกันไปยังปลายทางเดียวกัน เพราะสัญญาณจะชนกันและภาพจะกระตุกทั้งสองเครื่อง · หากต้องทดสอบ ให้ทดสอบนอกเวลาเรียน · เบอร์/ลิงก์ทั้งหมดสามารถแก้ไขได้ที่ไฟล์ assets/js/config.js ที่เดียว (หน้าคู่มือและหน้าเพจจะเปลี่ยนตามอัตโนมัติ)

เช็กลิสต์ก่อนออกอากาศ

กล้องจัดเฟรมแล้ว และมีภาพบนหน้าจอ OBS
ทดสอบเสียงแล้ว (เห็นแถบสีเขียวขยับที่ Audio Mixer)
อินเทอร์เน็ตฝั่งส่งว่างพอ (ปิดการอัปโหลด/ดาวน์โหลดอื่น)
กด Start Streaming แล้ว และสถานะเป็นสีเขียว
เปิดหน้าเพจดูไลฟ์สดบนอีกเครื่องหนึ่ง เห็นภาพและได้ยินเสียงแล้ว
ทดสอบดูผ่าน VLC (หัวข้อ 2) เพื่อยืนยันว่าสัญญาณออกจริง
เตรียมข้อความแจ้งผู้ปกครองพร้อมลิงก์หน้าเพจ

ทดสอบสัญญาณก่อนแจ้งผู้ปกครอง

กดปุ่มด้านล่างเพื่อตรวจว่าเซิร์ฟเวอร์กำลังส่งสัญญาณอยู่จริง ระบบจะลองดึงรายการสตรีม (playlist) จากเซิร์ฟเวอร์

2) การดูไลฟ์สดผ่านโปรแกรม VLC Watch with VLC

VLC media player เป็นโปรแกรมฟรีของ VideoLAN ใช้เปิดสตรีมของโรงเรียนได้ทั้งคอมพิวเตอร์ มือถือ และสมาร์ททีวี

ข้อดีของการดูผ่าน VLC: หน่วงน้อยกว่าการดูบนเว็บเพจ · ใช้ทดสอบสัญญาณก่อนแจ้งผู้ปกครอง · เปิดค้างไว้เป็นจอแสดงผลในอาคารเรียนได้ทั้งวัน · ผู้ชมหลายเครื่องพร้อมกันได้

บนคอมพิวเตอร์ (Windows / macOS / Linux)

ดาวน์โหลด VLC ได้ฟรีที่เว็บไซต์ videolan.org แล้วติดตั้งตามขั้นตอนปกติ
เปิดโปรแกรม แล้วไปที่เมนู Media → Open Network Stream… (ทางลัด Ctrl + N · บน macOS ใช้ ⌘ + N)
วาง URL สตรีมด้านล่างลงช่อง URL แล้วกด Play (รอ 3–10 วินาที ภาพจะเริ่มเล่น)
กดปุ่มเต็มจอ (หรือกด F) เมื่อต้องการให้ภาพเต็มหน้าจอ และกด Esc เพื่อออก

STREAM URL สำหรับ VLC http://87.124.102.86:8888/live/index.m3u8

ดูผ่านมือถือ: สแกน QR Code นี้ด้วยแอปกล้อง
แล้วเปิดด้วยแอป VLC for Mobile

บนมือถือ / แท็บเล็ต

ติดตั้งแอป VLC for Android หรือ VLC for iOS (ฟรี จาก Play Store / App Store)
Android: เปิดเมนู ☰ → Streams → ปุ่ม + → วาง URL → Play
iOS: เลือกแท็บ Network → Connect to Server → วาง URL → Connect
หากพิมพ์ URL ยาก ให้ใช้วิธีสแกน QR Code ด้านบน หรือขอรับลิงก์จากฝ่ายไอทีทาง LINE
มือถือต้องต่ออินเทอร์เน็ต (Wi-Fi หรือ 4G/5G) โดยไม่จำเป็นต้องอยู่ในบริเวณโรงเรียน

บนสมาร์ททีวี และจอแสดงผลในอาคาร

สมาร์ททีวีที่ติดตั้งแอป VLC ได้ ให้เปิดแอปแล้ววาง URL เดียวกัน
ทีวีที่ติดตั้งแอปไม่ได้ ใช้คอมพิวเตอร์/มือถือต่อ HDMI เข้าทีวี แล้วเปิดด้วย VLC แทน
ต่อสาย LAN เข้าจอแสดงผลจะเสถียรกว่าการใช้ Wi-Fi และลดการกระตุกได้ชัดเจน
ปิดโปรแกรมอื่นที่ใช้แบนด์วิดท์ (เช่น YouTube) ระหว่างเปิดจอแสดงผล

ทางลัดสำหรับผู้ดูแลระบบ (Windows)

เปิด Command Prompt แล้วพิมพ์คำสั่งด้านล่าง เพื่อเปิด VLC พร้อมสตรีมได้ในครั้งเดียว

COMMAND "C:\Program Files\VideoLAN\VLC\vlc.exe" "http://87.124.102.86:8888/live/index.m3u8"

เคล็ดลับ: บันทึกคำสั่งนี้เป็นไฟล์ live-vlc.bat วางไว้บนหน้า Desktop ของเครื่องที่ใช้แสดงผล จะเปิดสตรีมได้ในคลิกเดียว

แนวทางแก้ปัญหาที่พบบ่อย Troubleshooting

อาการ	สาเหตุที่พบบ่อย	วิธีแก้ไข
หน้าเพจขึ้นข้อความ “รอสัญญาณถ่ายทอดสด”	ยังไม่กด Start Streaming หรือสัญญาณส่งเข้าเซิร์ฟเวอร์ไม่สำเร็จ	ตรวจว่า OBS แสดงสถานะสีเขียว และกดปุ่ม “ตรวจสอบสถานะสัญญาณ” ในหัวข้อ 1
OBS ขึ้นข้อความเชื่อมต่อไม่สำเร็จ / ส่งสัญญาณไม่ได้	ออกอากาศจากสถานที่นอกเครือข่ายโรงเรียน พอร์ตส่งสัญญาณ (1935) ไม่เปิดให้เข้าจากภายนอก	ส่งสัญญาณจากเครื่องที่อยู่ในโรงเรียน หรือให้ฝ่ายไอทีเปิดพอร์ตและยืนยันค่า RTMP ก่อน แล้วแก้ค่าใน config.js
VLC ขึ้นข้อความเปิดไฟล์ไม่ได้ (input can't be opened)	พิมพ์ URL ผิด · สตรีมยังไม่เริ่ม · เครือข่ายบล็อกพอร์ต 8888	คัดลอก URL จากปุ่มในหน้านี้ใหม่ · ยืนยันว่ากำลังออกอากาศ · ลองเปลี่ยนจาก Wi-Fi เป็น 4G/5G
ภาพหน่วงมากหรือค้างเป็นช่วง ๆ	อินเทอร์เน็ตฝั่งผู้ชม หรือ bitrate ที่ส่งสูงเกินกำลังอัปโหลด	ลดจำนวนเครื่องที่ดูพร้อมกัน · ลด bitrate ใน OBS เหลือ 2,500 kbps หรือลดความละเอียดเป็น 1280×720
มีภาพแต่ไม่มีเสียง	ปิดเสียงใน VLC หรือ OBS ยังไม่มีสัญญาณเสียง	ตรวจปุ่มเสียงใน VLC ไม่ให้เป็น mute และตรวจ Audio Mixer ใน OBS ว่ามีแถบสัญญาณขยับ
ดูใน VLC ได้ แต่ภาพไม่เล่นในหน้าเพจ	หน้าเพจเป็น HTTPS แต่สตรีมเป็น HTTP เบราว์เซอร์บล็อกเป็น mixed content (พฤติกรรมปกติของระบบนี้)	ไม่ใช่ข้อผิดพลาด — ให้ผู้ชมกด “เปิดรับชมในแท็บใหม่” หรือดูผ่านโปรแกรม VLC ตามที่การ์ดแนะนำ หากต้องการให้เล่นในหน้าเว็บจริง ๆ ต้องทำ proxy ให้สตรีมเป็น HTTPS ก่อน
ผู้ชมจำนวนมากแล้วภาพค้างทั้งระบบ	แบนด์วิดท์ของเซิร์ฟเวอร์โรงเรียนจำกัด	จำกัดจำนวนผู้ชมผ่านหน้าเพจ หรือเปิดช่องทางสำรองบน YouTube / Facebook สำหรับงานใหญ่

ช่องทางรับชมเพิ่มเติม และผู้ติดต่อ More channels & support

▶ ดูบน YouTubeTharnpanya Official

ต้องการความช่วยเหลือด้านเทคนิค: ฝ่ายไอที / ห้องธุรการ โทร. 02-455-8925-7 · 094-649-9966 · LINE: @tharnpanya
ข้อมูลเซิร์ฟเวอร์และค่าต่าง ๆ ของระบบถ่ายทอดสด แก้ไขได้ที่ไฟล์ assets/js/config.js