เรื่องเล่า VideoJS เปิด vdo ง่าย ๆ บน platform
เมื่อเราต้องการที่จะแสดง video บน web application ผู้เขียนอยากจะขอแนะนำเจ้าตัว VideoJS เป็น Javascript video player ที่พัฒนามาจาก HTML5 การใช้งานและปรับแต่งง่ายมาก รองรับการแสดงผลหลาย platform ไม่ว่าจะเป็น browser desktop หรือ browser Mobile มีตัวอย่างให้ดูเยอะ อีกทั้ง ฟรี ด้วยยย
การพัฒนาสามารถอ่าน documents ได้ที่ https://docs.videojs.com
ตัวอย่าง source code สามารถนำไปใช้ได้เลย รองรับ mimetype ไม่ว่าจะเป็น mp4, m3u8, webm เป็นต้น
จากโค้ดตัวอย่างใช้ภาษา C# .NET เราต้องการทำเป็น m3u8 แบบ hls เพื่อทำการ stream video และทำการปรับเปลี่ยนโค้ดนิดหน่อยเพื่อให้รัน บน browser ของ ios และ andriod ได้
ส่วน @Model.url และ @Model.type รับค่ามาจาก backend หรือ api
การแสดงผลหน้าจอเป็นแบบนี้
เมื่อต้องการปรับ skin ของ player ให้ไปที่ https://videojs.com/plugins ในนี้จะมี plugin ที่ load มาใช้ได้
ทดสอบแล้วสามารถรันบน browser Chrome, Edge, Safari บน desktop ส่วน browser หรือ webview สามารถรันบน Andriod และ IOS ได้
ที่มา