Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
de51e1c4
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,发现更多精彩内容 >>
提交
de51e1c4
编写于
5月 07, 2022
作者:
W
wangshuainan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update ts-media-components-video.md.
Signed-off-by:
N
wangshuainan
<
wangshuainan1@huawei.com
>
上级
710a7c17
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
42 addition
and
37 deletion
+42
-37
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
...ation-dev/reference/arkui-ts/ts-media-components-video.md
+42
-37
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @
de51e1c4
...
@@ -3,9 +3,22 @@
...
@@ -3,9 +3,22 @@
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> 该组件从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
视频播放组件。
视频播放组件。
## 权限列表
使用网络视频时,需要在config或者module.json对应的"abilities"中添加网络使用权限ohos.permission.INTERNET。
```
"abilities":[
{
...
"permissions": ["ohos.permission.INTERNET],
...
}
]
```
## 子组件
## 子组件
...
@@ -19,9 +32,9 @@ Video(value: VideoOptions)
...
@@ -19,9 +32,9 @@ Video(value: VideoOptions)
-
VideoOptions类型接口说明
-
VideoOptions类型接口说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| src | string
| 否 | - | 视频播放源的路径
。 |
| src | string
\|
[
Resource
](
../../ui/ts-types.md
)
| 否 | - | 视频播放源的路径,支持本地视频路径和网络路径。
<br>
支持在resources下面的video或rawfile文件夹里放置媒体资源。
<br>
支持dataability://的路径前缀,用于访问通过Data Ability提供的视频路径,具体路径信息详见
[
Data Ability说明
](
../../ability/fa-dataability.md
)
。 |
| currentProgressRate | number
\|
PlaybackSpeed
<sup>
8+
</sup>
| 否 | 1.0
\|
PlaybackSpeed.
<br>
Speed_Forward_1_00_X | 视频播放倍速。
<br/>
>
![icon-note.gif](public_sys-resources/icon-note.gif)
**说明:**
<br/>
>
number取值仅支持:0.75,1.0,1.25,1.75,2.0。
<br/>
|
| currentProgressRate | number
\|
PlaybackSpeed
<sup>
8+
</sup>
| 否 | 1.0
\|
PlaybackSpeed.
<br>
Speed_Forward_1_00_X | 视频播放倍速。
<br/>
>
![icon-note.gif](public_sys-resources/icon-note.gif)
**说明:**
<br/>
>
number取值仅支持:0.75,1.0,1.25,1.75,2.0。
<br/>
|
| previewUri | string
\|
PixelMap
<sup>
8+
</sup>
\|
[
Resource
](
../../ui/ts-types.md
#Resource类型
)
| 否 | - | 预览图片的路径。 |
| previewUri | string
\|
PixelMap
<sup>
8+
</sup>
\|
[
Resource
](
../../ui/ts-types.md
)
| 否 | - | 预览图片的路径。 |
| controller |
[
VideoController
](
#videocontroller
)
| 否 | - | 控制器。 |
| controller |
[
VideoController
](
#videocontroller
)
| 否 | - | 控制器。 |
...
@@ -146,8 +159,8 @@ setCurrentTime(value: number, seekMode: SeekMode)
...
@@ -146,8 +159,8 @@ setCurrentTime(value: number, seekMode: SeekMode)
@Entry
@Entry
@Component
@Component
struct VideoCreateComponent {
struct VideoCreateComponent {
@State srcs:
string = "/resources/video/video1.mp4"
;
@State srcs:
Resource = $rawfile('video1')
;
@State previewUris:
string = "/resources/image/media.JPG"
;
@State previewUris:
Resource = $r('app.media.img')
;
@State currentProgressRates: number = 1;
@State currentProgressRates: number = 1;
@State autoPlays: boolean = false;
@State autoPlays: boolean = false;
@State controlsss: boolean = true;
@State controlsss: boolean = true;
...
@@ -189,18 +202,10 @@ struct VideoCreateComponent {
...
@@ -189,18 +202,10 @@ struct VideoCreateComponent {
})
})
Row() {
Row() {
Button("src").onClick(() => {
Button("src").onClick(() => {
if (this.srcs == "/resources/video/video1.mp4") {
this.srcs = $rawfile('video2');
this.srcs = "/resources/video/video2.mp4";
} else {
this.srcs = "/resources/video/video1.mp4";
}
});
});
Button("previewUri").onClick(() => {
Button("previewUri").onClick(() => {
if (this.previewUris == "/resources/image/media.JPG") {
this.previewUris = $r('app.media.img1');
this.previewUris = "/resources/image/sinlin.png";
} else {
this.previewUris = "/resources/image/media.JPG";
}
});
});
Button("controlsss").onClick(() => {
Button("controlsss").onClick(() => {
this.controlsss = !this.controlsss;
this.controlsss = !this.controlsss;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录