在Chromes中如何从audio标签中得到频谱画在canvas上?

echoloyuk 2012-04-12 06:40:59
小弟我最近在研究HTML5,在Chromes浏览器中想从audio标签获得正在播放的歌曲的频谱(FFT)。请问各位大神给如何获得这个频谱,下面代码是我写的,但是得到的频谱数组一直都是0,请问该如何获得频谱啊。

小弟我的浏览器是Chrome 20_dev的


<body>
<audio id="aud" controls="controls" src="test.mp3">
</audio>
<div id="info" style="border:1px solid red;"></div>
</body>
<script type="text/javascript">

var i=0;

var audioElement = document.getElementById("aud");

var audioContext = new webkitAudioContext();
var streamingAudioSource = audioContext.createMediaElementSource(audioElement);
var jsProcessor = audioContext.createJavaScriptNode(4096,1,1);
jsProcessor.onaudioprocess = process;
var analyser=audioContext.createAnalyser();
analyser.fftSize = 2048;
//链接关系:streamingAudioSource->jsProcessor->analyser->destination
streamingAudioSource.connect(jsProcessor);
jsProcessor.connect(analyser);
analyser.connect(audioContext.destination);

audioElement.play();
function process(event){
var freqByteData = new Uint8Array(analyser.frequencyBinCount);
analyser.getByteFrequencyData(freqByteData);
document.getElementById("info").innerHTML=freqByteData[1];
}



上面在div中显示频谱的原始数据,但是都为0,请问如何获得频谱?
...全文
262 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
jinglier 2013-07-26
  • 打赏
  • 举报
回复
你好,我最近在看html5音频的地方. 我想录制一段音频,但是目前没有找到好的例子和方法。 能请教你下吗? 怎么样录制自己的音频,我找了例子但是都不能用。其中人家就用倒web audio api,但是我看的糊里糊涂的,有没有好的资料或者代码? 非常感谢
梦知尽头 2012-09-15
  • 打赏
  • 举报
回复
同求,7月份就看到这问题来着
echoloyuk 2012-04-13
  • 打赏
  • 举报
回复
没人嘛??大神们救救我啊
内容概要:本文详细记录了对一个Android ARM64静态ELF文件字符串加密机制的逆向分析过程。该ELF文件的所有字符串均被加密,无法通过常规strings命令或IDA直接识别。作者通过分析发现,加密字符串存储在.rodata段,其解密所需信息(包括密文地址、长度和16位密钥)保存在.data.rel.ro段的40字节描述符。核心解密函数sub_10F408采用自反的双pass流密码算法,结合固定密钥KEY_TERM(由.data段24字节数据计算得出),实现字节级非线性、位置与长度相关的加密。文章还复现了完整的Python解密脚本,并揭示了该保护机制的本质为代码混淆而非强加密,最终成功批量解密全部956条字符串,暴露程序真实行为,如shell命令模板、设备标识篡改、网络重置等操作。此外,文还提及未启用的自定义壳框架及其反dump设计。; 适合人群:具备逆向工程基础的安全研究人员、二进制分析人员及对ELF保护技术感兴趣的开发者。; 使用场景及目标:①学习ELF二进制字符串加密的典型实现方式与逆向突破口;②掌握从结构识别、函数追踪到算法还原的完整逆向流程;③理解“绑定二进制”的完整性校验设计及其局限性;④实践编写IDAPython脚本自动化提取与解密敏感数据。; 阅读建议:此资源以实战案例驱动,不仅展示技术细节,更强调逆向思维与验证方法,建议读者结合IDA调试环境,逐步跟随文步骤进行动态分析与算法验证,深入理解每一步的推理依据。

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