更新于

复活了一个网页频谱背景图-可视化频谱

发布于 / 分类: 网站源码 / 仅有1条评论 / 阅读量: 12013

官方的demo有问题,因为three.js已经更新很多代了,个人测试找到一个能用的旧版本,用法就用了官方提供的umd这种传统方式,能用,也就是仅仅能用吧,有兴趣可以了解下。

github地址

https://github.com/EYHN/Azusa

代码如下

<div id="bg" style="height:100vh;"></div>
  <canvas id="app" style="position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: .3;">
  <script src="https://cdn.staticfile.org/three.js/80/three.js"></script>
  <script src="./js/azusa.js"></script>
  <script>
    const azusa = new Azusa({
      view: document.getElementById('app'),
      subdivisionSize: 1024,
      cutEnd: 256
    });

    azusa.audio.load({
      src: './769a_8a1c_233d_7882b88677cd069fd07dbb9581aeb5ce.mp3',
      onPrgress: (xhr) => {
        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
      }
    });

    azusa.audio.setVolume(0.5);

    window.addEventListener('resize', () => {
      azusa.resize(window.innerWidth, window.innerHeight);
    })

    const container = document.getElementById('bg')
    container && (container.style.backgroundImage = "url('https://w.wallhaven.cc/full/2e/wallhaven-2em38y.jpg')")
  </script>

代码都贴上了,有爱自取。

仅有一条评论

    awfvgdetht
    awfvgdetht

    来自 Windows10-Chrome 的网友发布于 1568 天前

    我爱我家控股集团股份有限公司发布公告,持股8.28%的股东五八有限公司拟减持不超过3.29%。若本次减持计划实施完毕,五八有限公司按计划减持其持有的本公司 3.29%股份后,五八有限公司持股比例将变更为4.99%,低于 5%。http://iohga8.byethost18.com/

Info
站点信息

黑色天空博客(www.aissk.cn)成立于2017年6月1日,搭建在阿里云ECS云计算平台。本站目前作为我的个人笔记记载以及原创程序首发站,同时致力于互联网资源的共享,包括程序源码、各种教程、软件、影视、音乐、电子书、新闻等。

创建于20176

总共发表了213篇文章

共有51条评论

创建了22个分类目录

Archive
时间归档
Catalog
目录树
设置
配色方案

布局