派对模式:使用d3.js和网络音频API的实验音乐可视化程序

时间:2024-02-25 23:57:14
【文件属性】:

文件名称:派对模式:使用d3.js和网络音频API的实验音乐可视化程序

文件大小:20.87MB

文件格式:ZIP

更新时间:2024-02-25 23:57:14

audio visualization javascript art d3

用于浏览器的音频可视化器实验。 由和。 在Chrome中运行效果最佳。 工作演示@ 。 尝试从桌面拖入mp3! 癫痫警告 在本地运行 在没有服务器的情况下在本地运行此应用程序会出现问题。 我建议cd进入目录并从命令行运行http-server 。 如果您没有此命令,请像这样安装它: npm install -g http-server 。 技术概述 使用网络音频API,我可以获得一个数字数组,该数字数组对应于html5音频元素产生的声音的波形。 有一个关于如何做到这一点。 然后,使用requestAnimationFrame (出于性能原因而对进行一些),随着音乐的变化,我将更新该数组。 然


【文件预览】:
party-mode-master
----css()
--------style.css(28KB)
--------normalize.css(8KB)
----img()
--------13.gif(181KB)
--------5.gif(262KB)
--------2.gif(105KB)
--------1.gif(27KB)
--------8.gif(190KB)
--------3.gif(296KB)
--------12.gif(182KB)
--------6.gif(14KB)
--------11.gif(248KB)
--------0.gif(65KB)
--------9.gif(50KB)
--------7.gif(8KB)
--------4.gif(269KB)
--------1-logo3.gif(37KB)
--------1-logo2.gif(14KB)
--------1-logo.gif(36KB)
--------10.gif(57KB)
----icomoon()
--------fonts()
--------Read Me.txt(385B)
--------demo-files()
--------selection.json(36KB)
--------demo.html(22KB)
--------style.css(2KB)
----mp3()
--------forgot.mp3(9.22MB)
--------dawn.mp3(9.53MB)
----background.js(259B)
----manifest.json(751B)
----index.html(9KB)
----js()
--------jquery.js(242KB)
--------d3.js(319KB)
--------id3-minimized.js(15KB)
--------main.js(54KB)
--------mousetrap.js(29KB)
--------d3.hexbin.v0.min.js(1KB)
----contentscript.js(1KB)
----Gruntfile.js(3KB)
----.gitignore(1KB)
----CHANGELOG.md(1KB)
----README.md(8KB)
----favicon.ico(1KB)

网友评论