雲小課 | 玩轉HiLens Studio之手機實時視頻流調試代碼


摘要:在開發技能過程中,搭配視頻流調試技能是非常必要的環節,也是檢驗技能效果的重要環節。HiLens Studio推出使用手機實時視頻流調試代碼的功能,以手機攝像頭實時的視頻流作為技能輸入,查看技能輸出。

本文分享自華為雲社區《雲小課 | 玩轉HiLens Studio之手機實時視頻流調試代碼》,原文作者:Hi,EI 。

HiLens Studio 是一個提供給開發者的多語言類集成開發環境(Integrated Development Environment ,簡稱IDE),包括代碼編輯器、編譯器、調試器等,開發者可以在HiLens Studio 中編寫和調試技能代碼。

在開發技能過程中,搭配視頻流調試技能是非常必要的環節,也是檢驗技能效果的重要環節。但是一般調試時需要先上傳錄制好的視頻,或使用HiLens Studio技能模板中預置的視頻流,不能通過實時視頻流觀察技能效果。

最近,HiLens Studio推出使用手機實時視頻流調試代碼的功能,以手機攝像頭實時的視頻流作為技能輸入,查看技能輸出。

HiLens Studio的調試器允許使用斷點、單步調試等,與編輯器配合使用。在調試代碼的過程中,可以使用手機登錄HiLens Studio,以手機攝像頭實時的視頻流作為技能輸入,查看技能輸出。

准備工作

  1. 首次使用HiLens Studio, 請開通HiLens Studio。非首次使用HiLens Studio,請訂購HiLens Studio版本
  2. 在HiLens Studio中新建技能項目,並打開技能項目。

步驟一:綁定手機與HiLens Studio帳號

1、在HiLens Studio界面右上角單擊用戶名,選擇“接入手機攝像頭(Beta)”。

彈出“接入手機攝像頭(Beta)”對話框。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001089854538.png

2、按照“接入手機攝像頭(Beta)”對話框的指引,打開手機微信,掃描對話框中的二維碼。

手機微信進入“EI體驗空間”小程序。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001090014462.png

3、在手機微信小程序中,選擇“HiLens Studio”。

進入HiLens Studio手機小程序界面。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001089566380.png

4、單擊HiLens Studio界面“接入手機攝像頭(Beta)”對話框的“下一步”。

對話框顯示攝像頭推流二維碼。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136516693.png

5、在HiLens Studio手機小程序界面勾選“用戶協議”,然后單擊“掃一掃”,用手機掃描步驟4中的二維碼。

進入手機調試界面,如下圖所示。此時手機與HiLens Studio帳號綁定,可以使用手機攝像頭在線調試技能。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136793871.png

步驟二:調試和運行技能代碼

1、在HiLens Studio編輯區代碼左側單擊鼠標,出現斷點。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001089694872.png

2、調試代碼。

單擊HiLens Studio界面上方導航欄的http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136772155.png ,選擇“Read Stream from Mobile Phone”。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136911045.png

在HiLens Studio界面下方“Debug Console” 查看代碼調試信息。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001089854540.png

3、運行代碼

代碼調試完成后,可運行代碼,查看技能輸出。

單擊HiLens Studio界面上方導航欄的運行按鈕http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001090014464.png 。

HDMI技能在運行完技能代碼后,可在HiLens Studio小程序界面查看技能輸出。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001089566384.png

同時,也可在HiLens Studio界面右側單擊 http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136516695.png ,在“Video Output”區查看技能輸出。

http://resource.idp.huawei.com/idpresource/nasshare/editor/image/8200791467/1_zh-cn_image_0000001136793873.png

還等什么,實踐一下,教您快速玩轉HiLens Studio!

詳情請戳這里了解。

點擊關注,第一時間了解華為雲新鮮技術~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM