弄了个在线音乐播放器

  • A+
所属分类:免费资源

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

地址: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

发表评论

您必须才能发表评论!

目前评论:112   其中:访客  112   博主  0

    • avatar LSW635 0

      很多歌都显示当前歌曲播放失败

      • avatar lwy838738633 1

        有些歌曲不能播放呢

        • avatar foqianyilisha 2

          老D 一直提示不是私密链接,换了http 还是不行.

            • avatar 老D 9

              @foqianyilisha 请用大陆ip访问

                • avatar foqianyilisha 2

                  @老D 我试过了,还是不行!换成http访问还是不行,就是一直提示不是私密链接,我看了一下,应该是证书不能信任的原因吧!

                    • avatar 老D 9

                      @foqianyilisha 我没弄证书呀,换个浏览器试试

                        • avatar foqianyilisha 2

                          @老D 我试过了,还是不行!我的电脑是mac 电脑,google浏览器是最新版的,这个是不是跟电脑的系统用关系?

                  • avatar aslight 2

                    我的火狐浏览器拒绝打开这个网址,提示连接不安全

                      • avatar 老D 9

                        @aslight 56.0.2 (64 位)表示没有问题,这个子域名没有启用https加密,请用普通的http访问。

                          • avatar aslight 2

                            @老D ie可以打开,火狐说:您的连接并不安全

                            music.laod.cn 的管理员没有正确配置好此网站。为避免您的信息失窃,Firefox 并未与此网站建立连接。

                            此网站采用了 HTTP 严格传输安全(HSTS)机制,要求 Firefox 只能与其建立安全连接。正因如此,您也不能将此证书加入例外列表。

                        • avatar luck_boy 1

                          厉害,请问是否做个App的呢,一般电脑的音频硬件不给力,都用手机听歌的。
                          手机打开这个网址,点击播放,提示播放失败,自动播放下一首歌

                          • avatar merrily01 2

                            老D你的music挂了

                            • avatar yang 0

                              老D,这个有没有办法下载歌词文件啊?

                              • avatar delphi 1

                                昨天注册了,好鸡动!
                                老D ,我点了下载,他就变成另一个播放界面了,是不是要右键另存为啊?

                                • avatar leeary 1

                                  老大 为什么我的头像不能上传

                                    • avatar 老D 9

                                      @leeary 头像已经上传了,需要我同步才能显示,一般我15天同步一次

                                    • avatar leeary 1

                                      试试

                                      • avatar kellsimon 1

                                        支持老d,分享万岁

                                        • avatar challenger0119 1

                                          程序员的正确打开方式

                                          • avatar bigjohn 0

                                            laod,不支持快进?

                                            • avatar senm 0

                                              哪里的开源,我想学习学习

                                              • avatar naughtybear 0

                                                好简洁的播放器,喜欢简单的,棒棒哒

                                                • avatar Tailless 1

                                                  赞,以后就用这个下些歌了,试了两首歌,用QQ下的是320P,网易云音乐下的是128~

                                                  • avatar 1999 3

                                                    建議搜尋時的平台選項改為多選框

                                                    • avatar 979992760@qq.com 1

                                                      这边打不开播放器

                                                      • avatar starlinglueng 1

                                                        擦这个地址被我司屏蔽了。。。

                                                        • avatar starlinglueng 1

                                                          人类之光!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

                                                          • avatar dhc751014215 1

                                                            老D 打不开 http://music.laod.cn/ 百分浏览器 版本 2.9.4.39(正式版本) (32 位) (Chromium 61.0.3163.100) 内核版本:61.0.3163.100

                                                            • avatar muyier 1

                                                              可不可以搜索的时候把所有平台都选中呢?

                                                              • avatar muyier 1

                                                                好多歌嗖的就跳过了、

                                                                • avatar 福2魔勋 3

                                                                  居然有musicradio,赞赞赞,666,请问老D这个怎么切换默认音乐源啊,我想同步QQ音乐的歌单???
                                                                  另外,想知道的开源地址,方便给一下不??

                                                                  • avatar liuxingy 0

                                                                    先进

                                                                    • avatar L 1

                                                                      这个方便 :wink: ,反正天天都网页打交道 :mrgreen: