web项目在uniapp打包成apk

需求:为解决web大屏在电视浏览器里播放警报语音无法自动播放的问题 

解决:打包成apk可以使警报音频不在必须由用户操作的限制下自动播放

在hbuilderx新建一个H5APP项目

将其余部分删除只留下manifest.json和unpackage(不记得新增时有没有这个文件夹了,没有的话忽略)

将web项目打包的dist内的文件复制到h5的文件夹下

如下

然后在uniapp中选择云打包,可以在manifest.json中配置所需权限

------------------------------------------------------可能遇到的问题------------------------------------------------------

1.打包后安装可能会出现白屏

在网上查找了一些方法发现需要修改web项目中的vue.config.js文件,将

publicPath的'/'改为'./'

2.白屏解决后发现引入的音频打包后找不到文件路径,用vconsole在手机控制台查看是这样的

试了很多方法都不成功,不是引入方式的问题,最后解决

step1:将router.js中的history模式改为hash模式

step2:将vue.config.js中的piblicPath的'./'改为‘././’

最终使得音频可以在手机上正常播放,电视上也能实现此功能

---------------------------------------------end-------------------------------------------------------------------------------

问题记录防止忘记,如有错误欢迎指正

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值