From e99a734ad97094a1b15539f6fdba138be48c1f3d Mon Sep 17 00:00:00 2001 From: Allo Date: Sat, 21 Sep 2024 10:54:29 +0800 Subject: [PATCH] minor fixes --- .../api/htmlmediaelement/abort_event/index.md | 10 +++++----- .../api/htmlmediaelement/audiotracks/index.md | 20 +++++++++---------- .../api/htmlmediaelement/buffered/index.md | 6 +++--- .../htmlmediaelement/canplay_event/index.md | 14 ++++++------- 4 files changed, 25 insertions(+), 25 deletions(-) diff --git a/files/zh-cn/web/api/htmlmediaelement/abort_event/index.md b/files/zh-cn/web/api/htmlmediaelement/abort_event/index.md index 213e0cdfd787ba..dc61c606026c40 100644 --- a/files/zh-cn/web/api/htmlmediaelement/abort_event/index.md +++ b/files/zh-cn/web/api/htmlmediaelement/abort_event/index.md @@ -7,13 +7,13 @@ l10n: {{APIRef}} -资源没有被完全加载时就会触发 **`abort`** 事件，但错误不会触发该事件。 +**`abort`** 事件会在资源没有被完全加载时触发，但错误不会触发该事件。 此事件无法被取消也不会冒泡。 ## 语法 -在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用此事件名，或者设置一个事件处理器属性。 +在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用此事件名，或者设置事件处理器属性。 ```js addEventListener("abort", (event) => {}); @@ -23,7 +23,7 @@ onabort = (event) => {}; ## 事件类型 -一个通用型 {{domxref("Event")}} 。 +通用 {{domxref("Event")}}。 ## 示例 @@ -32,7 +32,7 @@ const video = document.querySelector("video"); const videoSrc = "https://example.org/path/to/video.webm"; video.addEventListener("abort", () => { - console.log(`Abort loading: ${videoSrc}`); + console.log(`加载中止：${videoSrc}`); }); const source = document.createElement("source"); @@ -55,4 +55,4 @@ video.appendChild(source); - {{domxref("HTMLAudioElement")}} - {{domxref("HTMLVideoElement")}} - {{HTMLElement("audio")}} -- {{HTMLElement("video")}} \ No newline at end of file +- {{HTMLElement("video")}} diff --git a/files/zh-cn/web/api/htmlmediaelement/audiotracks/index.md b/files/zh-cn/web/api/htmlmediaelement/audiotracks/index.md index f0388d1aaf6780..bff4b7105504e7 100644 --- a/files/zh-cn/web/api/htmlmediaelement/audiotracks/index.md +++ b/files/zh-cn/web/api/htmlmediaelement/audiotracks/index.md @@ -7,17 +7,17 @@ l10n: {{APIRef("HTML DOM")}} -{{domxref("HTMLMediaElement")}} 对象的只读属性 **`audioTracks`** 返回一个 {{domxref("AudioTrackList")}} 对象。该对象列出了所有表示媒体元素音频轨道的 {{domxref("AudioTrack")}} 对象。 +{{domxref("HTMLMediaElement")}} 对象的只读属性 **`audioTracks`** 返回一个 {{domxref("AudioTrackList")}} 对象，该对象列出了所有表示媒体元素音频轨道的 {{domxref("AudioTrack")}} 对象。 -媒体元素可能是一个 {{HTMLElement("audio")}} 元素或一个 {{HTMLElement("video")}} 元素。 +媒体元素可能是一个 {{HTMLElement("audio")}} 元素或 {{HTMLElement("video")}} 元素。 -所返回的列表是 _活的_；这指的是，当音频轨道从媒体元素上增加或删除时，列表的内容将会动态的变化。一旦你引用了该列表，你可以监控它以检测何时有新的音轨被添加或已存在的音轨被删除。参阅 [AudioTrackList events](/zh-CN/docs/Web/API/AudioTrackList#events) 来学习更多关于获取一个媒体元素音轨列表变化的信息。 +所返回的列表是*动态的*；即，当音频轨道从媒体元素上增加或删除时，列表的内容将会动态的变化。一旦你引用了该列表，你可以监控它以检测何时添加了新的音轨或删除了已存在的音轨。参阅 [AudioTrackList 事件](/zh-CN/docs/Web/API/AudioTrackList#事件)以了解更多有关获取媒体元素音轨列表变化的信息。 ## 返回值 -一个 {{domxref("AudioTrackList")}} 对象。该对象表示了一个媒体元素中所包含的音频轨道的列表。音轨列表可以使用数组表示法或对象的 {{domxref("AudioTrackList.getTrackById", "getTrackById()")}} 方法访问。 +一个 {{domxref("AudioTrackList")}} 对象，表示一个媒体元素中所包含的音频轨道的列表。音轨列表可以使用数组表示法或对象的 {{domxref("AudioTrackList.getTrackById", "getTrackById()")}} 方法访问。 -每一个音轨都是由一个提供音轨信息的 {{domxref("AudioTrack")}} 对象表示的。 +每个音轨都是由一个提供音轨信息的 {{domxref("AudioTrack")}} 对象表示的。 ## 示例 @@ -25,7 +25,7 @@ l10n: ### HTML -使用 HTML 构建元素本身。 +构建元素本身的 HTML。 ```html @@ -33,7 +33,7 @@ l10n: ### JavaScript -这段 JavaScript 代码负责静音视频元素的音轨。 +这段 JavaScript 代码负责将视频元素的音轨静音。 ```js const video = document.getElementById("video"); @@ -53,6 +53,6 @@ for (let i = 0; i < video.audioTracks.length; i += 1) { ## 参见 -- {{domxref("HTMLMediaElement")}}: 用于指定 `HTMLMediaElement.audioTracks` 属性的接口 -- {{HTMLElement("audio")}}, {{HTMLElement("video")}} -- {{domxref("AudioTrack")}}, {{domxref("AudioTrackList")}} \ No newline at end of file +- {{domxref("HTMLMediaElement")}}：用于定义 `HTMLMediaElement.audioTracks` 属性的接口 +- {{HTMLElement("audio")}}、{{HTMLElement("video")}} +- {{domxref("AudioTrack")}}、{{domxref("AudioTrackList")}} diff --git a/files/zh-cn/web/api/htmlmediaelement/buffered/index.md b/files/zh-cn/web/api/htmlmediaelement/buffered/index.md index 2999fd05fb2615..8d26492a816b52 100644 --- a/files/zh-cn/web/api/htmlmediaelement/buffered/index.md +++ b/files/zh-cn/web/api/htmlmediaelement/buffered/index.md @@ -7,11 +7,11 @@ l10n: {{APIRef("HTML DOM")}} -{{domxref("HTMLMediaElement")}} 对象的只读属性 **`buffered`** 返回一个新的静态[规范化 `TimeRanges` 对象](/zh-CN/docs/Web/API/TimeRanges#normalized_timeranges_objects)。该对象表示用户代理在访问`buffered`属性时已缓冲的媒体资源（如果有）的范围。 +{{domxref("HTMLMediaElement")}} 对象的只读属性 **`buffered`** 返回一个新的静态[规范化 `TimeRanges` 对象](/zh-CN/docs/Web/API/TimeRanges#规范化的_timeranges_对象)，该对象表示用户代理在访问 `buffered` 属性时已缓冲的媒体资源（如果有）的范围。 ## 返回值 -一个新的静态[规范化 `TimeRanges` 对象](/zh-CN/docs/Web/API/TimeRanges#normalized_timeranges_objects)。该对象表示用户代理在访问`buffered`属性时已缓冲的媒体资源（如果有）的范围。 +一个新的静态[规范化 `TimeRanges` 对象](/zh-CN/docs/Web/API/TimeRanges#规范化的_timeranges_对象)，表示用户代理在访问 `buffered` 属性时已缓冲的媒体资源（如果有）的范围。 ## 示例 @@ -30,4 +30,4 @@ console.log(obj.buffered); // TimeRanges { length: 0 } ## 参见 -- {{domxref("HTMLMediaElement")}}: 用于指定 `HTMLMediaElement.buffered` 属性的接口 \ No newline at end of file +- {{domxref("HTMLMediaElement")}}：用于定义 `HTMLMediaElement.buffered` 属性的接口 diff --git a/files/zh-cn/web/api/htmlmediaelement/canplay_event/index.md b/files/zh-cn/web/api/htmlmediaelement/canplay_event/index.md index 89fc2cab223515..43715871c7d57c 100644 --- a/files/zh-cn/web/api/htmlmediaelement/canplay_event/index.md +++ b/files/zh-cn/web/api/htmlmediaelement/canplay_event/index.md @@ -2,18 +2,18 @@ title: HTMLMediaElement：canplay 事件 slug: Web/API/HTMLMediaElement/canplay_event l10n: - sourceCommit: 595cba0e07c70eda7f08a12890e00ea0281933d3 + sourceCommit: b71d118ffc6d72b77efad9661110fcc9ede464eb --- {{APIRef("HTMLMediaElement")}} -当用户代理可以播放媒体时就会触发 **`canplay`** 事件，但是预计没有加载足够的数据以流畅的播放媒体至结束，可能需要停顿来缓存更多内容。 +**`canplay`** 事件会在用户代理可以播放媒体，但是估计没有加载足够的数据以流畅地播放媒体至结束（可能需要停顿来缓存更多内容）时触发。 此事件无法被取消也不会冒泡。 ## 语法 -在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用事件名，或者设置一个事件处理器属性。 +在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用事件名，或者设置事件处理器属性。 ```js addEventListener("canplay", (event) => {}); @@ -23,13 +23,13 @@ oncanplay = (event) => {}; ## 事件类型 -一个通用型 {{domxref("Event")}} 。 +通用 {{domxref("Event")}}。 ## 示例 这些示例为 HTMLMediaElement 的 `canplay` 事件添加了一个事件监听器。事件处理器会在事件被触发时发送一条信息。 -使用 `addEventListener()`: +使用 `addEventListener()`： ```js const video = document.querySelector("video"); @@ -39,7 +39,7 @@ video.addEventListener("canplay", (event) => { }); ``` -使用`oncanplay`事件处理器属性： +使用 `oncanplay` 事件处理器属性： ```js const video = document.querySelector("video"); @@ -83,4 +83,4 @@ video.oncanplay = (event) => { - {{domxref("HTMLAudioElement")}} - {{domxref("HTMLVideoElement")}} - {{HTMLElement("audio")}} -- {{HTMLElement("video")}} \ No newline at end of file +- {{HTMLElement("video")}}