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

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

文件下载

资源详情

[{"title":"( 46 个子文件 20.87MB ) 派对模式:使用d3.js和网络音频API的实验音乐可视化程序","children":[{"title":"party-mode-master","children":[{"title":"css","children":[{"title":"style.css <span style='color:#111;'> 28.30KB </span>","children":null,"spread":false},{"title":"normalize.css <span style='color:#111;'> 7.60KB </span>","children":null,"spread":false}],"spread":true},{"title":"img","children":[{"title":"13.gif <span style='color:#111;'> 181.04KB </span>","children":null,"spread":false},{"title":"5.gif <span style='color:#111;'> 262.47KB </span>","children":null,"spread":false},{"title":"2.gif <span style='color:#111;'> 104.66KB </span>","children":null,"spread":false},{"title":"1.gif <span style='color:#111;'> 27.31KB </span>","children":null,"spread":false},{"title":"8.gif <span style='color:#111;'> 190.40KB </span>","children":null,"spread":false},{"title":"3.gif <span style='color:#111;'> 296.49KB </span>","children":null,"spread":false},{"title":"12.gif <span style='color:#111;'> 181.96KB </span>","children":null,"spread":false},{"title":"6.gif <span style='color:#111;'> 13.57KB </span>","children":null,"spread":false},{"title":"11.gif <span style='color:#111;'> 248.17KB </span>","children":null,"spread":false},{"title":"0.gif <span style='color:#111;'> 65.10KB </span>","children":null,"spread":false},{"title":"9.gif <span style='color:#111;'> 49.75KB </span>","children":null,"spread":false},{"title":"7.gif <span style='color:#111;'> 7.52KB </span>","children":null,"spread":false},{"title":"4.gif <span style='color:#111;'> 269.25KB </span>","children":null,"spread":false},{"title":"1-logo3.gif <span style='color:#111;'> 37.00KB </span>","children":null,"spread":false},{"title":"1-logo2.gif <span style='color:#111;'> 13.86KB </span>","children":null,"spread":false},{"title":"1-logo.gif <span style='color:#111;'> 35.73KB </span>","children":null,"spread":false},{"title":"10.gif <span style='color:#111;'> 56.59KB </span>","children":null,"spread":false}],"spread":false},{"title":"icomoon","children":[{"title":"fonts","children":[{"title":"icomoon.woff <span style='color:#111;'> 10.32KB </span>","children":null,"spread":false},{"title":"icomoon.svg <span style='color:#111;'> 25.05KB </span>","children":null,"spread":false},{"title":"icomoon.eot <span style='color:#111;'> 10.40KB </span>","children":null,"spread":false},{"title":"icomoon.ttf <span style='color:#111;'> 10.24KB </span>","children":null,"spread":false}],"spread":true},{"title":"Read Me.txt <span style='color:#111;'> 385B </span>","children":null,"spread":false},{"title":"demo-files","children":[{"title":"demo.js <span style='color:#111;'> 900B </span>","children":null,"spread":false},{"title":"demo.css <span style='color:#111;'> 1.94KB </span>","children":null,"spread":false}],"spread":true},{"title":"selection.json <span style='color:#111;'> 35.65KB </span>","children":null,"spread":false},{"title":"demo.html <span style='color:#111;'> 21.95KB </span>","children":null,"spread":false},{"title":"style.css <span style='color:#111;'> 2.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"mp3","children":[{"title":"forgot.mp3 <span style='color:#111;'> 9.22MB </span>","children":null,"spread":false},{"title":"dawn.mp3 <span style='color:#111;'> 9.53MB </span>","children":null,"spread":false}],"spread":true},{"title":"background.js <span style='color:#111;'> 259B </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 751B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 9.06KB </span>","children":null,"spread":false},{"title":"js","children":[{"title":"jquery.js <span style='color:#111;'> 241.55KB </span>","children":null,"spread":false},{"title":"d3.js <span style='color:#111;'> 318.63KB </span>","children":null,"spread":false},{"title":"id3-minimized.js <span style='color:#111;'> 15.13KB </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 53.96KB </span>","children":null,"spread":false},{"title":"mousetrap.js <span style='color:#111;'> 28.88KB </span>","children":null,"spread":false},{"title":"d3.hexbin.v0.min.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false}],"spread":true},{"title":"contentscript.js <span style='color:#111;'> 1.49KB </span>","children":null,"spread":false},{"title":"Gruntfile.js <span style='color:#111;'> 2.82KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 1.10KB </span>","children":null,"spread":false},{"title":"CHANGELOG.md <span style='color:#111;'> 1.35KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 7.68KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明