chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

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

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

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

基于開源鴻蒙的視頻播放開發(fā)樣例

OpenAtom OpenHarmony ? 來源:OpenAtom OpenHarmony ? 2025-08-19 10:41 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

拆·應(yīng)用

【拆·應(yīng)用】是為開源鴻蒙應(yīng)用開發(fā)者打造的技術(shù)分享平臺,匯聚開發(fā)者的技術(shù)洞見與實踐經(jīng)驗,提供開發(fā)心得與創(chuàng)新成果的展示窗口。誠邀您踴躍發(fā)聲,期待您的真知灼見與技術(shù)火花!

樣例簡介

在開源鴻蒙生態(tài)建設(shè)中,多媒體能力是構(gòu)建豐富用戶體驗的核心要素。本開發(fā)樣例針對視頻播放場景,聚焦開源鴻蒙原生媒體框架,通過Video組件實現(xiàn)視頻資源加載、播放狀態(tài)控制及多樣化展示形態(tài)。重點演示組件化播放器封裝、全屏/窗口化動態(tài)切換、上下滑動輪播等關(guān)鍵技術(shù)方案,為開發(fā)者提供標(biāo)準(zhǔn)化視頻功能實現(xiàn)路徑,助力構(gòu)建高性能、可定制的多媒體應(yīng)用。

使用說明

啟動播放:首頁點擊播放按鈕,視頻開始播放;再次點擊畫面進入全屏模式

窗口化切換:在首頁向下滑500vp后,視頻自動切換為懸浮小窗模式

輪播體驗:點擊底部導(dǎo)航欄"直播"入口,上下滑動瀏覽推薦視頻流

開發(fā)環(huán)境準(zhǔn)備

下載與安裝DevEco Studio

1.前往下載中心,登錄華為賬號后下載DevEco Studio,并根據(jù)下載中心頁面工具完整性指導(dǎo)進行完整性校驗。

2.安裝DevEco Studio 5.1.0release版本和OpenHarmony SDK API18。

說明:SDK已嵌入DevEco Studio中,無需額外下載配置,新的IDE安裝完成后,新建一個helloworld工程檢測環(huán)境是否OK。

3.下載燒錄鏡像和燒錄工具。請參考鏈接:

https://gitee.com/openharmony/docs/blob/master/zh-cn/release-notes/OpenHarmony-v5.1.0-release.md

b6a2dc7c-78f6-11f0-a18e-92fbcf53809c.png

4.燒錄開發(fā)板,請參考鏈接:

https://gitee.com/hihope_iot/docs/blob/master/HiHope_DAYU200/docs/%E7%83%A7%E5%BD%95%E6%8C%87%E5%AF%BC%E6%96%87%E6%A1%A3.md

樣例移植

源樣例是使用DevEco Studio 3.1Beta2,基于API9開發(fā),需要移植到DevEco Studio 5.1.0 release,OpenHarmony SDK API18上。在安裝好DevEco Studio后,打開需要遷移的應(yīng)用工程視頻播放樣例源碼,樣例源碼鏈接:

https://gitcode.com/openharmony/applications_app_samples/tree/master/code/BasicFeature/Media/VideoShow

在工程同步過程中會有報錯,需要修改應(yīng)用工程相關(guān)配置文件。

1.打開工程后出現(xiàn)Sync failed,點擊Migrate Assistant,如圖:

b6bb4906-78f6-11f0-a18e-92fbcf53809c.png

a) 選擇5.1.0,再點擊Migrate。

b6d428c2-78f6-11f0-a18e-92fbcf53809c.png

b) 彈出提示框,點擊Migrate。

b6e9d0fa-78f6-11f0-a18e-92fbcf53809c.png

c) 再次提示Sync failed,修改build-profile.json文件。

b6fa20d6-78f6-11f0-a18e-92fbcf53809c.png

2.修改工程目錄下build-profile.json文件。

b709a31c-78f6-11f0-a18e-92fbcf53809c.png

a) 修改完之后點擊Try Again 進行同步

b7215520-78f6-11f0-a18e-92fbcf53809c.png

b) 同步完成截圖如下所示,此時就可以進行工程編譯。

b73023e8-78f6-11f0-a18e-92fbcf53809c.png

3.點擊編譯按鈕進行編譯,出現(xiàn)如下報錯,根據(jù)報錯提示修改module.json。

b74d14c6-78f6-11f0-a18e-92fbcf53809c.png

a) 打開文件將鼠標(biāo)放置在報錯處,會出現(xiàn)修改提示,如圖提示刪除uiSyntax字段。

b75fa94c-78f6-11f0-a18e-92fbcf53809c.png

b) 將srcEntrance改為srcEntry,icon字段中內(nèi)容修改為layered_image.json,并在資源文件夾下添加layered_image.json、backgroud.png、foreground.png文件,這些文件可以在新建工程中獲取,修改完成后點擊Sync Now。

