前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >华为鸿蒙-ArkUI 开发时-打开视频文件失败

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

原创
作者头像
lascyb
修改2021-11-02 10:36:33
1.4K0
修改2021-11-02 10:36:33
举报
文章被收录于专栏:PHP-轮子制造机PHP-轮子制造机

看到华为发布了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)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 华为定义:基于TS扩展的声明式开发范式的方舟开发框架是为HarmonyOS平台开发极简、高性能、跨设备应用设计研发的UI开发框架,支持开发者高效的构建跨设备应用UI界面。
  • 关键代码:
  • 问题:
  • 资源部署截图:
  • 最终代码:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档