素材牛VIP会员
有没有一个html的播放器能够播放amr格式的音频
 迷***文  分类:Html5  人气:1001  回帖:7  发布于6年前 收藏

微信公众号获取的语音文件是amr格式,想在html页面上直接播放出来。但是找了一下,html5也不支持amr格式,其他的播放器也没有看到支持的。
一般都是如何处理amr格式的音频呢,还是只能转成mp3后再播放?腾讯自己的公众号平台是如何播放的?

 标签:html5

讨论这个帖子(7)垃圾回帖将一律封号处理……

Lv5 码农
卡***丢 软件测试工程师 6年前#1

根据 W3C 的标准定义和各浏览器的实现,<audio> 标签目前是没有浏览器支持 amr 格式的。如果需要实现的话只能使用 Flash 实现,推荐 http://jplayer.org 这个插件,可以使用 HTML5 + Flash ,通过 JS 操作控制播放。

Lv6 码匠
马***0 软件测试工程师 6年前#2

目前没有发现有

Lv3 码奴
上***水 职业无 6年前#3

http://xxxx.qiniudn.com/audio/sound.amr?avthumb/mp3

Lv2 入门
jh***23 Web前端工程师 6年前#4

不依赖第三方插件的话,是没有的。微信之所以能播放是因为它做了转换成mp3来实现播放,你可以使用chrome开发者工具查看请求。

Lv2 入门
钱***8 软件测试工程师 6年前#5

用amr解码器,amrnb.min.js 然后 AMR.decode(xxx) 一下,在利用audio api播放

附上核心代码:

function playAmrArray(array) {
    var samples = AMR.decode(array)
    if (!samples) {
        alert('Failed to decode!')
        return
    }
    playPcm(samples)
}

function playPcm(samples) {
    var ctx = getAudioContext()

    if (!ctx) {
        return Toast.show('暂不支持播放语音')
    }

    var src = ctx.createBufferSource()
    var buffer = ctx.createBuffer(1, samples.length, 8000)
    if (buffer.copyToChannel) {
        buffer.copyToChannel(samples, 0, 0)
    } else {
        var channelBuffer = buffer.getChannelData(0)
        channelBuffer.set(samples)
    }

    src.buffer = buffer
    src.connect(ctx.destination)
    src.start()
}
Lv6 码匠
蜜***园 Web前端工程师 6年前#6

ffmpeg.exe 这个可以在公众号下载语音时进行转换 有接口

Lv2 入门
言***- 页面重构设计 6年前#7

你要是愿意的话,flash插件很多能解决这个问题。

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取