需求:为解决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-------------------------------------------------------------------------------
问题记录防止忘记,如有错误欢迎指正