b77209ca-78f6-11f0-a18e-92fbcf53809c.png

4.代碼報錯修改,如下是幾個典型的報錯解決方案。

a) arkts-no-ctor-prop-decls錯誤。

b789114c-78f6-11f0-a18e-92fbcf53809c.png

報錯代碼示例:

class Person {

constructor(readonly name: string) {}

getName(): string {

return this.name;

}

}

應(yīng)修改為:

class Person {

name: string

constructor(name: string) {

this.name = name;

}

getName(): string {

return this.name;

}

}

b) arkts-no-any-unknown錯誤,需要按照業(yè)務(wù)邏輯,將代碼中的any, unknown改為具體的類型。

b798a7ce-78f6-11f0-a18e-92fbcf53809c.png

報錯代碼示例:

functionprintObj(obj: any) {

console.log(obj);

}

printObj('abc');

應(yīng)修改為:

functionprintObj(obj: string) {

console.log(obj);

}

printObj('abc');

c) arkts-no-var錯誤,需要將var改為let。

b7ab6b5c-78f6-11f0-a18e-92fbcf53809c.png

d) arkts-no-props-by-index錯誤。

b7bb4db0-78f6-11f0-a18e-92fbcf53809c.png

報錯代碼示例:

import{ router }from'@kit.ArkUI';

letparams:Object= router.getParams();

letfunNum:number= params['funNum'];

lettarget:string= params['target'];

應(yīng)修改為:

import{ router }from'@kit.ArkUI';

letparams = router.getParams()asRecord;

letfunNum:number= params.funNumasnumber;

lettarget:string= params.targetasstring;

Video組件介紹

媒體視頻播放是該組件從API version 7開始支持,提供簡單的視頻播放、播控功能,復(fù)雜開發(fā)場景推薦使用AVPlayer播控API和XComponent組件開發(fā),本樣例中Video組件播放視頻的代碼如下: 詳細(xì)介紹請查看開源鴻蒙官網(wǎng)Video組件。

Video({

src: this.videoSrc,

controller: this.detailVideoController

})
.width('100%')
.backgroundColor(this.isHidden ? '#ffffff' : '#000000')
.aspectRatio(1.12)
.controls(this.controls)
.objectFit(ImageFit.Contain)
.onUpdate((e) => {
this.updateTime = e.time
})
.onPrepared((e) => {

console.info('onPrepared:' + e.duration)
})
.onFinish(() => {
this.isHidden = true;
this.isStart = false;
this.updateTime = 0;
})

結(jié)語

以上是本次樣例開發(fā)移植的分享,主要包括開發(fā)環(huán)境搭建、開發(fā)移植的步驟和編譯問題解決,可以讓初學(xué)者掌握開發(fā)開源鴻蒙應(yīng)用的環(huán)境搭建和基本組件等知識,也讓有基礎(chǔ)的開發(fā)者了解到ArkTS語法規(guī)則下將TS代碼適配成ArkTS代碼的適配方法。最后,歡迎更多的開發(fā)者加入到開源鴻蒙應(yīng)用開發(fā)中來。

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

    關(guān)注

    3

    文章

    3875

    瀏覽量

    45214
  • 視頻播放
    +關(guān)注

    關(guān)注

    0

    文章

    13

    瀏覽量

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

    關(guān)注

    60

    文章

    2740

    瀏覽量

    45025
  • DevEco Studio
    +關(guān)注

    關(guān)注

    0

    文章

    32

    瀏覽量

    1421

原文標(biāo)題:拆·應(yīng)用丨基于開源鴻蒙的視頻播放開發(fā)樣例

