Audio Visualization

Logo AAV

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

Travis Build Awesome

Books

Downloads

Experiments

  • Audible Visuals -索尼亚·博勒(Sonia Boller)从阿基米德螺旋线衍生的可视化工具集合.
  • React Player -带有ReactJS的完整音频可视化播放器.
  • Moire -Web音频/ WebGL可视化.
  • Finding Love -完全互动的虚拟现实故事,将情感转化为艺术.
  • Mubert -世界上第一个在线音乐作曲家
  • Tangled -由位于柏林的网络标签Yarn Audio发行的视听产品, cables . 拖动以旋转,滚动以缩放.
  • Luis Henrique Bizarro Portfolio -使用Three.JS和GSLS进行实验的作品集.
  • Triangles -在画布中使用三角形的实验.
  • Adventure Machine -Campaign for Madeon的“ Adventure”专辑.
  • BBNG -BADBADNOTGOOD的“ Confessions”(专长:Leland Whitty)的WebGL可视化工具.
  • Born in the Echoes -The Chemical Brothers的专辑《 Echoes》中的专辑.
  • Chrome Music Lab -进行简单的实验,探索音乐的运作方式.
  • DENNIS -popcorn_10的“ Dennis”交互式音频响应音乐视频.
  • Fluctus -Jordan Machado的实验性3D音频可视化器.
  • George & Jonathan III -乔治&乔纳森(III)专辑的竞选活动.
  • Goy Goy -使用HTML5 Canvas,socket.io和audiolet.js进行的多人Chrome实验.
  • Lantern -SBTRKT的“灯笼”的WebGL可视化工具.
  • Lines -将Joy Division专辑的封面可视化为Silvio Paganini的音乐谱.
  • Nero -Nero的“在路上”的WebGL Visualizer.
  • OMM -探索创造力的交互式视听体验.
  • Pareidolia -威尼斯人陷阱的WebGL可视化工具,用于“不幸”.
  • Soundviz -Leap Motion互动性提供5种不同的声音可视化效果.
  • Splice -实时互动音乐可视化程序,使用来自Splice即将推出的可视化程序API的时间代码数据.
  • Typatone -边写边做音乐.
  • Yume -Helios的“ Yume”专辑广告系列.
  • Spins -音频可视化器,由Matt DesLauriers绘制的极坐标波形.
  • Silk - 3D Audio Visualizer by Matt DesLauriers.
  • Wave - 3D Audio Visualizer by Matt DesLauriers.
  • Binaural -使用Matt DesLauriers的双耳和混响音频效果进行实验.
  • Beatgrid -通过Matt DesLauriers使用音频节拍检测进行实验.
  • Party -Matt DesLauriers提供的2D音频可视化工具.
  • Word Problems -Harmonic 313针对“单词问题”的WebGL Visualizer.
  • Here Comes The Sun -披头士乐队的歌曲“ Here Comes The Sun”的视觉表示,该动态由使用Processing和Processing.js开发的算法动态生成. 马西奥·里贝罗(Marcio Ribeiro).
  • Audio Cloud -基于快速傅立叶变换频谱的音频分析的反应粒子系统.
  • Glitch -一种算法合成器,可通过数学制作音乐.
  • 105 Birthday Clara Rockmore -克拉拉·洛克摩尔(Clara Rockmore)生日的涂鸦.
  • Fireworks with WebGL -OndřejŽára的声控烟花.
  • Tonalhub -通过Alejandro Mantecon Guillen在github存储库中创建音乐.
  • Glowsynth - just amazing! -使用鼠标,Qwerty键键盘或MIDI键盘进行播放,然后观察灯光随着音乐而舞动.
  • Mmorph -冒险探索在浏览器内外传递交互式音乐的新方式.
  • Play a cornet to Donald Trump -一个有趣的网站,可让动物署向唐纳德·特朗普播放短号.
  • Loop Waveform Visualizer -Beytah的用于螺丝底座的WebGL可视化工具.
  • Bohemian Rhapsichord -一个网络应用程序,将波西米亚狂想曲变成保罗·拉米尔(Paul Lamere)的乐器.
  • Scrollsound -滚动是Ehsan Ziya在网络上与音频进行交互的一种方法.
  • Floraldrift -程序生成的音乐和视觉效果.
  • Experiment #8 -Bruno Imbrizi的音乐实验.
  • Music Cube -结合了Roland TR-808鼓机和魔方的Chrome实验.
  • Music Game - ECHO -具有挑战性的音乐益智游戏.
  • Patatap -便携式动画和声音工具包.
  • Plink - Awesome Multiplayer Game -多人音乐体验.
  • Simon Says - Game -浏览器中的免费记忆游戏.
  • Soundcloud Visualizer -画布和网络音频实验.
  • CSS Visualizer -完全使用DOM元素和CSS3制作的音乐展示台.
  • Kandinski Experiment -康定斯基启发的音乐视觉化.
  • Visual Music Trailer - Live audio visual performance ideas.
  • Draw and Music -萨姆·格林斯(Sam Greens)的地毯运动新专辑.
  • Moogfest Substrate -Moogfest的实验站点.
  • Flame Gradient -由rickycodes使用HTML5网络音频API构建的音频可视化工具.
  • 3D Grid -由rickycodes使用HTML5网络音频API构建的音频可视化工具.
  • obsidian -Three.js的创建者进行的3D音频可视化.
  • TRIF -使用webaudio API和原始CSS的基于GIF的在线广播可视化
  • Garbage Collector -使用Three.js和一些后期处理进行的音频可视化实验.
  • Audiograph -Matt DesLauriers制作的惊人音频可视化.
  • Happy Monday -David Ronai使用THREE.MeshLine进行的音乐实验.
  • D159 -Simo Santavirta在NVScene 2015上展示的“悲观”音频可视化.
  • Restless Earth -“不动地球”的音频可视化.
  • Scribble Audio -使用此网络合成器绘制声音循环.
  • Touchpianist -弹钢琴,并在屏幕上查看所有动画.
  • PartyMode -使用d3.js和网络音频API的实验音乐可视化程序.
  • Arkade London -Arkade London是纯粹的个人和实验性WebVJ粉丝艺术.
  • DJi -从SoundCloud清洁音乐可视化程序或自行上传.
  • Braille Face: Kōya -在聆听墨尔本音乐家Braille Face的首张专辑Kōya的同时,在浏览器中导航独特的交互环境.
  • VR Ondes Martenot -在虚拟现实中可播放的Ondes Martenot.
  • Popcorn -休·肯尼迪(Hugh Kennedy)制作的无声素描.
  • Beat -Beat是受Propellerheads Figure iOS App启发的HTML5音频/画布实验.
  • Dancing Torus -跳舞Torus是一种WebGL Audio Reactive体验. 在Soundcloud上选择您喜欢的歌曲并开始跳舞!
  • Musical Interactions -一些有趣的音乐互动实验性想法.
  • Polyrhythm -多节奏节奏的互动探索.
  • ClubberToy 数个与Clubber重新连接的着色器,捆绑在一起作为VJ应用程序.
  • Andantino 听一些笔记,然后尝试在键盘上找到相同的笔记.
  • Vissonance THREE.js中内置的音频可视化工具的集合.
  • M A I L M A N Bruno Imbrizi的互动音乐视频,其中包含Soundgarden创作的名为Mailman的歌曲.
  • HTML5 Audio Visualizer Video Maker 挑选您的音乐,背景图像,以所需的方式自定义可视化工具,然后将可视化工具完全记录在Web浏览器中.
  • 3d Particles Music Visualiser Richard Tan在Three.js中完成的音乐可视化
  • ShowCQTBar -带有音阶的音频频谱可视化.
  • Weekly Music Visualizations Suraya Shivji使用Three.js和p5.js构建的每周音乐可视化实验.
  • Audio Visualizer -使用Pixi.js构建的有趣的Web音频可视化工具.
  • CPPN-based Visualizer -应用合成模式产生网络从音频数据中产生有趣的视觉效果.
  • YouTube Musical Spectrum -一个Chrome扩展程序,可在您的YouTube页面上提供带有可视音符的音频可视化.
  • Just Dance -使用3D音频可视化 BabylonJS &2D Perlin噪声.

