Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
91c11305
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看板
未验证
提交
91c11305
编写于
10月 29, 2022
作者:
L
luoying_ace
提交者:
Gitee
10月 29, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
853b74ee
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
65 addition
and
55 deletion
+65
-55
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
...ation-dev/reference/arkui-ts/ts-media-components-video.md
+65
-55
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-media-components-video.md
浏览文件 @
91c11305
...
...
@@ -24,10 +24,10 @@ Video(value: {src?: string | Resource, currentProgressRate?: number | string | P
| 参数名 | 参数类型 | 必填 | 参数描述 |
| ------------------- | ------------------------------------------------------------ | ---- | ------------------------------------------------------------ |
| src | string
\|
[
Resource
](
ts-types.md
)
| 否 | 视频播放源的路径,支持本地视频路径和网络路径。
<br>
支持在resources下面的video或rawfile文件夹里放置媒体资源。
<br>
支持dataability://的路径前缀,用于访问通过Data Ability提供的视频路径,具体路径信息详见
[
Data
Ability说明
](
../../ability/fa-dataability.md
)
。
<br/>
**说明:**
<br/>
视频支持的规格
是:mp4、mkv、webm、TS。 |
| src | string
\|
[
Resource
](
ts-types.md
)
| 否 | 视频播放源的路径,支持本地视频路径和网络路径。
<br>
支持在resources下面的video或rawfile文件夹里放置媒体资源。
<br>
支持dataability://的路径前缀,用于访问通过Data Ability提供的视频路径,具体路径信息详见
[
Data
Ability说明
](
../../ability/fa-dataability.md
)
。
<br/>
**说明:**
<br/>
视频支持的格式
是:mp4、mkv、webm、TS。 |
| currentProgressRate | number
\|
string
\|
PlaybackSpeed
<sup>
8+
</sup>
| 否 | 视频播放倍速。
<br/>
**说明:**
<br/>
number取值仅支持:0.75,1.0,1.25,1.75,2.0。
<br/>
默认值:1.0
\|
PlaybackSpeed.Speed_Forward_1_00_X |
| previewUri | string
\|
PixelMap
<sup>
8+
</sup>
\|
[
Resource
](
ts-types.md
)
| 否 |
预览图片的
路径。 |
| controller |
[
VideoController
](
#videocontroller
)
| 否 | 控制器。 |
| previewUri | string
\|
PixelMap
<sup>
8+
</sup>
\|
[
Resource
](
ts-types.md
)
| 否 |
视频未播放时的预览图片
路径。 |
| controller |
[
VideoController
](
#videocontroller
)
| 否 |
设置视频
控制器。 |
## PlaybackSpeed<sup>8+</sup>枚举说明
...
...
@@ -76,7 +76,7 @@ Video(value: {src?: string | Resource, currentProgressRate?: number | string | P
### 导入对象
```
ts
controller
:
VideoController
=
new
VideoController
()
;
controller
:
VideoController
=
new
VideoController
()
```
...
...
@@ -138,7 +138,7 @@ setCurrentTime(value: number, seekMode: SeekMode)
| 参数名 | 参数类型 | 必填 | 参数描述 |
| -------- | -------- | ---- | ------------------ |
| value | number | 是 | 视频播放进度位置。 |
| value | number | 是 | 视频播放进度位置
,单位为s
。 |
| seekMode | SeekMode | 是 | 跳转模式。 |
## SeekMode<sup>8+</sup>枚举说明
...
...
@@ -159,75 +159,85 @@ setCurrentTime(value: number, seekMode: SeekMode)
@
Entry
@
Component
struct
VideoCreateComponent
{
@
State
srcs
:
Resource
=
$rawfile
(
'
video1.mp4
'
);
@
State
previewUri
s
:
Resource
=
$r
(
'
app.media.img
'
);
@
State
cur
rentProgressRates
:
number
=
1
;
@
State
autoPlays
:
boolean
=
false
;
@
State
controlsss
:
boolean
=
true
;
controller
:
VideoController
=
new
VideoController
()
;
@
State
videoSrc
:
Resource
=
$rawfile
(
'
video1.mp4
'
)
@
State
previewUri
:
Resource
=
$r
(
'
app.media.poster1
'
)
@
State
cur
Rate
:
PlaybackSpeed
=
PlaybackSpeed
.
Speed_Forward_1_00_X
@
State
isAutoPlay
:
boolean
=
false
@
State
showControls
:
boolean
=
true
controller
:
VideoController
=
new
VideoController
()
build
()
{
Column
()
{
Video
({
src
:
this
.
srcs
,
previewUri
:
this
.
previewUri
s
,
currentProgressRate
:
this
.
cur
rentProgressRates
,
src
:
this
.
videoSrc
,
previewUri
:
this
.
previewUri
,
currentProgressRate
:
this
.
cur
Rate
,
controller
:
this
.
controller
}).
width
(
700
).
height
(
5
00
)
.
autoPlay
(
this
.
autoPlays
)
.
controls
(
this
.
controlss
s
)
}).
width
(
800
).
height
(
6
00
)
.
autoPlay
(
this
.
isAutoPlay
)
.
controls
(
this
.
showControl
s
)
.
onStart
(()
=>
{
console
.
error
(
'
onStart
'
);
})
console
.
info
(
'
onStart
'
)
})
.
onPause
(()
=>
{
console
.
error
(
'
onPause
'
);
})
console
.
info
(
'
onPause
'
)
})
.
onFinish
(()
=>
{
console
.
error
(
'
onFinish
'
);
})
console
.
info
(
'
onFinish
'
)
})
.
onError
(()
=>
{
console
.
error
(
'
onFinish
'
);
})
console
.
info
(
'
onFinish
'
)
})
.
onPrepared
((
e
)
=>
{
console
.
error
(
'
onPrepared is
'
+
e
.
duration
);
})
console
.
info
(
'
onPrepared is
'
+
e
.
duration
)
})
.
onSeeking
((
e
)
=>
{
console
.
error
(
'
onSeeking is
'
+
e
.
time
);
})
console
.
info
(
'
onSeeking is
'
+
e
.
time
)
})
.
onSeeked
((
e
)
=>
{
console
.
error
(
'
onSeekedis
'
+
e
.
time
);
})
console
.
info
(
'
onSeeked is
'
+
e
.
time
)
})
.
onUpdate
((
e
)
=>
{
console
.
error
(
'
onUpdateis
'
+
e
.
time
);
})
console
.
info
(
'
onUpdate is
'
+
e
.
time
)
})
Row
()
{
Button
(
"
src
"
).
onClick
(()
=>
{
this
.
srcs
=
$rawfile
(
'
video2.mp4
'
);
})
;
Button
(
"
previewUri
"
).
onClick
(()
=>
{
this
.
previewUris
=
$r
(
'
app.media.img1
'
);
})
;
Button
(
"
controlsss
"
).
onClick
(()
=>
{
this
.
controlsss
=
!
this
.
controlsss
;
})
;
Button
(
'
src
'
).
onClick
(()
=>
{
this
.
videoSrc
=
$rawfile
(
'
video2.mp4
'
)
// 切换视频源
})
.
margin
(
5
)
Button
(
'
previewUri
'
).
onClick
(()
=>
{
this
.
previewUri
=
$r
(
'
app.media.poster2
'
)
// 切换视频预览海报
})
.
margin
(
5
)
Button
(
'
controls
'
).
onClick
(()
=>
{
this
.
showControls
=
!
this
.
showControls
// 切换是否显示视频控制栏
})
.
margin
(
5
)
}
Row
()
{
Button
(
"
start
"
).
onClick
(()
=>
{
this
.
controller
.
start
();
});
Button
(
"
pause
"
).
onClick
(()
=>
{
this
.
controller
.
pause
();
});
Button
(
"
stop
"
).
onClick
(()
=>
{
this
.
controller
.
stop
();
});
Button
(
'
start
'
).
onClick
(()
=>
{
this
.
controller
.
start
()
// 开始播放
}).
margin
(
5
)
Button
(
'
pause
'
).
onClick
(()
=>
{
this
.
controller
.
pause
()
// 暂停播放(显示当前帧)
}).
margin
(
5
)
Button
(
'
stop
'
).
onClick
(()
=>
{
this
.
controller
.
stop
()
// 结束播放
}).
margin
(
5
)
Button
(
'
setTime
'
).
onClick
(()
=>
{
this
.
controller
.
setCurrentTime
(
10
,
SeekMode
.
Accurate
)
// 精准跳转到视频的10s位置
}).
margin
(
5
)
}
Row
()
{
Button
(
"
setCurrentTime
"
).
onClick
(()
=>
{
this
.
controller
.
setCurrentTime
(
9
,
SeekMode
.
Accurate
);
});
Button
(
'
rate 0.75
'
).
onClick
(()
=>
{
this
.
curRate
=
PlaybackSpeed
.
Speed_Forward_0_75_X
// 0.75倍速播放
}).
margin
(
5
)
Button
(
'
rate 1
'
).
onClick
(()
=>
{
this
.
curRate
=
PlaybackSpeed
.
Speed_Forward_1_00_X
// 原倍速播放
}).
margin
(
5
)
Button
(
'
rate 2
'
).
onClick
(()
=>
{
this
.
curRate
=
PlaybackSpeed
.
Speed_Forward_2_00_X
// 2倍速播放
}).
margin
(
5
)
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录