评论：js音乐播放器  [查看原文]

未曾遗忘的青春0
2018/4/8 16:36:06
改好改 关键是你打算放在什么位置
进度条都是当前时间和音频总时长的比例来算的，通过timeupdate时间使得播放时间变化的时候获取新的进度并重新设置进度条的位置

彦小石0
2018/4/8 16:55:50
想显示在歌名的下面

未曾遗忘的青春0
2018/4/8 16:15:38
QQ群：424418160

未曾遗忘的青春0
2018/4/2 16:12:49
你js代码是不是改了？直接引用js就可以了

赤毒墨幽0
2018/4/2 17:05:45
调了半天吃了个饭 显示 jQuery is not defined
我新下个 全换成新的试试吧

赤毒墨幽0
2018/4/2 17:30:43
换了全新的好了 就是第一首歌不放 一直转圈 jq js学的不行 看来还是直接在项目里用HTML5标签比较稳 就是不支持IE了

如何设置弹出的方向向左，而不是向右？？

未曾遗忘的青春0
2017/12/25 14:04:07

固定位置靠右  弹出的方向就是向左的    比如你设置right:10px那么  他就是向左的方向展开，向右的话 同理，设置left的值就行了

加了代码都加进去了，但是按播放后div会乱。。。

未曾遗忘的青春0
2017/12/24 0:05:28
div什么地方乱你能看出来吗？

请问这个怎么弄成本地音乐啊

未曾遗忘的青春1
2017/10/29 0:01:15

source 属性是设置音乐地址的 你可以把本地音乐的路径放到source里面 包括 名字 歌手 地址 图片信息 填写好了就可以

33oN ??120°E0
2017/10/30 10:38:12

name:'追光者',

singer:'岑宁儿',

 url:'../music/岑宁儿 - 追光者.mp3',

我是这样设置的。可是没有用啊。。点播放  没反应啊

未曾遗忘的青春0
2017/8/29 17:37:19

拓展版本里面有搜索线上歌曲的功能   在我的github里面

Ctrl z0
2017/12/25 14:02:29

git地址多少呀

未曾遗忘的青春0
2017/12/25 14:05:00

地址： https://github.com/IFmiss/music  

初学小白  ，很喜欢你的作品 ，

未曾遗忘的青春0
2017/7/14 13:24:08

喜欢就好！！！

hhh我找到你说的调大小的地方了，不过为什么会把div打乱还是不知道

未曾遗忘的青春0
2017/7/4 20:33:08

MC.music({
    width: 240,
    height: 60,
    hasAjax: false,
    left: '10%',
    bottom: '10%',
    musicChanged: function(ret) {
        // alert(ret.url);
        // getMusic_buffer(ret.url);
        // return;
        var data = ret.data;
        var index = ret.index;
        var imageUrl = data[index].img_url;
        var music_bg = document.getElementById('music-bg');
        music_bg.style.background = 'url(' + imageUrl + ')no-repeat';
        music_bg.style.backgroundSize = 'cover';
        music_bg.style.backgroundPosition = 'center 30%';
    },
    getMusicInfo: function(data) {},
    musicPlayByWebAudio: function(ret) {},
});

不会啊  我试了一下，没问题啊 

为了更好的动画过渡   建议宽度最好在240 以上   高度 56 以上

未曾遗忘的青春0
2017/7/4 18:54:38

MC.music({
    width:260
    height:60
    left:
    right:
    .....
    这个和我文档上一样的
})

Break. Dawn。0
2017/7/4 19:26:32

我把

<div class="music-bg" style="height: 100%;filter: blur(100px);transition:all 0.3s;" id="music-bg">
    <div class="music-mask"></div>
</div>

这段加到我的div里面去的时候为什么会把整个布局给打乱啊，就是所有的div都乱了，而且那个播放器也不见了qwq

未曾遗忘的青春1
2017/7/4 20:45:48

这段代码是body下的代码！你其实可以不用这段代码，musicChanged:function(ret){} 这个方法里面的代码删掉 就ok了    music生成的代码是fixed定位的   不会受影响

加上进度条、音量更完美

未曾遗忘的青春0
2017/7/2 22:20:24

进度条在音乐播放器缩小的情况下是有进度条效果的，音量就没加了   没什么必要  而且也不知道往哪放

未曾遗忘的青春0
2017/6/16 22:02:42

调音量我没有加  用volume  就可以设置或者返回音量