弄了个在线音乐播放器

音乐播放器弄了个在线音乐播放器

地址:https://music.laod.cn

(博客右上角顶部导航也直接添加了连接。)

支持网易云、QQ、虾米、酷狗、百度音乐源切换

移动端歌曲列表支持直接分享、下载歌曲

具有音乐搜索、播放、下载、歌词同步显示等…

前端界面参照 QQ 音乐网页版进行布局,同时采用了流行的响应式设计,无论是在PC端还是在手机端,均能给您带来原生 app 般的使用体验。

 

介绍下界面以及功能:

一、主界面

显示专辑封面、歌词显示等

音乐播放器

 

二、搜索功能

大家都知道,现在音乐已经进入了正版时代,很多音乐软件的版权不足,目前腾讯(QQ)版权最多。

因为默认用的是网易云音乐,而近两年网易云的版权又减少了很多。

很少童鞋都发现,收藏列表里很多歌都变成灰色的了。

这时候,集成国内五大音乐软件的搜索功能派上用场了,你可以用搜索功能搜你想听的歌儿了。

音乐播放器

 

三、播放列表功能

【点击同步】功能弹出一个对话框【请输入您的网易云 UID】

音乐播放器

 

登录网易云音乐后,点击【我的主页】在网址栏就可以看到你的网易云音乐ID了

比如我的ID是:29882859 输入就可以同步了,如果同步不全,刷新下。

音乐播放器

 

同步完成之后就可以显示你的网易云音乐收藏的歌单了

 

音乐播放器

 

四、下载与外链

支持歌曲的下载与外链分享

音乐播放器

 

一些说明:

  1. 移动端卡顿发热问题是因为开启了封面背景特效,过两天我取消会好转
  2. 下载歌曲目前在移动端的支持度不好
  3. 还不能高音质音乐下载功能
  4. IOS 歌曲播放、下载问题(IOS下载估计没戏)
  5. 还不支持歌曲播放模式切换(单曲循环、随机播放、列表循环)功能
  6. 鉴于酷狗、百度音乐源还不支持https,所以我也没有启用https(SSL)
  7. 如果播放提示“当前歌曲播放失败,自动播放下一首”那就说明网易云音乐没有这首歌的版权,如果你想听这首歌,那么直接用搜索功能在别的平台搜就可以了。

(经过测试,这有一个bug,有时候能播放,有时候不行。)

 

 

声明:

播放器中的歌曲来自各大音乐平台,歌曲版权归各大平台享有。请支持正版音乐。

 

本播放器由mengkun@mkblog.cn开源,老D稍微做了一些修改。

原创文章,作者:老D,如若转载,请注明出处:https://laod.cn/4168.html

(8)
上一篇 2017-10-23 17:54
下一篇 2017-10-30 12:29

相关推荐

发表回复

登录后才能评论

