色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙ArkTS媒體組件:Video

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-07-16 09:35 ? 次閱讀

Video

用于播放視頻文件并控制其播放狀態(tài)的組件。

說明:

該組件從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨標(biāo)記該內(nèi)容的起始版本。

權(quán)限列表

使用網(wǎng)絡(luò)視頻時,需要申請權(quán)限ohos.permission.INTERNET。具體申請方式請參考[權(quán)限申請聲明]。

子組件

不支持子組件。

接口

Video(value: {src?: string | Resource, currentProgressRate?: number | string | PlaybackSpeed, previewUri?: string | PixelMap | Resource, controller?: VideoController})

參數(shù)

參數(shù)名參數(shù)類型必填參數(shù)描述
srcstring[Resource]
currentProgressRatenumberstringPlaybackSpeed8+
previewUristringPixelMap[Resource]
controller[VideoController]設(shè)置視頻控制器,可以控制視頻的播放狀態(tài)。

PlaybackSpeed8+枚舉說明

名稱描述
Speed_Forward_0_75_X0.75倍速播放。
Speed_Forward_1_00_X1倍速播放。
Speed_Forward_1_25_X1.25倍速播放。
Speed_Forward_1_75_X1.75倍速播放。
Speed_Forward_2_00_X2倍速播放。

屬性

除支持[通用屬性]外,還支持以下屬性:

名稱參數(shù)類型描述
mutedboolean是否靜音。 默認(rèn)值:false
autoPlayboolean是否自動播放。 默認(rèn)值:false
controlsboolean控制視頻播放的控制欄是否顯示。 默認(rèn)值:true
objectFit[ImageFit]設(shè)置視頻顯示模式。 默認(rèn)值:Cover
loopboolean是否單個視頻循環(huán)播放。 默認(rèn)值:false

事件

除支持[通用事件]外,還支持以下事件:

名稱功能描述
onStart(event:() => void)播放時觸發(fā)該事件。
onPause(event:() => void)暫停時觸發(fā)該事件。
onFinish(event:() => void)播放結(jié)束時觸發(fā)該事件。
onError(event:() => void)播放失敗時觸發(fā)該事件。
onPrepared(callback:(event?: { duration: number }) => void)視頻準(zhǔn)備完成時觸發(fā)該事件。 duration:當(dāng)前視頻的時長,單位為秒(s)。
onSeeking(callback:(event?: { time: number }) => void)操作進(jìn)度條過程時上報時間信息。 time:當(dāng)前視頻播放的進(jìn)度,單位為s。
onSeeked(callback:(event?: { time: number }) => void)操作進(jìn)度條完成后,上報播放時間信息。 time:當(dāng)前視頻播放的進(jìn)度,單位為s。
onUpdate(callback:(event?: { time: number }) => void)播放進(jìn)度變化時觸發(fā)該事件。 time:當(dāng)前視頻播放的進(jìn)度,單位為s。
onFullscreenChange(callback:(event?: { fullscreen: boolean }) => void)在全屏播放與非全屏播放狀態(tài)之間切換時觸發(fā)該事件。 fullscreen:返回值為true表示進(jìn)入全屏播放狀態(tài),為false則表示非全屏播放。

VideoController

一個VideoController對象可以控制一個或多個video,可用視頻播放實例請參考[@ohos.multimedia.media])。

導(dǎo)入對象

let controller: VideoController = new VideoController()

start

start(): void

開始播放。

pause

pause(): void

暫停播放,顯示當(dāng)前幀,再次播放時從當(dāng)前位置繼續(xù)播放。

stop

stop(): void

停止播放,顯示當(dāng)前幀,再次播放時從頭開始播放。

setCurrentTime

setCurrentTime(value: number)

指定視頻播放的進(jìn)度位置。

參數(shù):

參數(shù)名參數(shù)類型必填參數(shù)描述
valuenumber視頻播放進(jìn)度位置,單位為s。

requestFullscreen

requestFullscreen(value: boolean)

請求全屏播放。

參數(shù):

參數(shù)名參數(shù)類型必填參數(shù)描述
valueboolean是否全屏(填充滿應(yīng)用窗口)播放。

exitFullscreen

exitFullscreen()

退出全屏播放。

setCurrentTime8+

setCurrentTime(value: number, seekMode: SeekMode)

指定視頻播放的進(jìn)度位置,并指定跳轉(zhuǎn)模式。

參數(shù):

參數(shù)名參數(shù)類型必填參數(shù)描述
valuenumber視頻播放進(jìn)度位置,單位為s。
seekModeSeekMode跳轉(zhuǎn)模式。

SeekMode8+枚舉說明

名稱 開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]描述
PreviousKeyframe跳轉(zhuǎn)到前一個最近的關(guān)鍵幀。
NextKeyframe跳轉(zhuǎn)到后一個最近的關(guān)鍵幀。
ClosestKeyframe跳轉(zhuǎn)到最近的關(guān)鍵幀。
Accurate精準(zhǔn)跳轉(zhuǎn),不論是否為關(guān)鍵幀。

示例

