中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
本文原创发布在华为开发者社区。
本示例构建自定义水印组件,利用Video组件的属性为视频添加水印并附有视频播放、暂停、倍速等功能。
实现视频添加水印功能源码链接
自定义修改水印组件,修改视频src即可对相关视频进行添加水平操作。
WatermarkBuilder() { Column() { ··· } .width('auto') .height('auto') .hitTestBehavior(HitTestMode.None) }
.overlay(this.WatermarkBuilder(), { offset: { x: -100, y: 490 } })
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) ···
微信扫码分享