实现base64格式的amr音频文件在IOS、android微信内置浏览器的播放

参考文档：

1.https://github.com/yxl/opencore-amr-js   （将amr文件转为wav格式的编解码项目）

 

因为项目需要，要将amr的base46格式的音频文件在IOS，android微信内置浏览器播放。项目中使用的第三方IM为融云，经过调研发现，使用融云js播放语音的方式，可以在IOS上播放，但是在Android上无法播放，而且h5的audio组件，不支持amr格式的音频文件。

最后得出的结论，IOS上的audio支持amr格式播放，android上audio组件不支持amr格式播放，包括使用融云js播放语音的方式，使用的也是audio组件。

想到的方案是，将amr的base64文件进行格式转换，转换为mp3，wav等audio支持的格式，然后进行播放，没有找到很好的资源。

经过领导的一句话，尝试性的找融云客服咨询了一下，看看有没有相关的项目，客服给了opencore-amr-js项目，是将amr格式的文件转换为wav格式的音频文件，进行播放。

将项目发布到测试环境，在微信内置浏览器跑了一下，得到的答案是，android可以正常播放，但是IOS无法播放；其中有一个对象，在IOS环境中，好像是找不到，运行就报错。

于是，综合了一下，得到了最终的解决方案，

IOS使用融云js进行语音播放，Android使用opencore-amr-js进行语音播放；播放语音时，判断机器为Android还是IOS，来选择播放方式。

在将opencore-amr-js项目往自己项目迁移的过程中，发现，融云js中使用的Libamr-2.2.5.min.js 文件，就是opencore-amr-js项目中的amrnb.js文件，也就是说，融云js也是在  opencore-amr-js项目的基础上开发的，而且改动也非常小，Android中需要使用的方法，都没有发生变动，感觉还是挺开心的，因为amrnb.js文件有474kb，太大了，如果在加上融云js的Libamr-2.2.5.min.js 文件，整个聊天室，得有1兆多了，加载时间太长了。

下面，将Android播放语音的代码放在下面：

demo下载地址，demo在项目的js目录下面。

 

2.  
8.  

10. Test decoder

12. Convert yuan.amr to wav file and compare with yuan.wav:

13. Test

15. Decode amr file and play

17. Play

18. yuan.amr

21. Select a local file and play:

23. Encode audio to amr file and play

25. Encode & Play

26. hello.ogg

29. Select a local file to encode and play:

31. base64测试

34. base64 & Play

37. base64 & Play

40. base64 & Play

43. base64 & Play

46. base64 & Play

48.  
49.  

50. Amr to wav

52. Convert to wav and play

53. yuan.amr

56. Select a local file, convert and play:

58. wav file content:

62.