// xxx.ets
@Entry
@Component
struct VideoCreateComponent {
  @State videoSrc: Resource = $rawfile('video1.mp4')
  @State previewUri: Resource = $r('app.media.poster1')
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
  @State isAutoPlay: boolean = false
  @State showControls: boolean = true
  controller: VideoController = new VideoController()

  build() {
    Column() {
      Video({
        src: this.videoSrc,
        previewUri: this.previewUri,
        currentProgressRate: this.curRate,
        controller: this.controller
      })
        .width('100%')
        .height(600)
        .autoPlay(this.isAutoPlay)
        .controls(this.showControls)
        .onStart(() = > {
          console.info('onStart')
        })
        .onPause(() = > {
          console.info('onPause')
        })
        .onFinish(() = > {
          console.info('onFinish')
        })
        .onError(() = > {
          console.info('onError')
        })
        .onPrepared((e?: DurationObject) = > {
          if (e != undefined) {
            console.info('onPrepared is ' + e.duration)
          }
        })
        .onSeeking((e?: TimeObject) = > {
          if (e != undefined) {
            console.info('onSeeking is ' + e.time)
          }
        })
        .onSeeked((e?: TimeObject) = > {
          if (e != undefined) {
            console.info('onSeeked is ' + e.time)
          }
        })
        .onUpdate((e?: TimeObject) = > {
          if (e != undefined) {
            console.info('onUpdate is ' + e.time)
          }
        })

      Row() {
        Button('src').onClick(() = > {
          this.videoSrc = $rawfile('video2.mp4') // 切換視頻源
        }).margin(5)
        Button('previewUri').onClick(() = > {
          this.previewUri = $r('app.media.poster2') // 切換視頻預(yù)覽海報
        }).margin(5)
        Button('controls').onClick(() = > {
          this.showControls = !this.showControls // 切換是否顯示視頻控制欄
        }).margin(5)
      }

      Row() {
        Button('start').onClick(() = > {
          this.controller.start() // 開始播放
        }).margin(5)
        Button('pause').onClick(() = > {
          this.controller.pause() // 暫停播放
        }).margin(5)
        Button('stop').onClick(() = > {
          this.controller.stop() // 結(jié)束播放
        }).margin(5)
        Button('setTime').onClick(() = > {
          this.controller.setCurrentTime(10, SeekMode.Accurate) // 精準(zhǔn)跳轉(zhuǎn)到視頻的10s位置
        }).margin(5)
      }

      Row() {
        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)
      }
    }
  }
}

interface DurationObject {
  duration: number;
}

interface TimeObject {
  time: number;
}

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 組件
    +關(guān)注

    關(guān)注

    1

    文章

    512

    瀏覽量

    17813
  • 鴻蒙
    +關(guān)注

    關(guān)注

    57

    文章

    2342

    瀏覽量

    42818
