Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีสตรีมไฟล์ .mp4 ขนาดใหญ่ใน HTML5

เพื่อให้วิดีโอ MP4 เล่นขณะดาวน์โหลด (progressive streaming) ต้อง:

  1. เข้ารหัสวิดีโอให้ข้อมูล moov atom อยู่หน้า (fast start) - ใช้โปรแกรม mp4 FastStart หรือ HandBrake ตัวเลือก "Web Optimized"
  2. เว็บเซิร์ฟเวอร์ต้องไม่บีบอัดไฟล์ MP4 ซ้ำด้วย gzip/deflate (เพราะ MP4 บีบอัดแล้ว)
  3. ตรวจสอบ HTTP Response Headers ด้วย curl -I https://example/video.mp4:
    • Content-Type: video/mp4
    • Accept-Ranges: bytes
    • ไม่มี Content-Encoding

Gzip/DEFLATE: อัลกอริทึมบีบอัดไฟล์สำหรับข้อความ ไม่ควรใช้กับไฟล์สื่อที่บีบอัดแล้ว