Matt DesLauriers (Canada) :Audiograph

2016-06-03 H5案例分享 H5案例分享
Matt DesLauriers (Canada) :Audiograph

案例:Audiograph

出品:Matt DesLauriers (Canada)

亮点:

  1. 这个案例调用了HTML5的WebAudio API并结合Three.js(WEBGL)制作的一个音乐可视化效果,案例采用多终端设配,PC和手机均可以浏览:手机端点击屏幕切换歌曲,pc端通过敲击空格键切换歌曲

  2. 虽不是商业案例,但耐不住小五喜欢,界面好看,歌也不错,正好周五了,分享给大家轻松一下~

  3. 还是同样的对安卓不友好,不过没关系可以在pc机上看~



技术实现: Three.js (WEBGL)+ WebAudio


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

Audiograph-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Spotify:Love Notes(国外案例)

法国H5特效案例:2016 Make Me Pulse

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~