微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML5 音频从 .wav 文件生成波形

如何解决HTML5 音频从 .wav 文件生成波形

我将如何制作这个随机 SVG 波形发生器,从音频文件生成波形;

` 
 https://codepen.io/andrewscofield/pen/oGyrEv  `

解决方法

给你。 https://codepen.io/Stepancic/pen/ExmZpZj?editors=0010

这里的主要部分是

  var y1 = (config.line_height - filteredData[i] * config.line_height) / 2;
  var y2 = config.line_height - y1;

在 for 循环中绘制。 y1 中的乘数只是为了使filteredData 值“更大”。

采样率不是动态生成的,因此您可以根据音频文件长度更改 const samples = 92; 值。

这段代码还有一些工作要做,但我希望它有所帮助。 BR

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。