• 云小课 | 玩转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!

    详情请戳这里了解。

    点击关注,第一时间了解华为云新鲜技术~

  • 相关阅读:
    git 命令参考手册 git中文命令参考手册大全
    php常用命令大全
    freemarker中的list 前端模板
    jquery-懒加载技术(简称lazyload)
    JavaScript跨域总结与解决办法 什么是跨域
    Ajax+Spring MVC实现跨域请求(JSONP)JSONP 跨域
    jQuery- v1.10.2 源码解读
    css技巧
    前端异常捕获与上报
    兼容性/pollyfill/shim/渐进增强/优雅降级
  • 原文地址:https://www.cnblogs.com/huaweiyun/p/14790225.html
Copyright © 2020-2023  润新知