Skip to content

HTML5 Web Audio API 将音乐和cavans链接到了一起

Notifications You must be signed in to change notification settings

HouJinlong/h5.miuscAndCavans

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

h5可视化音乐

主要利用庞然的HTML5 Web Audio API【张鑫旭大神的文章】将音乐和cavans链接到了一起!

原理:Web Audio转化音频 -> 根据音频数据绘图

查看

当初也可已通过文件上传的方式直接打开音乐,但是想多熟悉一下node.js

1.克隆项目

2.安装依赖

3.将你的音乐放在public/media文件夹下(node会在该文件夹下查找音乐,生成list)

4.安装supervisor实时监听小工具(supervisor bin/www)

5.打开浏览器

感言

特别强大的一个HTML5 api 不过工作中用不到,所以简单了解玩了了一下!

推介了解文章

张鑫旭大神的

很详细的一篇文章

截图

预览图 预览图 预览图

About

HTML5 Web Audio API 将音乐和cavans链接到了一起

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published