-
ajax的open方法。responseType,arraybuffer二进制缓冲区。
onload方法。
查看全部 -
在public/javascripts下建一个index.js
在views下的index.ejs引用这个文件。
我们需要点击列表时,显示点击,点击后发起ajax请求,获取到音频数据
查看全部 -
routes下的index.js里router.get()方法里获取歌曲列表,返回给前端的数组。
引入fs,fs里有一个函数readdir()是专门读取文件的。异步读取,也可以同步。
li的CSS选择器中list-style: none;可以去掉小圆点。
查看全部 -
box-sizing:border-box;
元素宽度包括填充区域和边框宽度。更好的控制元素的宽和高。
查看全部 -
主要关注views, routes, public
routes里的index.js是控制路由的。
静态资源都在public下
查看全部 -
https://webaudio.github.io/web-audio-api/查看全部
-
npm install -g express-generator
选好路径之后
express -e music
cd music/
进入项目
关闭后重新开,cd到项目文件,npm start 就跑起来了。
npm install
安装依赖
npm install -g supervisor
安装全局监听
suprevisor bin/www
当它有变化的时候这个服务会重启。
然后访问127.0.0.1:3000
express默认3000端口
查看全部 -
AnalyserNode查看全部
-
GainNode查看全部
-
AudioBufferSourceNode查看全部
-
AudioBufferSourceNode查看全部
-
destination, currentTime
查看全部 -
AudioContext的createGain()方法,创建GainNode(调节音量),GainNode通过connect方法连接到AudioContext的一个destination属性上,即AudioDestinationNode(所有音频结点的最终目的地).AC的createAnalyser()创建AnalyserNode。GainNode必须在AN和ADN之间,否则分析的时GainNode改变后的音频数据。
分析音频会把频域信息提供给requestAnimationFrame(function)函数,进行动画绘制。
查看全部 -
AudioContext通过createBufferSource()创建AudioBufferSourceNode
ABSN的buffer的buffer属性赋值后,它才真正能获得音频数据。
我们用ajax发起请求,获取的数据时arrayBuffer类型。通过audioContext的decodeAudioDate()方法解码,解码成功得到AudioBuffer。把AudioBuffer赋值给ABSN的buffer属性。然后调用ABSN的start()方法就可以播放音频。
查看全部 -
analyserNode()
查看全部
举报