VideoPlaybackQuality: totalVideoFrames property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
Thuộc tính chỉ đọc totalVideoFrames của giao diện VideoPlaybackQuality trả về tổng số khung hình video đã được hiển thị hoặc bị bỏ kể từ khi media được tải.
Giá trị
Tổng số khung hình mà phần tử <video> đã hiển thị hoặc bị bỏ kể từ khi media được tải vào nó. Về cơ bản, đây là số khung hình mà phần tử sẽ trình chiếu nếu không có vấn đề gì xảy ra.
Giá trị này được đặt lại khi media được tải lại hoặc thay thế.
Ví dụ
Ví dụ này gọi getVideoPlaybackQuality() để lấy đối tượng VideoPlaybackQuality, sau đó xác định tỷ lệ phần trăm khung hình bị mất do bị hỏng hoặc bị bỏ. Nếu vượt quá 10% (0.1), hàm lostFramesThresholdExceeded() được gọi để cập nhật chỉ báo chất lượng.
const videoElem = document.getElementById("my_vid");
const quality = videoElem.getVideoPlaybackQuality();
if (
(quality.corruptedVideoFrames + quality.droppedVideoFrames) /
quality.totalVideoFrames >
0.1
) {
lostFramesThresholdExceeded();
}
Một thuật toán tương tự có thể được dùng để thử chuyển sang video độ phân giải thấp hơn cần ít băng thông hơn, nhằm tránh bỏ khung hình.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Media Playback Quality # dom-videoplaybackquality-totalvideoframes |
Tương thích trình duyệt
Xem thêm
- Phương thức
HTMLVideoElement.getVideoPlaybackQuality()để xây dựng và trả về giao diện này.