弄了个在线音乐播放器

老D
老D
老D
672
文章
2201
评论
2017-10-2813:24:38 133 53,784 846字阅读2分49秒

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

地址: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,有时候能播放,有时候不行。)

 

 

声明:

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

 

[email protected],老D稍微做了一些修改。

weinxin
老D博客 微信公众号
请大佬们关注订阅老D博客微信公众号, 扫一扫关注,从此不迷路。 不定时放出邀请码、福利、推送更新等...

您必须才能发表评论!

评论:133   其中:访客  105   博主  28
    • avatar police_man 0

      我这里打不开了啊 啊 啊

      • avatar 1017LWWLSBNID 0

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

        • avatar 914959926 0

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

          • avatar hugo_test 1

            laod可以的!真心好工具。

            • avatar daniel-007 0

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

              • avatar Yuhow 2

                有些歌播放失败

                • avatar beyond20058 0

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

                  • avatar Lagom 1

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

                      • 老D 老D

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

                      • avatar iuya 0

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

                        • avatar 89013038 1

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

                          • avatar toddliu 1

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

                            • avatar gakki 1

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

                              • avatar guaizi. 0

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

                                • avatar yamisxu 1

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

                                    • 老D 老D

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

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

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

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

                                      最后:脑放最叼

                                        • avatar 一写 0

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

                                      • avatar Lovequyi 1

                                        老大辛苦了

                                        • avatar ChickenDinner 0

                                          谷歌浏览器好像用不了

                                          • avatar leoliu 1

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

                                            • avatar llk628 1

                                              这个不错,感谢

                                              • avatar X_xxxl 0

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

                                                • avatar ghostkl 1

                                                  下载能附带歌词么??

                                                  • avatar jy02919097 0

                                                    为什么我进不去啊?

                                                    • avatar snitxmhm 1

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

                                                      • avatar hku2017 1

                                                        可以的大佬

                                                        • avatar mingyixun 1

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

                                                          • avatar SimyKes 0

                                                            哈哈哈

                                                            • avatar smaller 0

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

                                                              • avatar dui101 0

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

                                                                • avatar shen159876 1

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

                                                                  • avatar shen159876 1

                                                                    你就是我的hero

                                                                    • avatar 1396656 0

                                                                      不能下连同封面的歌曲?

                                                                      • avatar ikhouvanje 1

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

                                                                        • avatar Polaris 3

                                                                          神器

                                                                          • avatar jay1zxc 1

                                                                            吊炸天了~~

                                                                            • avatar xiaole 0

                                                                              • avatar truth_ciao 0

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

                                                                                • avatar winnerbwg 0

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

                                                                                  • avatar zhangzh37 0

                                                                                    老D个赞

                                                                                    • avatar xxxxd 0

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

                                                                                      • avatar ryanhu 0

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

                                                                                        • avatar Tnocilol 1

                                                                                          奈斯 可以说非常实用

                                                                                          • avatar 大黑猫夏天 3

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

                                                                                              • 老D 老D

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

                                                                                                  • avatar 大黑猫夏天 3

                                                                                                    回复 老D 新版chrome强制https的。。。

                                                                                                    • avatar 大黑猫夏天 3

                                                                                                      回复 老D chrome的反馈信息

                                                                                                      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

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

                                                                                                            • avatar 大黑猫夏天 3

                                                                                                              回复 老D chrome版本 62.0.3202.62 (Official Build) beta (64-bit)

                                                                                                              • 老D 老D

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

                                                                                                        • avatar 9856 1

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

                                                                                                          • avatar ZLT 0

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

                                                                                                            • avatar wolfbrother 1

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

                                                                                                              • avatar 星辰玉衡 1

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

                                                                                                                • avatar 2Broear 5

                                                                                                                  看到过

                                                                                                                  • avatar c6161039 0

                                                                                                                    host什么时候更新啊laod

                                                                                                                    • avatar ouguan215 0

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

                                                                                                                      • avatar owensun 1

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

                                                                                                                        • avatar sqlwd 0

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