文章出處:【微信號:gh_e4f28cfa3159,微信公眾號:OpenAtom OpenHarmony】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評論

    相關(guān)推薦
    熱點推薦

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

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

    基于開源鴻蒙的AVPlayer視頻播控開發(fā)

    開源鴻蒙生態(tài)建設(shè)中,多媒體能力是構(gòu)建豐富用戶體驗的核心要素。本開發(fā)基于AVPlayer實現(xiàn),AvPlayer支持流媒體和本地資源解析、
    的頭像 發(fā)表于 08-21 10:22 ?1717次閱讀
    基于<b class='flag-5'>開源</b><b class='flag-5'>鴻蒙</b>的AVPlayer<b class='flag-5'>視頻</b>播控<b class='flag-5'>開發(fā)</b><b class='flag-5'>樣</b><b class='flag-5'>例</b>

    基于開源鴻蒙的語音識別及語音合成應(yīng)用開發(fā)

    本期內(nèi)容由AI Model SIG提供,介紹了在開源鴻蒙中,利用sherpa_onnx開源三方庫進行ASR語音識別與TTS語音合成應(yīng)用開發(fā)的流程。
    的頭像 發(fā)表于 08-25 14:26 ?3091次閱讀
    基于<b class='flag-5'>開源</b><b class='flag-5'>鴻蒙</b>的語音識別及語音合成應(yīng)用<b class='flag-5'>開發(fā)</b><b class='flag-5'>樣</b><b class='flag-5'>例</b>

    鴻蒙開發(fā)-視頻播放器方案

    在HarmonyOS系統(tǒng)中,提供兩種視頻播放開發(fā)的方案: [AVPlayer]:功能較完善的音視頻播放ArkTS/JS API,集成了流媒體和本地資源解析,媒體資源解封裝,
    發(fā)表于 02-19 17:20

    HarmonyOS實戰(zhàn)開發(fā)-如何實現(xiàn)音頻低時延錄制和播放,AudioVivid音樂播放的相關(guān)功能

    ||||---Ability.test.ets // 自動化測試用 具體實現(xiàn) 音頻錄制和播放-源碼參考:audioRecording.cpp低時延錄制開發(fā)指導(dǎo)文檔低時延播放開發(fā)
    發(fā)表于 05-11 20:26

    鴻蒙開源第三方組件資料合集

    1、鴻蒙開源第三方組件——日志工具組件Timber_ohosTimber_ohos是一個帶有小型可擴展API的日志工具組件,它可以給開發(fā)者提供統(tǒng)一的API接口,來記錄不同類型的日志,幫助開發(fā)
    發(fā)表于 03-23 09:53

    鴻蒙開源全場景應(yīng)用開發(fā)資料匯總

    1、鴻蒙開源全場景應(yīng)用開發(fā)——視頻編解碼面對鴻蒙這一全新的生態(tài),廣大消費者在積極嘗鮮的同時,家中不可避免會出現(xiàn)安卓設(shè)備和
    發(fā)表于 03-23 10:09

    基于OpenHarmony開發(fā)的demo展示

    基于OpenHarmony開發(fā)的demo,包括智能停車場、分布式游戲、分布式音頻播放、分布式菜單、視頻
    發(fā)表于 04-27 15:12

    基于鴻蒙適配移植的開源視頻緩存引擎項目案例

    項目介紹 項目名稱:開源視頻緩存引擎項目 所屬系列:鴻蒙的第三方組件適配移植 功能:支持自動緩存視頻并在斷網(wǎng)狀態(tài)下播放
    發(fā)表于 04-06 10:27 ?2次下載

    openharmony開源社區(qū) OpenHarmony開發(fā)上新了

    openharmony開源社區(qū) OpenHarmony開發(fā)上新了 OpenHarmony 開源項目是由開放原子
    的頭像 發(fā)表于 04-25 16:37 ?2985次閱讀

    簡單的錄制和播放開源分享

    電子發(fā)燒友網(wǎng)站提供《簡單的錄制和播放開源分享.zip》資料免費下載
    發(fā)表于 11-07 15:34 ?0次下載
    簡單的錄制和<b class='flag-5'>播放開源</b>分享

    OpenHarmony創(chuàng)意開發(fā)亮相HDC2022 共創(chuàng)欣欣向榮的“開源雨林”

    開發(fā)展品,適配OpenHarmony的各個版本,滿足不同行業(yè)與開發(fā)者對不同類型設(shè)備的開發(fā),讓到場的不少
    的頭像 發(fā)表于 11-22 17:38 ?1094次閱讀
    OpenHarmony創(chuàng)意<b class='flag-5'>開發(fā)</b><b class='flag-5'>樣</b><b class='flag-5'>例</b>亮相HDC2022 共創(chuàng)欣欣向榮的“<b class='flag-5'>開源</b>雨林”

    2025開源鴻蒙開發(fā)者大會圓滿落幕

    近日,開源鴻蒙開發(fā)者大會2025(OHDC.2025,簡稱“大會”)在深圳隆重開幕。大會正式發(fā)布了開源鴻蒙5.1 Release版本,舉行了
    的頭像 發(fā)表于 05-26 17:03 ?877次閱讀

    華為亮相2025開源鴻蒙開發(fā)者大會

    近日,開源鴻蒙開發(fā)者大會2025(以下簡稱大會)在深圳成功舉辦。大會以開源鴻蒙5.1 Release版本發(fā)布為契機,聚焦
    的頭像 發(fā)表于 05-29 09:07 ?844次閱讀

    蜻蜓FM開源“SmartXPlayer”音頻播放組件,打造鴻蒙多端音頻播放新引擎

    近日,由蜻蜓FM研發(fā)的音頻播放組件“SmartXPlayer”正式開源并上線 OpenHarmony 三方庫中心倉。作為一款專為鴻蒙多端場景打造的音頻播放引擎,SmartXPlayer
    的頭像 發(fā)表于 07-21 16:31 ?340次閱讀
    蜻蜓FM<b class='flag-5'>開源</b>“SmartXPlayer”音頻<b class='flag-5'>播放</b>組件,打造<b class='flag-5'>鴻蒙</b>多端音頻<b class='flag-5'>播放</b>新引擎