HarmonyOS應(yīng)用開發(fā)-ets-video組件案例

1、蛟龍騰飛學(xué)習(xí)分享材料 HarmonyOS應(yīng)用開發(fā)-ets-video組件案例說明：該組件從API version 7開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。接口Video(value: src?: string, currentProgressRate?: number | string, previewUri?: string, controller?: VideoController)示例代碼：/ ts-nocheckEntryComponentstruct VideoExample State src: Resource = $rawfile(video1.

2、mp4) State currentProgressRate: number = 1 State muted: boolean = false State autoPlay: boolean = false State controls: boolean = true State startStaus: boolean = true myVideoController: VideoController = new VideoController() build() Column( space: 10 ) Video( src: this.src, previewUri: ././././res

3、ources/rawfile/video1.mp4, currentProgressRate: this.currentProgressRate, controller: this.myVideoController ) .muted(this.muted) .autoPlay(this.autoPlay) .controls(this.controls) .objectFit(ImageFit.Contain) .loop(true) .width(320) .height(200) .onStart() = (onStart) ) .onPause() = (onPause) ) .onF

4、inish() = (onFinish) ) .onError() = (onError) ) .onFullscreenChange(e) = (onFullscreenChange: + e.fullscreen) ) .onPrepared(e) = (onPrepared: + e.duration) ) .onSeeking(e) = (onSeeking + e.time) ) .onSeeked(e) = (onSeeked + e.time) ) .onUpdate(e) = (onUpdate + e.time) ) Row() Flex( wrap: FlexWrap.Wr

5、ap, justifyContent: FlexAlign.SpaceAround, alignItems:ItemAlign.Start ) Button(src) .onClick() = if (this.src = $rawfile(video1.mp4) this.src = $rawfile(video2.mp4) else this.src = $rawfile(video1.mp4) ) .margin(bottom:10) Button(controls) .onClick() = this.controls = !this.controls ) Button(play) .

6、onClick() = this.myVideoController.start() ) Button(pause) .onClick() = this.myVideoController.pause() ) Button(stop) .onClick() = this.myVideoController.stop() ) .margin(bottom:10) Button(requestFullscreen) .onClick() = this.myVideoController.requestFullscreen(true) ) Button(exitFullscreen) .onClick() = this.myVideoController.exitFullscreen() ) Button(setCurrentTime) .onClick() = this.myVideoController.setCurrentTime(9) ) .padding(15) .width(100%) 示例效果：網(wǎng)址： HY