From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../zh-cn/web/api/videoplaybackquality/index.html | 115 +++++++++++++++++++++ .../totalvideoframes/index.html | 64 ++++++++++++ 2 files changed, 179 insertions(+) create mode 100644 files/zh-cn/web/api/videoplaybackquality/index.html create mode 100644 files/zh-cn/web/api/videoplaybackquality/totalvideoframes/index.html (limited to 'files/zh-cn/web/api/videoplaybackquality') diff --git a/files/zh-cn/web/api/videoplaybackquality/index.html b/files/zh-cn/web/api/videoplaybackquality/index.html new file mode 100644 index 0000000000..cc4d62a270 --- /dev/null +++ b/files/zh-cn/web/api/videoplaybackquality/index.html @@ -0,0 +1,115 @@ +--- +title: VideoPlaybackQuality +slug: Web/API/VideoPlaybackQuality +translation_of: Web/API/VideoPlaybackQuality +--- +

{{APIRef("Media Source Extensions")}}{{SeeCompatTable}}

+ +

VideoPlaybackQuality 对象表示了一系列描述视频播放质量的指标。

+ +

可以通过 {{domxref("HTMLVideoElement.getVideoPlaybackQuality()")}} 创建一个实例。

+ +

属性

+ +

VideoPlaybackQuality 对象不继承任何属性。

+ +
+
{{domxref("VideoPlaybackQuality.creationTime")}} {{readonlyInline}}
+
一个用毫秒表示从开始页面浏览到对象创建的 {{domxref("DOMHighResTimeStamp")}} 对象。
+
{{domxref("VideoPlaybackQuality.totalVideoFrames")}} {{readonlyInline}}
+
一个表示相关联的 {{domxref("HTMLVideoElement")}} 自从创建起的已创建和丢弃帧数数量总和的 unsigned long 值。.
+
{{domxref("VideoPlaybackQuality.droppedVideoFrames")}} {{readonlyInline}}
+
一个表示相关联的 {{domxref("HTMLVideoElement")}} 自从创建起的已丢弃帧数数量的 unsigned long 值。
+
{{domxref("VideoPlaybackQuality.corruptedVideoFrames")}} {{readonlyInline}}
+
一个表示相关联的 {{domxref("HTMLVideoElement")}} 自从创建起的损坏帧数数量的 unsigned long 值。一个损坏帧可能属于创建帧或丢弃帧。
+
{{domxref("VideoPlaybackQuality.totalFrameDelay")}} {{readonlyInline}} {{ obsolete_inline(30) }}
+
一个表示相关联的 {{domxref("HTMLVideoElement")}} 自从创建起的帧延迟总和的 double 值。帧延迟是指一个帧的理论展示时间与实际显示时间的差值。
+
+ +

方法

+ +

VideoPlaybackQuality 对象没有实现任何特定方法，也没有继承任何方法。

+ +

规范

+ + + + + + + + + + + + + + +
规范状态注释
{{SpecName('Media Source Extensions', '#videoplaybackquality', 'VideoPlaybackQuality')}}{{Spec2('Media Source Extensions')}}最初定义
+ +

浏览器兼容性

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
特性ChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support23{{CompatGeckoDesktop("25.0")}}[1]
+ {{CompatGeckoDesktop("42.0")}}		11[2]158
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
特性AndroidFirefox Mobile (Gecko)Firefox OS (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support4.4.4 +

{{CompatNo}}

+ 		{{CompatNo}}1130{{CompatNo}}
+
+ +

[1] 在更改 about:config 中的 media.mediasource.enabled 项为 true 后可用。 此外，支持仅限于白名单站点，例如YouTube、Netflix等其他著名视频站点。在 42+ 后白名单已被移除并且 Media Source Extensions已默认对所有站点启用。

+ +

[2] 只在 Windows 8+ 下可用。

+ +

另见

+ + diff --git a/files/zh-cn/web/api/videoplaybackquality/totalvideoframes/index.html b/files/zh-cn/web/api/videoplaybackquality/totalvideoframes/index.html new file mode 100644 index 0000000000..3eb0437b36 --- /dev/null +++ b/files/zh-cn/web/api/videoplaybackquality/totalvideoframes/index.html @@ -0,0 +1,64 @@ +--- +title: VideoPlaybackQuality.totalVideoFrames +slug: Web/API/VideoPlaybackQuality/totalVideoFrames +translation_of: Web/API/VideoPlaybackQuality/totalVideoFrames +--- +
videoPlaybackQuality的totalVideoFrames属性为一个只读属性，用于表述已经被加载的媒体资源中已经被渲染播放或者被废弃的视频帧总数
+ + + +

Syntax

+ +
value = videoPlaybackQuality.totalVideoFrames;
+ +

Value

+ +

video容器已经被加载的媒体资源中已经被渲染播放或者被废弃的视频帧总数，本质上讲，这个总数是指没有发生播放异常问题下的数目。

+ +

Example

+ +

下面的例子想要表述的是通过已经丢弃（丢帧）或者播放异常的帧数总和占totalVideoFrames的比例超过10%，则触发一个例如名为lostFramesThresholdExceeded的回调函数以反应我们当前视频资源丢帧已经播放异常的程度，从而帮助业务进行调整

+ +
var videoElem = document.getElementById("my_vid");
+var quality = videoElem.getVideoPlaybackQuality();
+
+if ((quality.corruptedVideoFrames + quality.droppedVideoFrames)/quality.totalVideoFrames > 0.1) {
+  lostFramesThresholdExceeded();
+}
+ + + +
触发回调函数后，我们可以使用一些算法来尝试切换到需要较少带宽，码率低的，较低分辨率视频，以避免丢帧。
+ + + +

Specifications

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('Media Playback Quality', '#videoplaybackquality-interface', 'VideoPlaybackQuality.totalVideoFrames')}}{{Spec2('Media Playback Quality')}}Initial definition.
+ +

Browser compatibility

+ +
+ + +

{{Compat("api.VideoPlaybackQuality.totalVideoFrames")}}

+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf