主頁 > 前端設計 > HarmonyOS應用開發 — 設備虛擬化特性開發

HarmonyOS應用開發 — 設備虛擬化特性開發

2020-09-10 08:17:07 前端設計

一、介紹

本篇將實作的內容
通過本活動,您將能夠使用我們的DevEco Device Tool完成攝像頭設備的開發,達到以下效果:在使用華為手機暢聯通話的程序中,可以將開發板攝像頭虛擬化為手機的攝像頭,在手機上展示攝像頭設備拍攝到的畫面

您將會學到什么

  • 如何通過HPM包管理器獲取基于HarmonyOS的具有設備虛擬化能力的攝像頭解決方案工程, 使用DevEco Device
  • Tool開發環境完成代碼開發、代碼安全檢查、編譯、除錯、燒錄全流程,

二、您需要什么

1. 硬體要求

  1. H3518EV300+H3861WiFi模組的開發板、配套攝像頭
  2. 華為手機(EMUI 10.1)
  3. PC電腦

2. 軟體要求

  • VS Code,
  • DevEco Device Tool插件,

3. 需要的知識點

  • 硬體基礎開發能力
  • C語言基礎能力

提示:所有軟硬體環境已經在CodeLab現場為大家準備好了

三、能力接入準備(可選)

參考檔案第"3 環境搭建"
上述環境在CodeLab現場已經為大家準備好,

四、Codelabs操作步驟(1、2、3···)

1. 訪問站點https://hpm.cbg.huawei.com/#/home,如下圖

在這里插入圖片描述

2. 點擊"直接下載"獲取到檔案"xxx.zip",如果沒有登錄,會彈出登錄頁面,輸入用戶名,密碼,Codelab現場已經登錄,

3. 打開vscode編輯器,找到"Welcome頁面->Create Project" 如下圖

在插件welcome首頁,選擇Import Project按鈕
在這里插入圖片描述
出現下面的視窗,選擇原始碼路徑,點擊Import:

在這里插入圖片描述
匯入原始碼后的視窗,左邊欄會顯示原始碼的目錄結構:

在這里插入圖片描述

4. 點擊

在這里插入圖片描述
打開TERMINAL視窗,如下圖:
在這里插入圖片描述

5. 在TERMINAL視窗中,輸入命令hpm install,如下圖:

在這里插入圖片描述

6. hpm install命令列執行完畢,原始碼工程就準備就緒了,

7. 代碼片段

Camera虛擬化介面適配,此類介面用于定義DV Engine對智能設備Camera硬體的呼叫介面,智能設備廠商需實作對應的libdmsdpcamerahandler.so,如果智能設備廠商不具備Camera硬體或者不需要將Camera硬體虛擬化,不需要關注此介面,默認不實作此so即可,下面為實作功能前的部分介面代碼,所屬檔案為\vendor\hisi\camera\dvkit_product\sample\ohos3518ev300\dvkit\dvkit_camera\dmsdp_camera_sdk.c:
將OpenCamera介面函式補充完整,就可以實作camera的虛擬化功能,代碼如下:

int32_t OpenCamera(const DMSDPCameraParam *param)
{
    if (param == NULL) {
        return DMSDP_ERR_INVALID_PARAMETER;
    }

    if (!IsCameraIdValid(param->id, param->idLen)) {
        LOGD("OpenCamera camera id invalid");
        return DMSDP_ERR_INVALID_PARAMETER;
    }

    /* camera paramter convert */
    LOGD("OpenCamera sdk camera=%s,width=%d,height=%d,fps=%d,dataType=%d", param->id, param->width, param->height,
        param->fps, param->dataFormat);

    int32_t ret = VideoStartPIPE(param->dataFormat);
    return ret;
}

代碼目錄如下:
在這里插入圖片描述
上述代碼會被編進應用程式sample_dvkit中,該應用程式在板子的/bin/目錄下,見下圖:
在這里插入圖片描述

8. 安全檢查

選擇需要安全檢查的代碼目錄,右鍵:code check
在這里插入圖片描述

點擊錯誤項,跳轉到對應檔案的對應代碼行數

9. HarmonyOS Demo原始碼Linux編譯

通過"Terminal""New Terminal"打開終端視窗,其中
方框1表示新建終端視窗按鈕;
方框2表示打開終端視窗后的界面;
方框3,通過SSH連接Linux機器,并輸入Linux機器的賬號和IP地址:ssh –p22 [email protected]
方框4,輸入Linux機器的密碼N6O%sUFoXBD!,,成功連上Linux機器;
由于編譯代碼需要root權限,如果使用其它非root賬號連接Linux機器,這需要在終端中輸入sudo su命令切換成root賬號或者將原始碼檔案夾設定權限為777;
接下來的操作均是在下方的終端工具中,完全是等同Linux機器下的操作,如編譯的話,則進入原始碼路徑,輸入編譯腳本即可;
在這里插入圖片描述
其中編譯腳本命令為python build.py ipcamera -p hi3518ev300_liteos_a -b debug,見下圖:
在這里插入圖片描述
成功編譯完成如下圖:
在這里插入圖片描述
編譯出的結果在out目錄下,有三個需要燒錄的檔案OHOS_Image.bin、rootfs.img、userfs.img,一個可以除錯的可執行程式OHOS_Image如下圖:
在這里插入圖片描述
如果非首次編譯,并且未改動內核代碼,檔案OHOS_Image.bin和OHOS_Image可能需要去如下目錄下:

\vendor\hisi\hi35xx\hi35xx_init\hi3518ev300

u-boot-hi3518ev300.bin的路徑為:

./vendor/hisi/camera/hi3518ev300/Hi3516EV200_SDK_V6.0.0.1_B010/osdrv/pub/u-boot-hi3518ev300.bin

10. HarmonyOS原始碼燒錄

目前燒錄方法主要是USB燒錄:
USB燒錄具體步驟如下:
打開插件,找到方框1的按鈕Configure,左鍵點擊;
彈出的視窗,找到方框2的按鈕Burn,左鍵點擊;
右側視窗找Burning Mode選擇usbport;
下方的Dependent Tools的依賴檔案,需要選擇依賴檔案的存放目錄HiBurnCmdLine-v5.3.30,依賴檔案單獨提供,搭建vscode環境時提供;
在這里插入圖片描述
在視窗下方的Burn Files中選擇待燒錄的三檔案路徑,分別是u-boot-hi3518ev300.bin(單獨提供,不需要編譯生成)、OHOS_Image.bin(在編譯OHOS原始碼時生成,在out目錄下,上面的編譯原始碼已經提及)、rootfs.img(在編譯OHOS原始碼時生成,在out目錄下,上面的編譯原始碼已經提及)、userfs.img(在編譯OHOS原始碼時生成,在out目錄下,上面的編譯原始碼已經提及),燒錄的起始地址如下圖所示,最后點擊保存按鈕,USB燒錄的配置完成,其中下圖1對應的u-boot-hi3518ev300.bin,2對應的是OHOS_Image.bin,3對應的是rootfs.img,4對應的是userfs.img:
在這里插入圖片描述
如下圖,先點擊下方的Burn按鈕,會彈出選擇串口的列印,輸入開發板對應的串口號
在這里插入圖片描述
出現下圖,需要插拔下電源:
在這里插入圖片描述
顯示擦除完uboot后如果提醒還需要重新插拔下電源,則需要插拔下電源開關,log為Please power off and restart the board within 15 seconds如下:
在這里插入圖片描述
下圖顯示正在燒錄:
在這里插入圖片描述
燒錄完成:
在這里插入圖片描述

燒錄完成后,通過下方的串口功能,設定uboot的引數

setenv bootargs 'console=ttyAMA0,115200n8 root=flash fstype=jffs2 rw rootaddr=7M rootsize=8M'
setenv bootcmd 'sf probe 0;sf read 0x40000000 0x100000 0x600000;mw 0x112c0048 1a04 1;mw 0x112c004c 1004 1;mw 0x112c0064 1004 1;mw 0x112c0060 1004 1;mw 0x112c005c 1004 1;mw 0x112c0058 1004 1;mw 0x120C0020 0430 1;go 0x40000000'
saveenv
reset

在這里插入圖片描述
最后出現下面的結果,則表示系統已經正常啟動:

11. HarmonyOS原始碼單步除錯

目前除錯主要支持的是GDB除錯,還有LLDB除錯;
GDB除錯:
通過"Configure"“Debug"打開除錯配置頁,然后將方框4中的除錯型別選"openocd-debug-gdb”;
方框5表示GDB除錯程序中需要依賴的軟體名稱、安裝狀態、配置路徑;
方框6表示除錯程序中經常涉及的一些引數設定,包括:
Executable File:內核檔案,選擇out目錄下編譯生成的內核檔案,如liteos;
Symbol Files:應用程式符號表檔案,請手動配置程式符號表檔案所在路徑;
OpenOCD Load Commands:OpenOCD加載命令,保持默認值"init"即可;
Set Substitute Path:當原始碼在Linux環境下進行編譯,借助IDE進行燒錄、除錯時,請設定
映射路徑,把Linux路徑映射到Windows,格式參考提示
“set substitute-path {Linux路徑} {映射的后的Windows路徑}”;
Default Breakpoint Address:默認的斷點位置,啟動除錯功能后,程式會自動在該位置停止;
Restart Commands:重啟除錯任務時,工具發給單板的命令,保持默認值即可;
Max Breakpoints:設定斷點的最大數量(主要是硬體斷點,不同的硬體可能存在差異),當用

戶在除錯程序中添加的斷點數過多,可能導致除錯功能崩潰;
在這里插入圖片描述在這里插入圖片描述

12. HUAWEI DevEco Device Tool終端工具

IDE還集成了一些常用的工具,滿足開發者不同的需求:
串口工具
當開發板鏈接PC時,通過點擊Visual Studio Code最下面的狀態欄中的"Serial",通過配置埠號、波特率、資料位、停止位串口引數,可以打開一個串口工具,通過串口工具可以執行一些常見的操作,包括:設定u-boot的環境引數、進入開發板中燒錄的HarmonyOS系統、除錯等,

五、恭喜你

到這里你已經完成了本次開發程序,您可以通過以下方式檢驗開發程序是否正確

  • 請使用華為手機A,打開智慧生活APP,通過添加設備,把剛開發完成的智能設備添加到智慧生活APP中,

詳細步驟如下:

a) 設備啟動后,會默認啟動一個AP等待手機連接,此時打開手機上的智慧生活APP,下圖為智慧生活APP界面:
在這里插入圖片描述
b)開始添加設備,點擊右上角"+",“添加設備”,進行設備搜索,添加設備界面如下:
在這里插入圖片描述
c)搜索設備,搜索設備界面如下:在這里插入圖片描述
d)搜索到的所要連接的設備后點擊"連接",此時需要輸入當前WiFi資訊,輸入WIFI SSID和密碼后,點擊"下一步", 點擊"確定"后開始連接,
e)連接后出現下面的界面,選擇房間號,點擊"完成",即完成了設備添加:
在這里插入圖片描述

  • 用另外一臺手機的暢聯通話APP撥打A手機,接通后,在A手機的螢屏左上角點擊更多設備,可以發現開發完的智能設備,點擊該設備,選擇把攝像頭虛擬化成A手機的外設,B手機視頻通話能看到的界面切換成了智能設備拍攝到的畫面,

具體步驟如下:

a)打開手機通話(EMUI11.0之前的版本)切換至暢聯通話頁或打開暢聯通話APP(EMUI11.0及之后版本)如下圖,輸入被呼叫手機ID號,撥通暢聯通話:
在這里插入圖片描述
b)點擊測驗手機左上角虛擬化按鍵,進行搜索,如圖搜索到"XX全景攝像頭":
在這里插入圖片描述
c)點擊搜索到的設備,虛擬化攝像頭成功:
在這里插入圖片描述
【如果您想學習HarmonyOS 應用開發基礎教程 請猛戳】

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/1423.html

標籤:其他

上一篇:華為/小紅書2021批筆試題解

下一篇:初級前端工程師筆試技巧總結,祝你順利拿高分

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more