评论列表(133条)

  • police_man
    police_man 2017-10-30 11:47

    我这里打不开了啊 啊 啊

  • 1017LWWLSBNID
    1017LWWLSBNID 2017-10-30 11:20

    好厉害老D佩服,有你真好!

  • 914959926
    914959926 2017-10-30 11:11

    老D,我用的公司专用网络 很多音乐源好像被禁用掉了,导致你这个我也听不了。很难受上个班还听不了音乐!!

  • hugo_test
    hugo_test 2017-10-30 08:52

    laod可以的!真心好工具。

  • daniel-007
    daniel-007 2017-10-30 08:39

    建议支持https访问,因为我们公司有防火墙。

    • 老D
      老D 2017-10-30 12:37

      @daniel-007我想想呀,但是百度音乐、酷狗音乐源都还没有支持https

  • Yuhow
    Yuhow 2017-10-30 08:25

    有些歌播放失败

  • beyond20058
    beyond20058 2017-10-30 08:14

    老D 会都会结束那么久了,什么时候开始更新hosts :grin:

  • Lagom
    Lagom 2017-10-30 00:50

    网易云UID在哪里查看 网上没有找到
    歌曲后边要是能显示来自于哪个网站资源就好了

    • 老D
      老D 2017-10-30 12:39

      @Lagom默认是网易的播放源,网易云UID文章已经说得清楚了吧 0.0

  • iuya
    iuya 2017-10-29 23:08

    转成APP使用了,但是转成APP之后界面一点都不流畅。

  • 89013038的头像
    IR佬 2017-10-29 20:51

    试了一下,发现有个问题
    比如我网易云搜索:Overture (William Tell)
    这首歌点播放时就会一直“当前歌曲播放失败,自动播放下一首”
    卡的不行…..

  • toddliu
    toddliu 2017-10-29 20:06

    朋友圈帮忙推荐了,给很多朋友当面也推荐过,界面大气简洁,干净,集成五大音乐平台,这样的神器,你还想怎样,唯一的缺憾,音质无法选择,不过已经很好了,有些歌曲是独家版权,不得不下载四五个音乐客户端。

  • gakki
    gakki 2017-10-29 18:39

    为什么那个网易云同步播放列表的我这完全无法使用 输入了uid点确定后没有一点反应 chrome和edge都一样…

  • guaizi.
    guaizi. 2017-10-29 15:56

    抱歉问哈,APK手机端在哪儿下呀?谢谢大家!

  • yamisxu
    yamisxu 2017-10-29 14:56

    音乐质量没得选,要是有hires dsd 才完美,MP3听个响吧…

    • 老D
      老D 2017-10-29 18:27

      @yamisxu用火电的力度大点,声音偏暖
      用水电的声底偏冷,但解析力很高
      水电中,以葛州坝的电音色最好
      火电中以北仑电厂的电音质最好
      因为烧的无烟煤的比例最高

      同一套器材,晚上8点到10点的时候音色就感觉有点偏冷,晚上11点之后声音明显偏暖
      后来才发现高峰电用的是外省的水电,低谷电以本地火电为主

      风力发的电层次感很差,听感朦胧,听菜可妇司机的A大调B小调 音场明显收缩,小提琴部都混在一起

      风力发电的单机功率在500w以下的音色都偏薄,电是三相和两相和音色关系不大,关键是平衡感
      三相电播放大编制的交响乐阵脚明显比两相的要稳!核电适合播放《终结者》之类的大片伴音
      但遗憾水、火、风、核电都并在了国家电网上了
      所以放什么声音都是混论一片

      最后:脑放最叼

    • 一写
      一写 2017-10-31 04:23

      @老D虽然无损音质是有点玄学,但是64kps和320kps的音质还是有点差距的吧…

    • 老D
      老D 2017-11-01 16:38

      @一写有很大的区别

  • Lovequyi
    Lovequyi 2017-10-29 14:30

    老大辛苦了

  • ChickenDinner
    ChickenDinner 2017-10-29 13:39

    谷歌浏览器好像用不了

  • leoliu
    leoliu 2017-10-29 13:34

    下载的时候浏览器的下载功能和我自己安装的IDM同时弹出了对话框,我平常下载东西的时候只弹出一个的,而且用IDM下载时,文件的名字是一串数字字符而不是歌曲名。还有歌词的颜色太淡了,播放页面背景变亮时歌词就看不清了

  • llk628
    llk628 2017-10-29 13:09

    这个不错,感谢

  • X_xxxl
    X_xxxl 2017-10-29 13:03

    挺方便的,就是不太稳定。

  • ghostkl
    汐灵 2017-10-29 12:38

    下载能附带歌词么??

  • jy02919097
    jy02919097 2017-10-29 11:23

    为什么我进不去啊?

  • snitxmhm
    snitxmhm 2017-10-29 10:13

    同步时输入自己的UID但是同步到的不是自己的

  • hku2017
    hku2017 2017-10-29 08:44

    可以的大佬

  • mingyixun
    mingyixun 2017-10-29 08:31

    要是自动换到能播放的音乐就完美了

  • SimyKes
    SimyKes 2017-10-29 08:31

    哈哈哈

  • smaller
    smaller 2017-10-28 23:11

    悄悄说一句,其实是个下载器:D
    感谢laod

  • dui101
    dui101 2017-10-28 22:40

    老D 网易云的自己喜欢的歌曲不能打开

  • shen159876
    shen159876 2017-10-28 22:37

    彻底解决了网易云音乐很多歌手版权没有的问题

  • shen159876
    shen159876 2017-10-28 22:37

    你就是我的hero

  • 1396656
    1396656 2017-10-28 21:58

    不能下连同封面的歌曲?

  • ikhouvanje
    ikhouvanje 2017-10-28 21:58

    laod,手机都可以后台播放歌曲哎。

  • Polaris
    Polaris 2017-10-28 21:39

    神器

  • jay1zxc
    jay1zxc 2017-10-28 21:25

    吊炸天了~~

  • xiaole
    xiaole 2017-10-28 21:11

  • truth_ciao
    truth_ciao 2017-10-28 20:34

    界面好漂亮!!可是老重复提示播放失败

  • winnerbwg
    winnerbwg 2017-10-28 20:18

    终于在微信上抢到了邀请码,谢谢laod!公众号的广告我反正是就看到了就点一下的…

  • zhangzh37
    zhangzh37 2017-10-28 20:12

    老D个赞

  • xxxxd
    xxxxd 2017-10-28 19:24

    如果能自动换有版权的源听就好了

  • ryanhu
    ryanhu 2017-10-28 18:54

    好用!!!建议加个播放模式选择,可以单曲循环

  • Tnocilol
    Tnocilol 2017-10-28 18:06

    奈斯 可以说非常实用

  • 大黑猫夏天
    大黑猫夏天 2017-10-28 17:44

    老D,我现在用的chrome 62.0.3202.62 beta 强制要求https,你这个music页面不让用。。。

    • 老D
      老D 2017-10-28 19:37

      @大黑猫夏天你用了强制https的插件?因为酷狗、百度音乐源不支持https,所以我也没有开启https

    • 大黑猫夏天
      大黑猫夏天 2017-10-28 20:34

      @老D新版chrome强制https的。。。

    • 大黑猫夏天
      大黑猫夏天 2017-10-28 20:45

      @老Dchrome的反馈信息

      music.laod.cn normally uses encryption to protect your information. When Google Chrome tried to connect to music.laod.cn this time, the website sent back unusual and incorrect credentials. This may happen when an attacker is trying to pretend to be music.laod.cn, or a Wi-Fi sign-in screen has interrupted the connection. Your information is still secure because Google Chrome stopped the connection before any data was exchanged.

      You cannot visit music.laod.cn right now because the website uses HSTS. Network errors and attacks are usually temporary, so this page will probably work later.

    • 老D
      老D 2017-10-29 18:33

      @大黑猫夏天什么版本的浏览器?

    • 大黑猫夏天
      大黑猫夏天 2017-10-29 22:57

      @老Dchrome版本 62.0.3202.62 (Official Build) beta (64-bit)

    • 老D
      老D 2017-10-30 12:48

      @大黑猫夏天Google Chrome 已是最新版本
      版本 62.0.3202.75(正式版本) (64 位)
      可以用http访问的呀

  • 9856
    9856 2017-10-28 17:17

    请问有没有破解版的迅雷?

  • ZLT
    ZLT 2017-10-28 16:26

    看见发妈妈就仍不住进来了

  • wolfbrother
    wolfbrother 2017-10-28 15:18

    怎么下载哪,下载网页打不开老D,谢谢!

  • 星辰玉衡
    星辰玉衡 2017-10-28 15:15

    老d为什么同一首歌,有的时候播放的了,有的时候不行。

  • 2Broear
    2Broear 2017-10-28 15:00

    看到过

  • c6161039
    c6161039 2017-10-28 14:37

    host什么时候更新啊laod

  • ouguan215
    ouguan215 2017-10-28 14:26

    很屌,能不能做一个微云限速破解?

  • owensun
    owensun 2017-10-28 14:15

    老D 你的表现真的让我感到震惊,有种你所做就是我所想,太感激,哈哈!

  • sqlwd
    sqlwd 2017-10-28 14:11

    老D厉害,你用的是啥解码器呀