Experiments on Codepen

Libraries Audio

  • web-audio-analyser -围绕Web Audio API的薄包装,需要使用
  • web-audio-player -跨浏览器的Web音频播放器.
  • web-media-playback -检索和缓冲有关在浏览器中播放的音频或视频的信息.
  • Pizzicato.js -简化了通过Web Audio API创建和处理声音的方式.
  • ThreeAudio.js -帮助您在Three.js或tQuery中创建音乐可视化.
  • Beeplay.js -用JavaScript写一首歌.
  • MIDI.js -让生活轻松在网络上创建MIDI应用.
  • Beep.js -用于构建基于浏览器的合成器的JavaScript工具包.
  • p5.sound -将处理方法引入Web Audio和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解码器/编码器

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 -使用HTML5,WebGL和Web Audio构建3D游戏的完整JavaScript框架.
  • Web Audio Extension -一个Chrome扩展程序,可与网络音频一起播放.
  • Cinder -社区开发的免费开放源代码库,用于使用C ++进行专业质量的创意编码.
  • Processing -为电子艺术,新媒体艺术和视觉设计社区构建的开源编程语言和集成开发环境.
  • HYPE_processing -处理类的集合,这些处理类在使用最少的代码编写量的同时执行繁重的任务.
  • The Force -带有音频输入的实时编码着色器编辑.
  • 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内置的音频编程语言

People to Follow

  • Aaron Koblin -专门从事数据和数字技术的艺术家,设计师,程序员和企业家.
  • Joshua Davis -新媒体的美国设计师,技术专家,作家和艺术家.
  • Robert Hodgin -居住在布鲁克林的创意编码员. Cinder C ++的共同创建者.
  • Seb Lee-Delisle -屡获殊荣的数字艺术家和演讲者.
  • Raven Kwok -视觉艺术家,动画师和创意程序员.
  • Chris Wilson -Open Web Guy,以前是Microsoft,现在是Google的开发者倡导者.
  • Jason Sigal -在纽约大学居住的Creative Coder,并且是p5.js网络音频库的创建者.
  • Shawn Lawson -经验丰富的媒体艺术家,创造了卓越的计算能力.
  • Matt DesLauriers -Jam 3的创意编码器.
  • Patrick Heng -创意的前端开发人员. 在Hetic和Gobelins学习,并在Grouek工作.
  • Mat Preziotte -荒诞的音乐可视化和生成艺术.
  • Yannis Gravezas -具有chrome实验,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 放弃了此作品的所有版权以及相关或邻近的权利.