SoundCloud音频可视化特效

所属分类:媒体-音频和视频

 17806  146  查看评论 (6)
分享到微信朋友圈
X
SoundCloud音频可视化特效 ie兼容12

更新时间:2020-07-27 22:31:14

修改 data-source="1.mp3" 可更换音频 修改 data-thumb="2.jpg" 可更换右侧封面 修改可视化背景颜色,进入music.js 找到 var design_color_bg 对应值可修改 修改可视化阴影高度,进入music.js 找到 var reflection_size 对应值可修改 修改各项参数都可以在music.js 上方定义的变量中修改 支持批量列表展示

相关插件-音频和视频

jQuery小果音乐播放器(原创)

小果音乐播放器,界面简约清新,功能实用
  音频和视频
 17140  182

jQuery音乐播放+歌词同步

简单模仿音乐播放以及歌词同步
  音频和视频
 26505  299

音乐播放器

音乐播放器插件
  音频和视频
 44068  360

3D音频分析仪

3D音频分析仪,效果那是相当的震撼。
  音频和视频
 40451  400

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Memory Leak 0
    2020/10/7 21:45:23
    上面那个分贝显示是假的吧
        BattleofLexington0
        2020/10/7 22:17:31
        😉是真的,你可以放首长的歌看看效果。
        Memory Leak0
        2020/10/9 2:11:05
        我看了下,应该是随机生成的音轨数组
        同一首歌每次加载出来的音轨图都不同,也没找到API的帮助文件
    回复
    如影追光似梦境。 1
    2020/8/28 18:07:47

    解决方法:先ajax获取音频地址

    var script2 = document.createElement("script");
    script2.type = "text/javascript";
    script2.src = '../static/audio/music.js';
    document.body.appendChild(script2);

    这样手动引入来更新当前播放器的音频

    回复
    如影追光似梦境。 0
    2020/8/28 18:00:29
    巨坑,进入页面就要绑定 data-source="1.mp3",后面修改 data-source 属性不会更新
        ◎◎◎0
        2020/11/29 11:37:27
        这个怎么自己写点击事件,控制播放啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复