Skip to content

Audio Visualization

Logo AAV

> 音乐可视化是电子音乐可视化工具和媒体播放器软件中的一项功能，可根据一段音乐生成动画图像. 图像通常是实时生成和渲染的，并且与播放的音乐同步.

Travis Build Awesome

Books

Downloads

Experiments

  • Audible Visuals - 从 Sonia Boller 的阿基米德螺线导出的可视化工具集.
  • React Player - 带有 ReactJS 的完整音频可视化播放器.
  • Moire - 网络音频/WebGL 可视化.
  • Finding Love - 完全互动的虚拟现实故事，将情感转化为艺术.
  • Tangled - 由总部位于柏林的 netlabel Yarn Audio 发行的视听作品，视觉效果制作于 cables . 拖动旋转，滚动缩放.
  • Luis Henrique Bizarro Portfolio - 使用 Three.JS 和 GSLS 进行实验的作品集.
  • Adventure Machine - Madeon 的“Adventure”专辑宣传活动.
  • BBNG - BADBADNOTGOOD 的“Confessions”（feat. Leland Whitty）的 WebGL Visualizer.
  • Chrome Music Lab - 进行简单的实验并探索音乐的工作原理.
  • DENNIS - popcorn_10's 为“Dennis”制作的交互式音频响应音乐视频.
  • Fluctus - Jordan Machado 的实验性 3D 音频可视化工具.
  • George & Jonathan III - George & Jonathan 的“III”专辑宣传活动.
  • Lantern - SBTRKT 的“灯笼”WebGL 可视化工具.
  • Lines - 将 Joy Division 专辑封面可视化为 Silvio Paganini 的音乐谱.
  • Nero - Nero 的“In The Way”的 WebGL Visualizer.
  • Pareidolia - Venetian Snares 的“不幸”WebGL 可视化工具.
  • Splice - 使用来自 Splice 即将推出的可视化工具 API 的时间码数据的实时交互式音乐可视化工具.
  • Typatone - 一边写作一边创作音乐.
  • Yume - Helios 的“Yume”专辑宣传活动.
  • Silk - Matt DesLauriers 的 3D 音频可视化工具.
  • Wave - Matt DesLauriers 的 3D 音频可视化工具.
  • Binaural - 尝试使用 Matt DesLauriers 的双耳和混响音频效果.
  • Word Problems - Harmonic 313 针对“单词问题”的 WebGL 可视化工具.
  • Glitch - 从数学中制作音乐的算法合成器.
  • 105 Birthday Clara Rockmore - Clara Rockmore 生日涂鸦.
  • Fireworks with WebGL - Ondřej Žara 的声控烟花.
  • Glowsynth - just amazing! - 使用您的鼠标、Qwerty 键盘或 MIDI 键盘进行演奏，观看灯光随着您的音乐翩翩起舞.
  • Mmorph - 探索在浏览器及其他环境中提供交互式音乐的新方法.
  • Loop Waveform Visualizer - Beytah 的螺旋底座 WebGL 可视化工具.
  • Scrollsound - Ehsan Ziya 将滚动作为一种与网络音频交互的方法.
  • Experiment #8 - Bruno Imbrizi 的音乐实验.
  • Music Cube - 将 Roland TR-808 鼓机与 Rubik's Cube 相结合的 Chrome Experiment.
  • Music Game - ECHO - 具有挑战性的音乐益智游戏.
  • Patatap - 便携式动画和声音套件.
  • Plink - Awesome Multiplayer Game - 多人音乐体验.
  • Soundcloud Visualizer - 画布和网络音频实验.
  • CSS Visualizer - 完全使用 DOM 元素和 CSS3 制作的音乐可视化工具.
  • Kandinski Experiment - 受康定斯基启发的音乐可视化.
  • Visual Music Trailer - 现场视听表演创意.
  • Draw and Music - Sam Greens 的 Rugs 新专辑宣传活动.
  • Moogfest Substrate - Moogfest 的实验站点.
  • 3D Grid - 由 rickycodes 使用 HTML5 网络音频 API 构建的音频可视化工具.
  • obsidian - 由 Three.js 的创建者制作的 3D 音频可视化.
  • TRIF - 使用 webaudio API 和原始 CSS 的基于 GIF 的在线广播可视化
  • Audiograph - 由 Matt DesLauriers 制作的惊人音频可视化.
  • Scribble Audio - 使用此网络合成器绘制声音循环.
  • Touchpianist - 弹奏钢琴并沿着屏幕观看所有动画.
  • PartyMode - 使用 d3.js 和网络音频 api 的实验性音乐可视化工具.
  • DJi - 从 SoundCloud 或自行上传的清理音乐可视化工具.
  • VR Ondes Martenot - 在虚拟现实中可播放的 Ondes Martenot.
  • Popcorn - Hugh Kennedy 的小音频反应草图.
  • Musical Interactions - 有趣的音乐互动的一些实验性想法.
  • ClubberToy 几个 shadertoys，与 clubber 重新连接，捆绑为一个 vj 应用程序.
  • Andantino 听一些音符并尝试在键盘上找到相同的音符.
  • Vissonance 在 THREE.js 中构建的音频可视化工具集合.
  • ShowCQTBar - 具有音阶的音频频谱可视化.
  • Weekly Music Visualizations Suraya Shivji 使用 Three.js 和 p5.js 构建的每周音乐可视化实验.
  • Audio Visualizer - 使用 Pixi.js 构建的有趣的网络音频可视化工具.
  • YouTube Musical Spectrum - 一个浏览器扩展程序，可在您的 YouTube 页面上提供带有优美音符的音频可视化.
  • Just Dance - 制作的 3D 音频可视化 BabylonJS & 2D柏林噪声.
  • audioMotion - 高分辨率实时音频频谱分析仪和用 JavaScript 编写的全功能音乐播放器. 包括适用于 Windows、Linux 和 macOS 的二进制文件.
  • p5.js Audio Visualizer - 一个强大的、节拍和振幅响应的音频可视化工具 p5.sound, 在 Amanda Yeh 的 HTML5 Canvas 上.

