华为鸿蒙-ArkUI 开发时-打开视频文件失败

2021-11-02 10:36:33 浏览数 (2)

看到华为发布了ArkUI - 一种我认知中全新的视图构建方式,见猎心喜,但是遇到了一堆坑,此为填坑之作,希望为后来的开发者提供一些借鉴

华为定义:基于TS扩展的声明式开发范式的方舟开发框架是为HarmonyOS平台开发极简、高性能、跨设备应用设计研发的UI开发框架,支持开发者高效的构建跨设备应用UI界面。

关键代码:

代码语言:txt复制
Video({
  src: '视频源文件路径'
}).width('100%').height(300)
.controls(true)

问题:

代码语言:javascript复制
视频源文件,被我存放在resourses 资源目录
路径定义为 '/resourses/base/media/video.mp4'

但是在远程真机预览时,显示 “打开视频文件失败”

本以为是资源读取权限问题,但根据文档调整之后,还是不行,今天突然想起,之前看到的,基于JS的类web开发框架下,视频文件是放在pages同级目录下的,于是,同样在此框架下,创建了pages同级目录 common 存放了视频文件后 ,加载成功

资源部署截图:

最终代码:

代码语言:javascript复制
Video({   
    src:'/common/video.mp4'
    })
    .width('100%')
    .height(300)
    .controls(true)

0 人点赞