提交 de51e1c4 编写于 作者: W wangshuainan

update ts-media-components-video.md.

Signed-off-by: Nwangshuainan <wangshuainan1@huawei.com>
上级 710a7c17
...@@ -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&nbsp;\|&nbsp;PlaybackSpeed<sup>8+</sup> | 否 | 1.0&nbsp;\|&nbsp;PlaybackSpeed.<br>Speed_Forward_1_00_X | 视频播放倍速。<br/>>&nbsp;![icon-note.gif](public_sys-resources/icon-note.gif)&nbsp;**说明:**<br/>>&nbsp;number取值仅支持:0.75,1.0,1.25,1.75,2.0。<br/> | | currentProgressRate | number&nbsp;\|&nbsp;PlaybackSpeed<sup>8+</sup> | 否 | 1.0&nbsp;\|&nbsp;PlaybackSpeed.<br>Speed_Forward_1_00_X | 视频播放倍速。<br/>>&nbsp;![icon-note.gif](public_sys-resources/icon-note.gif)&nbsp;**说明:**<br/>>&nbsp;number取值仅支持:0.75,1.0,1.25,1.75,2.0。<br/> |
| previewUri | string&nbsp;\|&nbsp;PixelMap<sup>8+</sup>&nbsp;\|&nbsp;[Resource](../../ui/ts-types.md#Resource类型) | 否 | - | 预览图片的路径。 | | previewUri | string&nbsp;\|&nbsp;PixelMap<sup>8+</sup>&nbsp;\|&nbsp;[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.
先完成此消息的编辑!
想要评论请 注册