未验证 提交 e09f47eb 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 5a713064
...@@ -73,6 +73,78 @@ Video(value: VideoOptions) ...@@ -73,6 +73,78 @@ Video(value: VideoOptions)
| setCurrentTime(value:&nbsp;number) | 指定视频播放的进度位置。 | | setCurrentTime(value:&nbsp;number) | 指定视频播放的进度位置。 |
| setCurrentTime(value:&nbsp;number,&nbsp;seekMode:&nbsp;SeekMode | 指定视频播放的进度位置,并指定跳转模式。 | | setCurrentTime(value:&nbsp;number,&nbsp;seekMode:&nbsp;SeekMode | 指定视频播放的进度位置,并指定跳转模式。 |
## VideoController
一个VideoController对象可以控制一个或多个video。
### 导入对象
```
controller: VideoController = new VideoController();
```
### start
start(): void
开始播放。
### pause
pause(): void
暂停播放。
### stop
stop(): void
停止播放。
### setCurrentTime
setCurrentTime(value: number)
指定视频播放的进度位置。
- 参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 视频播放进度位置。 |
### requestFullscreen
requestFullscreen(value: boolean)
请求全屏播放。
- 参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | false | 是否全屏播放。 |
### exitFullscreen
exitFullscreen()
退出全屏播放。
### setCurrentTime<sup>8+</sup>
setCurrentTime(value: number, seekMode: SeekMode)
指定视频播放的进度位置,并指定跳转模式。
- 参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 视频播放进度位置。 |
| seekMode | SeekMode | 是 | - | 跳转模式。 |
- SeekMode<sup>8+</sup>类型接口说明 - SeekMode<sup>8+</sup>类型接口说明
| 名称 | 描述 | | 名称 | 描述 |
| -------- | -------- | | -------- | -------- |
...@@ -82,6 +154,7 @@ Video(value: VideoOptions) ...@@ -82,6 +154,7 @@ Video(value: VideoOptions)
| Accurate | 精准跳转,不论是否为关键帧。 | | Accurate | 精准跳转,不论是否为关键帧。 |
## 示例 ## 示例
``` ```
...@@ -93,7 +166,7 @@ struct VideoCreateComponent { ...@@ -93,7 +166,7 @@ struct VideoCreateComponent {
@State currentProgressRates: number = 1; @State currentProgressRates: number = 1;
@State autoPlays: boolean = false; @State autoPlays: boolean = false;
@State controlsss: boolean = true; @State controlsss: boolean = true;
myVideoController: VideoController = new VideoController(); controller: VideoController = new VideoController();
@State startStaus: boolean = true; @State startStaus: boolean = true;
build() { build() {
Column() { Column() {
...@@ -101,7 +174,7 @@ struct VideoCreateComponent { ...@@ -101,7 +174,7 @@ struct VideoCreateComponent {
src: this.srcs, src: this.srcs,
previewUri: this.previewUris, previewUri: this.previewUris,
currentProgressRate: this.currentProgressRates, currentProgressRate: this.currentProgressRates,
controller: this.myVideoController controller: this.controller
}).width(700).height(500) }).width(700).height(500)
.autoPlay(this.autoPlays) .autoPlay(this.autoPlays)
.controls(this.controlsss) .controls(this.controlsss)
...@@ -151,19 +224,19 @@ struct VideoCreateComponent { ...@@ -151,19 +224,19 @@ struct VideoCreateComponent {
Row() { Row() {
Button("start").onClick(() => { Button("start").onClick(() => {
this.myVideoController.start(); this.controller.start();
}); });
Button("pause").onClick(() => { Button("pause").onClick(() => {
this.myVideoController.pause(); this.controller.pause();
}); });
Button("stop").onClick(() => { Button("stop").onClick(() => {
this.myVideoController.stop(); this.controller.stop();
}); });
} }
Row() { Row() {
Button("setCurrentTime").onClick(() => { Button("setCurrentTime").onClick(() => {
this.myVideoController.setCurrentTime(9, SeekMode.Accurate); this.controller.setCurrentTime(9, SeekMode.Accurate);
}); });
} }
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册