打开库以可视化音频内容

我们在GitHub，Hacker News和Reddit上的音频可视化工具上研究了几个主题线程。 我们谈论的是经常提到的对Web应用程序或游戏开发人员有用的开放库和解决方案。


^图片许可

• Pizzicato 。 为了在浏览器中处理音频内容，使用了W3C联盟开发的Web Audio规范。 Web Audio API具有28个用于过滤，可视化和管理音频通道的接口。 Pizzicato JavaScript库通过允许您向旋律添加更多效果（ 颤音 ， 混响 ， quadrafuzz失真效果 ）并基于单个声音创建新的合成来扩展此功能。 该库的作者介绍了一个 展示其功能 的项目-该应用程序会根据GitHub用户的提交次数发出旋律。
• Processing.js 。 一个用于实现处理语言的基本功能的库。 它于2001年开发，用于可视化Web上的数据。 今天，它已被成千上万的艺术家，设计师和开发人员所使用，包括音频可视化 。 该库使用JS进行动画处理，并使用canvas处理图像。 其作者的两本书（PDF）将帮助您学习语言功能-“ 处理：编程手册 ”和“ 处理入门 ”。
• Peaks.js 。 这是一个JavaScript组件，用于显示声波图并与之交互。 可以对图表进行缩放并在其上标记不同的颜色语义部分，例如语音和音乐。 该库是由BBC的专家开发的，他们使用了HTML5的canvas组件。 Peaks.js只能基于现成的数据绘制图形并将其放置在站点页面上。 如果需要生成声波，则可以使用BBC生态系统中的其他工具：JS的波形数据 ，C ++的audiowaveform和Ruby的audio_waveform 。

^{杰森·科里 （ Jason Corey） / CC BY摄影}

• p5.j​​s。 这是处理团队在2014年创建的可视化库。 它允许您“使用代码进行绘制”（创建艺术元素和动画），其中浏览器中的页面充当画布。 P5.js具有其他库，可与其他HTML5对象集成-文本，视频，音频或从网络摄像头捕获图像。 该项目的官方网站上有一个编辑器 ，您可以在其中评估该工具的所有功能。
• pixi.js。 一个基于canvas和WebGL的2D渲染引擎，它支持纹理和精灵。 该库的作者将其定位为Three.js的类似物，因此它适合创建复杂的图形界面（例如，音乐播放器）和可视化。 可以在codepen网站上找到具有pixi.js“音乐”功能的演示（您需要从计算机下载音乐）。
• sketch.js 。 一个用于在JavaScript中创建艺术品的小型库-它仅重2 KB。 支持所有绘图方法CanvasRenderingContext2D，WebGLRenderingContext和HTMLElement。 在官方网站上，您可以找到一些使用草图实现的可视化示例。 包含该工具入门所需的所有必要信息的文档位于GitHub上 。
• Two.js。 用于在Canvas，SVG或WebGL中进行绘制的通用API，并且在矢量图形中存在偏差。 适合在无头环境和云中工作。 此处提供了实现示例。
• 音频波形 适用于Linux和Mac OSX（尚不支持Windows）的应用程序，可从命令行运行，并根据录音（MP3，WAV，FLAC或OGG格式）生成波形数据。 为此，应用程序形成一个单声道，然后计算样本的最小值和最大值。 数据以JSON，dat或PNG格式保存。 将它们传输到库后，该库将在站点上显示声波图，例如已经提到的Peaks.js。

^图片许可

• 圆形声波 。 JS库以圆形图的形式可视化声波。 为了构建它们，使用了ECharts以及有关频率和BPM调谐的数据。 演示可以在这里和这里找到。
• 煤渣 。 用于生成图像的C ++框架，它是Processing.js的竞争对手。 该工具使您可以处理2D和3D图形，并具有用于WAV，MP3和OGG的内置解码器以及数字信号处理功能 （例如，归一化块和均方根值的计算）。
• 3D音乐可视化器 。 一个基于Three.js和Web音频API的简单可视化工具，该API使用三角函数创建形状。 在这里可以找到工作示例。 创建自己的“数学”可视化程序时，该项目可用作参考。

---

6月18日，设备销售开始于Audiomania。 我们赠送乙烯基播放器，立体声放大器，书架和落地式扬声器以及入耳式耳机，折扣最高可达70％。 例如， Polk Audio S10扬声器的价格为14900卢布，而铁三角ATH-E40耳机的价格为6490卢布。

Hot AUDIOSALE 2019是购买您已经看了很长时间的音频设备的绝佳机会。

---

我们的其他收藏：

从哪里获得项目的音频样本：九种主题资源的选择
12个主题资源，包含根据知识共享许可的曲目
精选高清音乐在线商店
首款iPod上的内容是：史蒂夫·乔布斯（Steve Jobs）在2001年选择的二十张专辑
我们已退休-我们讨论的是曾经“过时”的流行音频小工具

---