如何在网络上可视化声音：精选主题材料和具有理论和实践意义的视频讲座

上一次，我们为您准备了带有开放库的摘要，以可视化音频内容，并决定查找有关如何使用所有内容的资料。结果是为Web应用程序或游戏的开发人员选择了有关该主题的指南。

^{照片s_keller / Pixabay上的免费图片}

在我们的Habré博客上-> 周末阅读：65种有关流媒体的材料，旧“乐铁”的历史，音频技术和声学制造商的历史

理论与历史

理论：强调基本语调的方法 。 Ableton开发团队的成员，一个基于录音室的声音程序，解析几种常见的算法来提取音乐录音中的基本音调（重复声波周期）。例如：过零法和基于基波谐波的识别方法。作者还引用了其他一些阅读材料，这些材料讨论了突出基本音调的高级方法。那些打算编写显示声波图的音乐应用程序的人可能会对这篇文章感兴趣。

合成器的简要历史 。这是苏格兰JS会议上演讲之一的视频。 Web Audio Weekly的编辑Chris Lowis谈到了合成器的发展以及它们的工作方式。所有这些都带有JS上的示例。

Web Audio API基础 Mozilla开发人员讨论了Web Audio API功能-用于在浏览器中管理音频内容的规范。它描述了诸如与音频缓冲区交互之类的基本事物，以及更高级的事物（例如，声音的可视化）。许多图形，图表和代码示例。该材料会定期更新-在开发应用程序时可用作“桌面”参考。

8位音乐理论 。 YouTube上的一个频道，专门用于根据音乐理论来解析视频游戏中的音频范围。例如，在此视频中，作者通过示例展示了音乐如何帮助在《空心骑士》游戏中营造一种氛围，在这里，我们谈论的是《黑暗之魂》中的最后一部作品。该频道对编写自己的游戏的人有用。在这里，您可以为她的音乐伴奏提出几个想法。

练习

使用D3.js库探索Web Audio API的可能性 。 D3.js是用于可视化数据的一组工具。它包括用于构建几何形状，管理数据的加载，格式化和缩放以及数学函数的模块。该材料的作者讲述了如何使用它来构建声波图。可以在GitHub Pages上找到本文中的应用程序示例，其代码位于官方存储库中。

如何用JavaScript创建音乐系统 。全球网络音频指南。借助它，作者重新创作了作曲家Stephen Reich和Brian Eno的作品 -分别是“ It's Gonna Rain ”和“ Discreet Music ”。即使您不熟悉Web Audio API，遵循该手册也非常简单（有示例，图表和屏幕截图）。

带有Web Audio API的乐器 。图灵学院的创始人史蒂夫·金尼（Steve Kinney）在JSConf上的记录显示了如何在getUserMedia Web API和WebSockets的浏览器中构建合成器。他还谈到使用Web Audio API在Arduino上构建乐器。

介绍p5.js。 p5.js是一个可视化库，可让您“使用代码进行绘制”。在视频中，其开发人员Lauren McCarthy通过示例演示了如何使用此工具创建艺术元素和动画。如果您想自己评估p5.js的功能，那么该项目的官方网站上将有一个特别的编辑器。

Web Audio API上的8位游戏音乐 。本文介绍如何使用Pac-Man，Super Mario Bros，Meroid，Kirby's Adventure和The Legend of Zelda使用Web Audio API和Tone.js框架重新创建和可视化8位音乐。聆听生成的合成，查看代码，如果需要，可以在CodePen上对其进行修改。为了使您更容易理解来源，作者建议您首先在YouTube上观看此视频 -它说明声音在旧计算机中是如何“工作”的。

如何使用Web Audio API创建舞曲 。 Mozilla的工程师Paul Adenot记录性能，他使用Firefox浏览器并帮助W3C完成Web Audio API规范。 Paul分解了techno曲目的主要组成部分，并展示了如何在JS上重新创建它。我们可以说这是现场音乐编程会议。

其他阅读-来自我们的“ Hi-Fi世界”：

如何使用OOP编写音乐

在流行的操作系统中“连接”了哪种音乐

音乐编程-谁做，为什么

PC如何征服媒体行业：讨论Pro Tools和Media Composer

从何处获得项目的音频样本：九种资源的选择

12个主题资源，包含根据知识共享许可的曲目

Innovation SSI-2001：IBM PC上最稀有的声卡之一的故事

发烧友重新创建了Sound Blaster 1.0声卡：为什么该项目引人注目

在哈布雷（Habré）上为我们服务-> 声卡，可让您跳入陌生城市的氛围

Source: https://habr.com/ru/post/zh-CN464217/

All Articles