先简单说一下笔者遇到的情况,方便其他人员确认是否符合自身需要,项目需要做一个微信公众号活动,要求用户上传音频,然后为了减少播放器的麻烦,音频文件需要通过另外的转码服务器转成统一的mp3文件,然后再回传到项目服务器中播放(转码和服务器文件传递会在另外的文章记录),问题就在于转码之后mp3文件,在播放页面的audio标签中无法正常加载,如下图所示的这种情况:
代码其实就是普通的audio:
<audio src="/test/wyytest.mp3" controls="controls">Your browser does not support the audio element.</audio>
这个播放页面,可以在普通的各种浏览器和PC端的微信打开,但是用手机的微信打开就存在不能加载资源的问题,笔者此时的微信版本是7.0.6(安卓),页面发给同学,结果他的微信可以打开,微信版本7.0.5(iphone 7P),最初怀疑是设备问题,后来各种百度之后没有解决问题,此时同学发来一条链接,里面提到作者遇到类似情况,最后发现是资源链接的http需要改为https,所以做了一下尝试,结果成功了,在此非常感谢同学和文章作者的帮助!特此记录一下遇到的问题,以便后续查阅学习。
这个是对比图:
参考文章链接:/MZ911118/article/details/89713369?tdsourcetag=s_pctim_aiomsg