js播放Amr音频_Mp3转Amr

客官°小女子只卖身不卖艺 2022-09-11 12:19 262阅读 0赞

AMR 播放器,录音机,转换器
    纯前端解码、播放、录音、编码 AMR 音频，无须服务器支持，
    基于BenzAMRRecorder.js
    
    说明:
    demo.html     -- 原文demo
    demo-en.html  -- 原文demo英文版
    test_playUrl.html        -- 测试播放Url
    
    注: 以上html不能在资源管理器右键浏览器打开测试
    需要在idea里面打开谷歌浏览器调试,或放入tomcat容器运行调试
    因为js代码里的url转换数据用到XMLHttpRequest
    直接用浏览器打开不能加载成功,会导致无法播放!
    
    test_playBase64.html     --测试播放Base64Amr(可以在资源管理器右键浏览器打开测试)
    test_mp3ToAmr.html       --测试mp3转换amr(可以在资源管理器右键浏览器打开测试)

页面展示:

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_9_color_FFFFFF_t_70_g_se_x_16][]

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_7_color_FFFFFF_t_70_g_se_x_16][]

js转换方法

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_14_color_FFFFFF_t_70_g_se_x_16][]

js加载base64方法

var myBlob=base64ToBlob(amrBase64Txt, "audio/amr");
            curPlayAmrObj = new BenzAMRRecorder();
            var duration = document.getElementById("amr-duration");
            var progressCtrl = document.getElementById("amr-progress");
            var stopBtn = document.getElementById("stop1");
            curPlayAmrObj.initWithBlob(myBlob).then(function () {
                stopBtn.removeAttribute('disabled');
                progressCtrl.removeAttribute('disabled');
                progressCtrl.setAttribute('max', curPlayAmrObj.getDuration());
                duration.innerHTML = curPlayAmrObj.getDuration().toFixed(2) + '\'';
                curPlayAmrObj.play();
                taskTimer1 = setInterval(alterProgress, 10);
            });

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_13_color_FFFFFF_t_70_g_se_x_16][]

js加载url方法

curPlayAmrObj = new BenzAMRRecorder();
            var duration = document.getElementById("amr-duration");
            var progressCtrl = document.getElementById("amr-progress");
            var stopBtn = document.getElementById("stop1");
            curPlayAmrObj.initWithUrl(amrUrl).then(function () {
                stopBtn.removeAttribute('disabled');
                progressCtrl.removeAttribute('disabled');
                progressCtrl.setAttribute('max', curPlayAmrObj.getDuration());
                duration.innerHTML = curPlayAmrObj.getDuration().toFixed(2) + '\'';
                curPlayAmrObj.play();
                taskTimer1 = setInterval(alterProgress, 10);
            });

Demo下载地址 https://download.csdn.net/download/tianbbs2008/23266292

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_9_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/355d508e15214b1b902b1080eb597f78.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_7_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/7db1e70730f647c7812e2698f0f67229.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/612a402368314576b46c735c7f3c0010.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54ix5Zad5ZKW5ZWh55qE56iL5bqP54y_size_13_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/1a18571eaef04743a410f679dfb5d536.png