前言
平时使用 electron + vue 开发桌面应用,做了一个有告警发出提示音的功能,测试环境怎么弄都是好的,一打包就出问题,音频播放不了
先放问题原因: 音频文件太大,125kb。将音频文件压缩到25kb后,就好了。
解决问题
关于这个问题,卡了好久,虽说影响不大,但是终归是心里有个坎儿。下面我就说一下我的解决流程
第一步
第一步,当然是直接把报错内容放到浏览器中搜索,看有没有遇到同样坑的朋友,这里推荐搜索引擎: google, 其次 必应, 最后百度
结果是没能解决我的问题,按网上说的操作,都不行
第二步
查看官网文档,这里推荐英文原版文档。仔细阅读了关于 audio 的说明,里面也提到了chrom60版本以后对 audio和video标签的限制,也给出了解决版本。
结果也是没用
第三步
用别人使用正常的文件 + 代码放到我的代码里试验, 结果可以正常播放了。
开始比对代码和音频文件。
- 案例中有mp3 和 ogg 两个文件,我添加了 ogg文件,依然不行
- 案例中 mp3 文件只有 16kb, 我的文件有125kb,压缩我的mp3文件到20kb后,成功了
后记
目前真正原因还没有找到,不过大概率是 vue 配置打包相关的问题。后面有时间再仔细找找原因吧