Experiments on Codepen

Libraries Audio

  • web-audio-analyser - 一个围绕 Web Audio API 的薄包装器
  • web-audio-player - 跨浏览器网络音频播放器.
  • web-media-playback - 检索有关在浏览器中播放的音频或视频的播放和缓冲信息.
  • Pizzicato.js - 简化您通过网络音频 API 创建和操作声音的方式.
  • ThreeAudio.js - 帮助您在 Three.js 或 tQuery 中创建音乐可视化.
  • Beeplay.js - 用 Ja​​vaScript 写一首歌.
  • MIDI.js - 让生活更轻松地在网络上创建 MIDI 应用程序.
  • Beep.js - 用于构建基于浏览器的合成器的 JavaScript 工具包.
  • p5.sound - 将处理方法引入网络音频和 p5.js.
  • Audiolet - 用于实时音频合成和合成的 JavaScript 库.
  • coffee-collider - 一种用于 HTML5 中实时音频合成和算法组合的语言.
  • audio-render - 一个直通音频流，提供渲染流音频数据的结构.
  • Octavian - 推理音符、频率和音程的实用程序
  • waveform-data - 音频波形数据操作 API – 在 JavaScript 中重新采样、偏移和分段波形数据.
  • audiowaveform - C++ 程序，用于从音频文件生成波形数据和渲染波形图像.
  • Aubio - 用于实时音频标记的 C 库，具有 Python 和 PD 的绑定，支持 ofx 和 Vamp.
  • audio - 通用 Go 包旨在定义一个通用接口来分析和/或处理音频数据
  • wav - 经过实战测试的 Wav 解码器/编码器
  • standardized-audio-context - 旨在严格遵循标准的 AudioContext 的跨浏览器实现.
  • web-audio-beat-detector - 使用 Web Audio API 的节拍检测实用程序.
  • meyda - JavaScript 的音频特征提取.

Libraries Visualization

  • p5.js - 基于 Processing 的核心原则，用于创建图形和交互体验的 JavaScript 库.
  • Pixi.js - 适用于所有设备的快速轻量级 2D 库. Pixi 渲染器让每个人都可以在不了解 WebGL 的情况下享受硬件加速的强大功能.
  • sketch.js - 让您直接进入创意编码的有趣部分，而无需担心垫片或样板代码.
  • three.js - Three.js 是一个使 WebGL 易于使用的库.
  • Two.js - 面向现代网络浏览器的二维绘图 API. 它与渲染器无关，使相同的 API 可以在多个上下文中绘制：SVG、Canvas 和 WebGL.
  • BabylonJS - 一个完整的 JavaScript 框架，用于使用 HTML5、WebGL 和 Web Audio 构建 3D 游戏.
  • Web Audio Extension - 用于播放网络音频的 Chrome 扩展.
  • Cinder - 社区开发的免费开源库，用于使用 C++ 进行专业品质的创意编码.
  • Processing - 为电子艺术、新媒体艺术和视觉设计社区构建的开源编程语言和集成开发环境.
  • HYPE_processing - 使用最少量的代码编写执行繁重任务的处理类集合.
  • The Force - Live coded shader editing with audio input.
  • Hylogen - 嵌入 Haskell 的纯功能语言，用于片段着色器（带音频输入）的表达性实时编码.
  • Peaks.js - 模块化客户端 JavaScript 组件，设计用于在浏览器中显示音频波形材料并与之交互.
  • Clubber.js - 音乐理论在音频反应可视化中的应用.
  • Vuo — 用于交互式媒体的实时可视化编程语言.
  • wavesurfer.js - 可自定义的音频波形可视化，建立在 Web Audio API 和 HTML5 Canvas 之上
  • wavebell - 带有实时波形的javascript录音机，使用网络麦克风
  • Circular Audio Wave - 一个使用 Web Audio API 和 ECharts 实现圆波音频可视化的 JS 库
  • Slang - 一种内置在 JS 中的音频编程语言
  • audioMotion-analyzer - 无依赖的高分辨率实时音频频谱分析仪JS模块.
  • Cava - 跨平台终端可视化工具.
  • Muser - 使用机器学习增强浏览器中的音乐可视化.

People to Follow

  • Aaron Koblin - 专注于数据和数字技术的艺术家、设计师、程序员和企业家.
  • Joshua Davis - 美国新媒体设计师、技术专家、作家和艺术家.
  • Robert Hodgin - 居住在布鲁克林的创意程序员. Cinder C++ 的联合创始人.
  • Seb Lee-Delisle - 屡获殊荣的数字艺术家和演讲者.
  • Raven Kwok - 视觉艺术家、动画师和创意程序员.
  • Chris Wilson - Open Web Guy，以前在微软工作，现在在谷歌担任开发者倡导者.
  • Jason Sigal - 纽约大学常驻创意编码员和 p5.js 网络音频库的创建者.
  • Shawn Lawson - 创造计算崇高的体验媒体艺术家.
  • Matt DesLauriers - Jam 3 的创意编码器.
  • Patrick Heng - 富有创意的前端开发人员. 曾就读于 Hetic 和 Gobelins，并在 Grouek 工作.
  • Mat Preziotte - 荒谬的音乐可视化和生成艺术.
  • Yannis Gravezas - 一个创意编码员，在 chrome experiments、fwa 和其他地方有几个项目.

Tutorials

Videos

Contributing

随时欢迎您的贡献！ Click here to read the guidelines.

Authors

Willian Justen Luis Henrique Márcio Ribeiro
Willian Justen Luis Henrique Márcio Ribeiro

License

CC0

在法律允许的范围内， Willian Justen 已放弃该作品的所有版权和相关或邻接权.