利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用 PC端,移动端通用
欢迎加入前端高级群,探讨交流前端以及nodejs前沿的技术知识,群号:108873184
利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用 PC端,移动端通用
欢迎加入前端高级群,探讨交流前端以及nodejs前沿的技术知识,群号:108873184
$( "#bt1" ).on( "click", function() {
$(this).addClass("active");
$( "#bt2" ).removeClass( "active" );
$( "#bt3" ).removeClass( "active" );
});
$( "#bt2" ).on( "click", function() {
$(this).addClass("active");
$( "#bt1" ).removeClass( "active" );
$( "#bt3" ).removeClass( "active" );
});
$( "#bt3" ).on( "click", function() {
$(this).addClass("active");
$( "#bt2" ).removeClass( "active" );
$( "#bt1" ).removeClass( "active" );
});
擦 node模块都传上去了 难怪下载半天
示例:https://passionate.herokuapp.com
点击了play之后没有任何反应
index.js最后不需要加$('#volume')[0].onchange(); 因为监听到volume变化,就已经可以执行changeVolume函数了呀。我自己测试不加也是可行的
我看到老师的作品在加载音乐文件时等待时间很短。我按照老师的做法使用ajax加载音频文件等待时间特别长,请问老师在获取音频文件时是怎么优化的?
这个跟上课学的 不一样啊。html文件在哪??怎么打开啊。
实际上这个目录不需要在 git 目录里面,而是 clone 之后通过 npm
进行安装依赖的。
index.js
中98行
var x = o.x;
后面的”;“应该改为”,“。
不然可能会对全局的其他同名变量造成影响
就是我的 歌曲或视频的文件 直接读取 来播放。这样我要删除增加 歌曲或视频 就可以直接在文件夹做修改。
怎么实现呢??
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.