เตรียมไฟล์สื่อสำหรับเว็บ

Derek Herman
Derek Herman
Joe Medley
Joe Medley

เราได้แนะนำให้คุณรู้จักแอปพลิเคชันที่เราใช้ในการจัดการไฟล์สื่อแล้ว ในอีก 2-3 หน้าต่อไปนี้ เราจะนำไฟล์วิดีโอดิบจากกล้องมาแปลงเป็นแหล่งข้อมูลที่คุณสามารถฝังในหน้าเว็บได้ เราจะแสดงวิธีจัดรูปแบบวิดีโอสำหรับการเล่นเว็บบนอุปกรณ์เคลื่อนที่ และวิธีสร้างไฟล์หลายๆ ไฟล์เพื่อให้ครอบคลุมเบราว์เซอร์ที่หลากหลาย กล่าวคือ เราจะสร้างไฟล์ WebM สำหรับใช้ใน Chrome และไฟล์ MP4 สำหรับใช้ในเบราว์เซอร์อื่น

นอกจากนี้เรายังจะเจาะลึกมากขึ้นเกี่ยวกับคำสั่งทั่วไปที่ใช้สำหรับการแปลงสื่อและการเข้ารหัสสื่อซึ่งจะใช้เป็นข้อมูลอ้างอิงที่ดีในภายหลัง

"เทคโนโลยีที่เหมาะสม" เราหมายถึง Dynamic Adaptive Streaming ผ่าน HTTP (DASH) หรือ HTTP Live Streaming (HLS) ซึ่งเป็นวิธีการหลัก 2 วิธีในการจัดเตรียมวิดีโอเป็น HTML ในเบราว์เซอร์หลักๆ เมื่อจบส่วนนี้ คุณจะสามารถสร้างไฟล์สื่อที่พร้อมใช้งานใน DASH และ HLS

หากคุณต้องการเล่นที่บ้าน คุณจะต้องมีไฟล์วิดีโอดิบจากกล้องถ่ายรูป โดยเฉพาะไฟล์ที่มีทั้งเสียงและวิดีโอ หากไม่มีไฟล์ที่พร้อมใช้งาน นี่คือ 10 วินาทีของไฟล์ .mov ชื่อ glocken.mov ที่ถ่ายจาก Rathaus-Glockenspiel ใน MarienPlatz ของมิวนิก

เรามาเริ่มกันที่คอนเทนเนอร์และตัวแปลงรหัส