D3.js音乐可视化

最新推荐文章于 2024-06-06 09:46:30 发布

@蛤

最新推荐文章于 2024-06-06 09:46:30 发布

阅读量1.1k

点赞数 2

分类专栏：数据可视化

本文链接：https://blog.csdn.net/weixin_43894901/article/details/106350148

版权

今天做的是一个音乐的可视化，好像是音乐频段的音量大小的可视化，不过本人音痴，不懂这个。（感觉有一点点像音乐喷泉吧！）

可视化效果图：（这是一首歌的某一秒的截图）
在这里插入图片描述

然后要注意！！——这个代码在chrome运行是要求那个点一下什么链接的，但是那个链接我一直显示超时未连上
建议大家使用微软自带的那个浏览器Microsoft edge？？？大概是叫这个吧

代码+注释附上：

<!DOCTYPE HTML>
<html>
  <head>
     <meta charset="utf-8">
   <title>
      音乐可视化
   </title>
  </head>
  <body>
      <div align="right">
           <audio id="audioElement" src="closer.mp3" controls="controls"></audio>
      </div>
      <svg id="wcSvg" width="1000" height="500" version="1.1" xmlns="http://www.w3.org/2000/svg"></svg>
      <script>
         //audio元素能够播放声音文件或者音频流,抱歉我忘了html的注释方法了，上面那句话是添加一个音频控件，并且关联音频文件
         var w=window.innerWidth||document.documentElement

最低0.47元/天解锁文章

@蛤

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
D3.js音乐可视化

今天做的是一个音乐的可视化，好像是音乐频段的音量大小的可视化，不过本人音痴，不懂这个。（感觉有一点点像音乐喷泉吧！）可视化效果图：（这是一首歌的某一秒的截图）然后要注意！！——这个代码在chrome运行是要求那个点一下什么链接的，但是那个链接我一直显示超时未连上建议大家使用微软自带的那个浏览器Microsoft edge？？？大概是叫这个吧代码+注释附上：<!DOCTYPE HTML><html> <head> <meta charset
复制链接

扫一扫