uni-app开辟App注意事项

[复制链接]
发表于 2024-12-19 23:33:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
技术选择

分包现在不支持Vue3


 
个人选择考虑:

1、vue2由于官方不维护了,所以uniapp也不维护了。

2、vue3使用proxy,不支持ios9。

3、现在插件市场中 vue2开辟的插件占比更大。

4、假如app页面较多,必要开启分包,但是现在uniapp在vue3下,app分包不见效。

结论:所以选择用vue2版uniapp开辟,但是必要注意,不能使用cil创建项目,否则在打包的时候会白屏。要通过HbuilderX创建项目。

设计相关

启动界面设置 

安卓端官方保举 .9.png格式图片 (设计注意)




tab栏icon设计

icon 大小限制为 40kb,发起尺寸为 81px * 81px




视频/音频相关

video支持



  • App平台: 支持本地视频(mp4/flv)、网络视频所在(mp4/flv/m3u8)及流媒体(rtmp/hls/rtsp)。
后期管理端必要对上传的视频做限制。或者不用原生的video,使用其他付费Api



  • App平台:使用 <video/> 组件,打包 App 时必须勾选 manifest.json->App 模块权限设置->VideoPlayer 模块。此模块体积较大,非默认内置。


  • App平台:假如使用的视频路径为本地路径,必要设置资源为开释模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 设置,设置值为liberate。


  • App平台:假如想使用非原生的video,即原来普通的html5自带video,可使用web-view组件load html页面,在此中使用普通h5 video。


  • App平台:app-vue纵然选择了使用x5内核,也不会使用x5的video播放,仍旧使用uni-app的App引擎自带的原生视频播放。


  • App平台:3.6.14 以及 手机体系 iOS16 以上video全屏 必要设置应用支持横屏: 在 manifest.json 文件内 app-plus 节点下新增 screenOrientation 设置,设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。
音频支持




全屏渲染video

video层级过高,其他标签无法盖过video,这个时候必要使用cover-view 。


  • app端 2.1.5 以上nvue页面的video也可以通过cover-view来绘制界面覆盖元素

 cover-view标签必要注意 :使用nvue开辟

回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表