home

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

HTML5 Video Buffering ส่วนเฉพาะของวิดีโอที่ยาว (TimeRanges)

ใช้ buffered Property (TimeRanges Object)

video.buffered คืน TimeRanges Object มี Method:

  • length - จำนวน Ranges
  • start(index) - เริ่มต้นของ Range (วินาที)
  • end(index) - สิ้นสุดของ Range (วินาที)

ตัวอย่างแสดง Buffered Ranges

var buffered = video.buffered;
for (var i = 0; i < buffered.length; i++) {
    console.log("Range " + i + ": " + buffered.start(i) + " - " + buffered.end(i));
}
// Output: Range 0: 0 - 12.5
//         Range 1: 20 - 35.2

การ Buffer ส่วนเฉพาะ (Media Fragments)

ใช้ #t=start,end ใน URL (Media Fragments URI):

<source src="video.mp4#t=10,20" type="video/mp4">

เบราว์เซอร์จะขอเฉพาะ Byte Range นั้น (HTTP Range Requests)