Skip to content

Commit

Permalink
minor fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 committed Sep 21, 2024
1 parent 190b18c commit e99a734
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 25 deletions.
10 changes: 5 additions & 5 deletions files/zh-cn/web/api/htmlmediaelement/abort_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ l10n:

{{APIRef}}

资源没有被完全加载时就会触发 **`abort`** 事件,但错误不会触发该事件。
**`abort`** 事件会在资源没有被完全加载时触发,但错误不会触发该事件。

此事件无法被取消也不会冒泡。

## 语法

在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用此事件名,或者设置一个事件处理器属性
在类似 {{domxref("EventTarget.addEventListener", "addEventListener()")}} 的方法中使用此事件名,或者设置事件处理器属性

```js
addEventListener("abort", (event) => {});
Expand All @@ -23,7 +23,7 @@ onabort = (event) => {};

## 事件类型

一个通用型 {{domxref("Event")}}
通用 {{domxref("Event")}}。

## 示例

Expand All @@ -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");
Expand All @@ -55,4 +55,4 @@ video.appendChild(source);
- {{domxref("HTMLAudioElement")}}
- {{domxref("HTMLVideoElement")}}
- {{HTMLElement("audio")}}
- {{HTMLElement("video")}}
- {{HTMLElement("video")}}
20 changes: 10 additions & 10 deletions files/zh-cn/web/api/htmlmediaelement/audiotracks/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,33 +7,33 @@ 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")}} 对象表示的。

## 示例

在这个示例中,给定元素的所有的音频轨道都是被静音的。

### HTML

使用 HTML 构建元素本身
构建元素本身的 HTML。

```html
<video id="video" src="somevideo.mp4"></video>
```

### JavaScript

这段 JavaScript 代码负责静音视频元素的音轨
这段 JavaScript 代码负责将视频元素的音轨静音

```js
const video = document.getElementById("video");
Expand All @@ -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")}}
- {{domxref("HTMLMediaElement")}}:用于定义 `HTMLMediaElement.audioTracks` 属性的接口
- {{HTMLElement("audio")}}{{HTMLElement("video")}}
- {{domxref("AudioTrack")}}{{domxref("AudioTrackList")}}
6 changes: 3 additions & 3 deletions files/zh-cn/web/api/htmlmediaelement/buffered/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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` 属性时已缓冲的媒体资源(如果有)的范围。

## 示例

Expand All @@ -30,4 +30,4 @@ console.log(obj.buffered); // TimeRanges { length: 0 }

## 参见

- {{domxref("HTMLMediaElement")}}: 用于指定 `HTMLMediaElement.buffered` 属性的接口
- {{domxref("HTMLMediaElement")}}:用于定义 `HTMLMediaElement.buffered` 属性的接口
14 changes: 7 additions & 7 deletions files/zh-cn/web/api/htmlmediaelement/canplay_event/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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) => {});
Expand All @@ -23,13 +23,13 @@ oncanplay = (event) => {};

## 事件类型

一个通用型 {{domxref("Event")}}
通用 {{domxref("Event")}}。

## 示例

这些示例为 HTMLMediaElement 的 `canplay` 事件添加了一个事件监听器。事件处理器会在事件被触发时发送一条信息。

使用 `addEventListener()`:
使用 `addEventListener()`

```js
const video = document.querySelector("video");
Expand All @@ -39,7 +39,7 @@ video.addEventListener("canplay", (event) => {
});
```

使用`oncanplay`事件处理器属性:
使用 `oncanplay` 事件处理器属性:

```js
const video = document.querySelector("video");
Expand Down Expand Up @@ -83,4 +83,4 @@ video.oncanplay = (event) => {
- {{domxref("HTMLAudioElement")}}
- {{domxref("HTMLVideoElement")}}
- {{HTMLElement("audio")}}
- {{HTMLElement("video")}}
- {{HTMLElement("video")}}

0 comments on commit e99a734

Please sign in to comment.