droppedVideoFrames
特性为
VideoPlaybackQuality
interface returns the number of video frames which have been dropped rather than being displayed since the last time the media was loaded into the
HTMLVideoElement
.
value = videoPlaybackQuality.droppedVideoFrames;
An unsigned 64-bit value indicating the number of frames that have been dropped since the last time the media in the
<video>
element was loaded or reloaded. This information can be used to determine whether or not to downgrade the video stream to avoid dropping frames.
Frames are typically dropped either before or after decoding them, when it's determined that it will not be possible to draw them to the screen at the correct time.
This example calls
getVideoPlaybackQuality()
to obtain a
VideoPlaybackQuality
object, then determines what percentage of frames have been dropped. That value is then presented in an element for the user's reference.
var videoElem = document.getElementById("my_vid");
var percentElem = document.getElementById("percent");
var quality = videoElem.getVideoPlaybackQuality();
var dropPercent = (quality.droppedVideoFrames/quality.totalVideoFrames)*100;
percentElem.innerText = Math.trunc(dropPercent).toString(10);
| 规范 | 状态 | 注释 |
|---|---|---|
|
Media Playback Quality
The definition of 'VideoPlaybackQuality.droppedVideoFrames' in that specification. |
编者草案 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
droppedVideoFrames
|
Chrome 23 | Edge 12 |
Firefox
42
|
IE 11 | Opera 15 | Safari 8 | WebView Android 4.4.3 | Chrome Android ? | Firefox Android 不支持 No | Opera Android 14 | Safari iOS 不支持 No | Samsung Internet Android ? |
完整支持
不支持
兼容性未知
实验。期望将来行为有所改变。
见实现注意事项。
用户必须明确启用此特征。
HTMLVideoElement.getVideoPlaybackQuality()
method, which creates and returns
VideoPlaybackQuality
对象
VideoPlaybackQuality
corruptedVideoFrames
creationTime
droppedVideoFrames
totalFrameDelay
totalVideoFrames
BeforeUnloadEvent
DOMStringMap
ErrorEvent
GlobalEventHandlers
HTMLAnchorElement
HTMLAreaElement
HTMLAudioElement
HTMLBRElement
HTMLBaseElement
HTMLBaseFontElement
HTMLBodyElement
HTMLButtonElement
HTMLCanvasElement
HTMLContentElement
HTMLDListElement
HTMLDataElement
HTMLDataListElement
HTMLDialogElement
HTMLDivElement
HTMLDocument
HTMLElement
HTMLEmbedElement
HTMLFieldSetElement
HTMLFormControlsCollection
HTMLFormElement
HTMLFrameSetElement
HTMLHRElement
HTMLHeadElement
HTMLHeadingElement
HTMLHtmlElement
HTMLIFrameElement
HTMLImageElement
HTMLInputElement
HTMLIsIndexElement
HTMLKeygenElement
HTMLLIElement
HTMLLabelElement
HTMLLegendElement
HTMLLinkElement
HTMLMapElement
HTMLMediaElement
HTMLMetaElement
HTMLMeterElement
HTMLModElement
HTMLOListElement
HTMLObjectElement
HTMLOptGroupElement
HTMLOptionElement
HTMLOptionsCollection
HTMLOutputElement
HTMLParagraphElement
HTMLParamElement
HTMLPictureElement
HTMLPreElement
HTMLProgressElement
HTMLQuoteElement
HTMLScriptElement
HTMLSelectElement
HTMLShadowElement
HTMLSourceElement
HTMLSpanElement
HTMLStyleElement
HTMLTableCaptionElement
HTMLTableCellElement
HTMLTableColElement
HTMLTableDataCellElement
HTMLTableElement
HTMLTableHeaderCellElement
HTMLTableRowElement
HTMLTableSectionElement
HTMLTemplateElement
HTMLTextAreaElement
HTMLTimeElement
HTMLTitleElement
HTMLTrackElement
HTMLUListElement
HTMLUnknownElement
HTMLVideoElement
HashChangeEvent
历史
ImageData
定位
MessageChannel
MessageEvent
MessagePort
Navigator
NavigatorGeolocation
NavigatorID
NavigatorLanguage
NavigatorOnLine
NavigatorPlugins
PageTransitionEvent
Plugin
PluginArray
PopStateEvent
PortCollection
PromiseRejectionEvent
RadioNodeList
Transferable
ValidityState
Window
WindowBase64
WindowEventHandlers
WindowTimers