收藏 人收藏

    評論

    相關(guān)推薦

    鴻蒙ArkUI開發(fā)-Video組件的使用

    以視頻功能為例,在應(yīng)用開發(fā)過程中,我們需要通過ArkUI提供的Video組件為應(yīng)用增加基礎(chǔ)的視頻播放功能。借助Video組件,我們可以實現(xiàn)視頻的播放功能并控制其播放狀態(tài)。常見的視頻播放
    的頭像 發(fā)表于 01-23 16:59 ?1324次閱讀
    <b class='flag-5'>鴻蒙</b>ArkUI開發(fā)-<b class='flag-5'>Video</b><b class='flag-5'>組件</b>的使用

    【飛騰派4G版免費試用】Stage鴻蒙應(yīng)用基礎(chǔ)

    推薦stage,當(dāng)然,你要是大量開發(fā)輕應(yīng)用,還是fa吧。 二、基本功能風(fēng)格和功耗測試 這里功耗測試是基于一個小的鴻蒙應(yīng)用及多媒體使用。 預(yù)覽器可以很好地查看應(yīng)用。但是不幸的是不包含多媒體應(yīng)用。
    發(fā)表于 12-24 08:52

    鴻蒙開發(fā)基礎(chǔ)-Web組件之cookie操作

    }) ... } ... 本文章主要是對鴻蒙開發(fā)當(dāng)中ArkTS語言的基礎(chǔ)應(yīng)用實戰(zhàn),Web組件里的cookie操作。更多的鴻蒙應(yīng)用開發(fā)技術(shù),可以前往我的主頁學(xué)習(xí)更多,下面是一張
    發(fā)表于 01-14 21:31

    鴻蒙ArkTS的起源和簡介

    ArkTS在TS的類型系統(tǒng)的基礎(chǔ)上,做了進(jìn)一步的擴(kuò)展:定義了各種裝飾器、自定義組件和UI描述機(jī)制,再配合UI開發(fā)框架中的UI內(nèi)置組件、事件方法、屬性方法等共同構(gòu)成了應(yīng)用開發(fā)的主體。在應(yīng)用開發(fā)中,除了UI
    發(fā)表于 01-16 16:23

    2024款鴻蒙OS 最新HarmonyOS Next_HarmonyOS4.0系列教程分享

    鴻蒙的出現(xiàn),標(biāo)志著中國科技的崛起。HarmonyOS就是我們說的華為鴻蒙系統(tǒng),截止到2023年8月4日已有超過7億臺設(shè)備搭載了鴻蒙OS系統(tǒng)。據(jù)多家媒體報道,2024年國內(nèi)有21所985
    發(fā)表于 02-28 10:29

    HarmonyOS應(yīng)用開發(fā)實戰(zhàn)-媒體組件video

    video。視頻播放組件。說明:需要在config.json配置,“configChanges”: [“orientation”]除支持通用屬性外,還支持如下屬性:除支持通用樣式外,還支持如下樣式
    發(fā)表于 11-15 10:26

    ArkTS-HarmonyOS應(yīng)用開發(fā)video體驗分享

    Api:8語言:ArkTs需要權(quán)限:使用網(wǎng)絡(luò)視頻時,需要申請權(quán)限ohos.permission.INTERNET。具體申請方式請參考權(quán)限申請聲明。組件video參考:https
    發(fā)表于 11-22 14:45

    鴻蒙開發(fā)之ArkTS基礎(chǔ)知識

    一、ArkTS簡介 ArkTS是HarmonyOS優(yōu)選的主力應(yīng)用開發(fā)語言。它在TypeScript(簡稱TS)的基礎(chǔ)上,匹配了鴻蒙的ArkUI框架,擴(kuò)展了聲明式UI、狀態(tài)管理等相應(yīng)的能力,讓開發(fā)者以
    的頭像 發(fā)表于 01-24 16:44 ?2238次閱讀
    <b class='flag-5'>鴻蒙</b>開發(fā)之<b class='flag-5'>ArkTS</b>基礎(chǔ)知識

    鴻蒙實戰(zhàn)開發(fā)ArkTS運用:【ai聊天框】

    用一個ArkTS編寫的HarmonyOS原生聊天UI框架,提供了開箱即用的聊天對話組件
    的頭像 發(fā)表于 03-08 15:38 ?928次閱讀
    <b class='flag-5'>鴻蒙</b>實戰(zhàn)開發(fā)<b class='flag-5'>ArkTS</b>運用:【ai聊天框】

    鴻蒙ArkTS聲明式組件:XComponent

    可用于EGL/OpenGLES和媒體數(shù)據(jù)寫入,并顯示在XComponent組件
    的頭像 發(fā)表于 07-05 09:56 ?680次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b>聲明式<b class='flag-5'>組件</b>:XComponent

    鴻蒙ArkTS媒體組件:Ellipse

    橢圓繪制組件
    的頭像 發(fā)表于 07-16 15:20 ?289次閱讀

    鴻蒙ArkTS媒體組件:Line

    直線繪制組件
    的頭像 發(fā)表于 07-17 10:25 ?409次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>媒體</b><b class='flag-5'>組件</b>:Line

    鴻蒙ArkTS媒體組件:Polyline

    折線繪制組件
    的頭像 發(fā)表于 07-17 09:43 ?263次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>媒體</b><b class='flag-5'>組件</b>:Polyline

    鴻蒙ArkTS媒體組件:Polygon

    多邊形繪制組件
    的頭像 發(fā)表于 07-17 15:05 ?325次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>媒體</b><b class='flag-5'>組件</b>:Polygon

    鴻蒙ArkTS媒體組件:Path

    路徑繪制組件,根據(jù)繪制路徑生成封閉的自定義形狀。
    的頭像 發(fā)表于 07-18 10:24 ?377次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>媒體</b><b class='flag-5'>組件</b>:Path
    主站蜘蛛池模板: 97人视频国产在线观看| 日本少妇无码精品12P| 9420高清免费观看在线大全| 久久亚洲一级α片| 最近中文字幕在线中文视频| 免费99精品国产自在现线| 97精品少妇偷拍蜜桃AV| 嫩草影院精品视频在线观看| freevideoshd| 青青草色青伊人| 福利一区国产| 无限资源日本2019版| 国产亚洲精品久久久久久国模美| 亚洲国产精品嫩草影院久久| 黑人强伦姧人妻日韩那庞大的| 亚洲色播永久网址大全| 久久人妻少妇嫩草AV蜜桃35I| 57PAO强力打造高清免费| 男女全黄h全肉细节文| bl高h乱肉辣文| 色老板美国在线观看| 国产精品一久久香蕉国产线看| 亚洲精品91| 久久免费视频| 99精品视频免费在线观看| 青娱乐国产精品视频| 国产高清砖码区| 亚洲久久少妇中文字幕| 看80后操| 扒开老师大腿猛进AAA片软件 | 亚洲国产成人99精品激情在线| 精品国产中文字幕在线视频| 最近在线视频观看2018免费| 欧美特黄三级成人| 国产精品卡1卡2卡三卡四| 亚洲色婷婷久久精品AV蜜桃| 伦理片午夜在线视频| 被男按摩师添的好爽在线直播| 午夜福利免费视频921000电影| 精品午夜国产福利观看| 99热久久这里只有精品|