> For the complete documentation index, see [llms.txt](https://tech.banchengyun.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.banchengyun.com/archives/frontend/h5-amr.md).

# H5 播放 amr 音频文件

**H5 播放 amr 文件音频**

网页不支持播放 amr 格式的音频文件，有条件的同学可以在后台使用 ffmpeg 转码后再在前端使用 audio 标签进行播放（MP3 或 wav），如果非要在网页播放 amr，请继续阅读

[rongcloud 即时通讯的复制插件 IMLib SDK](https://docs.rongcloud.cn/im/imlib/web/plugin/voice/?query=RongIMVoice#import)

支持浏览器范围:

```javascript
(1) IE9+、Edge、Chrome 49+、Firefox 52+、Safari 等主流桌面版浏览器
​(2) Android 4.4+ 系统的默认浏览器以及微信浏览器
​(3) iOS Safari 浏览器以及微信浏览器
```

引用：

```javascript
// http或者https
// 注意：源码中引入的外部库是根据http与https决定的，但ios中有一个问题就是当用户处于https环境下，无法获取到http的内容，导致加载失败。
<script src="https://cdn.ronghub.com/Libamr-2.2.5.min.js"></script>
<script src="https://cdn.ronghub.com/RongIMVoice-2.2.6.js"></script>
```

初始化：

```javascript
RongIMLib.RongIMVoice.init();
```

播放：

```javascript
/*
音频格式: base64 格式的 AMR
完整示例音频: https://cdn.ronghub.com/voice-amr-base64.json
*/
var audioFile = "IyFBTVIKLNEafAAeef/hgmeAH8AD...";
// 音频文件长度
var duration = audioFile.length / 1024;
// 预加载
RongIMLib.RongIMVoice.preLoaded(audioFile, function () {
  // 播放声音
  RongIMLib.RongIMVoice.play(audioFile, duration);
});
```

停止播放：

```javascript
RongIMLib.RongIMVoice.stop(audioFile);
```