javascript+AMR播放器+BenzAMRRecorder_BenzAMRRecorder资源-CSDN下载

共4个文件

js：2个

html：1个

amr：1个

需积分: 5 90 浏览量 2024-10-30 08:46:03 上传评论收藏 352KB ZIP 举报

在这份文件中，我们将会深入探讨一个专门设计用来在网页上播放AMR格式音频的播放器应用。AMR（Adaptive Multi-Rate）格式是一种音频文件格式，主要用于移动设备中的音频录制，因其在较低数据速率下仍能提供相对较好的语音质量而广受欢迎。AMR格式的一个显著特点是它支持多种比特率的音频流，允许在不同的网络条件和设备性能之间灵活适应。我们看到标题中提到了“javascript+AMR播放器+BenzAMRRecorder”。这表明我们的播放器可能是使用JavaScript编程语言构建的，这在网页开发中非常常见，因为JavaScript具有良好的浏览器兼容性，能够提供动态交互的网页功能。另外，播放器还结合了“BenzAMRRecorder”这一组件，这意味着它不仅仅能够播放AMR文件，还能够进行AMR格式的音频录制，使得整个应用更加全面。当我们谈论到“网页播放AMR格式音频”这一描述时，我们可以理解为这个应用的主要功能就是使得用户能够在一个网页环境中播放AMR格式的音频文件。这通常包括将音频文件嵌入到网页中，允许用户通过点击播放、暂停、停止等控制按钮来管理音频的播放过程。此外，还包括显示音频播放进度条，让使用者能直观地了解当前播放的位置，并可进行跳转操作。在标签方面，提到了“AMR 播放器进度条”。这进一步强调了应用的两大核心功能：首先是一个专门针对AMR格式的播放器功能，其次是一个显示播放进度的进度条。进度条是一个非常实用的功能，它可以帮助用户快速了解音频的长度，并且在音频播放过程中，用户可以通过进度条进行快进或回退到特定位置，从而改善用户体验。至于“AMRdecode_encode_files”，我们可以推测这是构成播放器功能的一个关键文件夹或组成部分。它可能包含了用于解码和编码AMR格式的必要文件，或者是包含了一些预设的AMR格式样例文件。这些文件对于播放器来说是不可或缺的，因为它们提供了播放器进行音频处理和播放的底层技术支持。结合上述信息，可以得出结论：该文件可能包含了一个完整的网页应用，它能够实现AMR格式音频文件的播放和录制，并且具备一个用户友好的交互界面，通过JavaScript技术来实现音频的流畅播放和控制。此外，应用还配备了显示音频播放进度的进度条功能，以提升用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

html5-AMR音频播放-显示进度条-播放暂停.zip （4个子文件）

AMRdecode_encode_files

BenzAMRRecorder.js 1.11MB

mario.amr 139KB

jquery.min.js 91KB

index.html 4KB

<!DOCTYPE html>  <html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"> <title>AMR decode/encode tests</title> </head> <body> <h1>AMR播放Demo</h1> <div id="player-amr"> <p> <button id="amr-play" disabled="" >加载中。。。</button> <input id="amr-progress" type="range" min="0" max="1" step="any" value="0" disabled > <label for="amr-progress"> <span id="amr-cur">0'</span> <span>/</span> <span id="amr-duration">0'</span> </label> </p> </div> <script src="/AMRdecode_encode_files/BenzAMRRecorder.js"></script>  <script> (function () { function E(selector) { return document.querySelector(selector); } /**** 解码、播放 ****/ var amr; var playBtn = E('#amr-play'); var progressCtrl = E('#amr-progress'); var isDragging = false; var cur = E('#amr-cur'); var duration = E('#amr-duration'); setInterval(function () { if (amr) { cur.innerHTML = amr.getCurrentPosition().toFixed(2) + '\''; if (!isDragging) { if(Number(amr.getDuration().toFixed(2)==0)){ progressCtrl.value = Number(amr.getCurrentPosition().toFixed(2)); }else{ progressCtrl.value = Number(amr.getCurrentPosition().toFixed(2))/Number(amr.getDuration().toFixed(2)); } } } else { cur.innerHTML = '0\''; } }, 10); playBtn.onclick = function () { amr.playOrPauseOrResume(); if(playBtn.innerHTML=='播放'){ playBtn.innerHTML='暂停'; }else{ playBtn.innerHTML='播放'; } }; /*stopBtn.onclick = function () { amr.stop(); };*/ progressCtrl.onmousedown = function () { isDragging = true; }; progressCtrl.onmouseup = function () { isDragging = false; }; progressCtrl.onchange = function (e) { amr.setPosition(Number(e.target.value)*Number(amr.getDuration())); }; amr = new BenzAMRRecorder(); playBtn.setAttribute('disabled', true); amr.initWithUrl('/AMRdecode_encode_files/mario.amr').then(function() { playBtn.removeAttribute('disabled'); playBtn.innerHTML='播放'; progressCtrl.removeAttribute('disabled'); duration.innerHTML = amr.getDuration().toFixed(2) + '\''; }); // 绑定事件 amr.onPlay(function () { console.log('Event: play'); //playBtn.innerHTML = '停止'; }); amr.onStop(function () { console.log('Event: stop'); playBtn.innerHTML = '播放'; }); amr.onEnded(function () { console.log('Event: ended'); playBtn.innerHTML = '播放'; }); amr.onAutoEnded(function () { console.log('Event: autoEnded'); }); amr.onStartRecord(function () { console.log('Event: startRecord'); }); amr.onFinishRecord(function () { console.log('Event: finishRecord'); }); amr.onCancelRecord(function () { console.log('Event: cancelRecord'); }); })(); </script> </body></html>

评论收藏

内容反馈