Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
e09f47eb
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
e09f47eb
编写于
3月 24, 2022
作者:
L
LiAn
提交者:
Gitee
3月 24, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md.
Signed-off-by:
N
LiAn
<
lian15@huawei.com
>
上级
5a713064
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
79 addition
and
6 deletion
+79
-6
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
...ation-dev/reference/arkui-ts/ts-media-components-video.md
+79
-6
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @
e09f47eb
...
...
@@ -73,6 +73,78 @@ Video(value: VideoOptions)
| setCurrentTime(value:
number) | 指定视频播放的进度位置。 |
| setCurrentTime(value:
number,
seekMode:
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>
类型接口说明
| 名称 | 描述 |
| -------- | -------- |
...
...
@@ -82,6 +154,7 @@ Video(value: VideoOptions)
| Accurate | 精准跳转,不论是否为关键帧。 |
## 示例
```
...
...
@@ -93,7 +166,7 @@ struct VideoCreateComponent {
@State currentProgressRates: number = 1;
@State autoPlays: boolean = false;
@State controlsss: boolean = true;
myVideoC
ontroller: VideoController = new VideoController();
c
ontroller: VideoController = new VideoController();
@State startStaus: boolean = true;
build() {
Column() {
...
...
@@ -101,7 +174,7 @@ struct VideoCreateComponent {
src: this.srcs,
previewUri: this.previewUris,
currentProgressRate: this.currentProgressRates,
controller: this.
myVideoC
ontroller
controller: this.
c
ontroller
}).width(700).height(500)
.autoPlay(this.autoPlays)
.controls(this.controlsss)
...
...
@@ -151,19 +224,19 @@ struct VideoCreateComponent {
Row() {
Button("start").onClick(() => {
this.
myVideoC
ontroller.start();
this.
c
ontroller.start();
});
Button("pause").onClick(() => {
this.
myVideoC
ontroller.pause();
this.
c
ontroller.pause();
});
Button("stop").onClick(() => {
this.
myVideoC
ontroller.stop();
this.
c
ontroller.stop();
});
}
Row() {
Button("setCurrentTime").onClick(() => {
this.
myVideoC
ontroller.setCurrentTime(9, SeekMode.Accurate);
this.
c
ontroller.setCurrentTime(9, SeekMode.Accurate);
});
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录