SoundCloud音频可视化特效

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

 16640  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视频播放插件jsModern(修改版)

一款简单的网页视频播放器插件jsModern,视频插件加了一个播放的按钮,视频播放时候就 隐藏。暂停就显示,
  音频和视频
 49427  419

移动手势音乐播放器Fmusic(原创)

一款移动端的手势音乐播放器,支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能
  音频和视频
 27400  360

jQuery视频轮播(原创)

让视频像图片一样轮播
  音频和视频
 40091  366

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 60549  347

讨论这个项目(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
        这个怎么自己写点击事件,控制播放啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复