弄了个在线音乐播放器

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

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

(7)
上一篇 2017-10-23
下一篇 2017-10-30

相关推荐

发表回复

登录后才能评论

评论列表(133条)

  • aningsk的头像
    aningsk 2019-11-05 08:27

    啊~今天一打开music.laod.cn,发现直接跳转到博客上了~是发生了什么哇~~

  • iZeray
    iZeray 2018-12-30 21:48

    QQ音乐放不了了 现在320kbps只有虾米了

  • 751950336
    751950336 2018-12-26 15:55

    如果正在播放列表可以删除单个曲目就好了,有些添加进来不能播放,自动跳下一首,虽然不影响播放,但放在播放列表里面觉得碍眼

  • qq373174276
    小圣 2018-12-25 22:05

    反馈个小问题:
    播放音乐时,除了浏览器标题栏和Windows任务栏,我都不知道现在放的是啥歌。。。
    建议能不能将播放列表的滚动条自动跳转至当前歌曲啊?或者是专辑图片下面或者是控制按钮左边加个‘歌手-歌曲’啊?

  • xlazyx
    xlazyx 2018-12-12 13:59

    您好,请问https是如何做到的?

  • abcd120
    abcd120 2018-09-21 17:53

    有没有api啊

  • fipyd
    fipyd 2018-08-24 11:31

    网页版切换别的页面多数不能自己下一首

  • narip
    narip 2018-07-15 11:07

    可以问一下大概用了什么方法,怎么做的吗,想自己做一个试试

    • narip
      narip 2018-07-15 22:30

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

    • 老D
      老D 2018-07-15 23:24

      @narip

  • Sacp
    Sacp 2018-06-18 22:57

    应该已阵亡。惋惜!

  • q791636849
    q791636849 2018-05-29 19:22

    现在一直不能用,还不能用吗?

  • wolige
    wolige 2018-03-12 14:45

    牛逼,强烈支持!!!

  • blueasl
    blueasl 2018-02-24 18:53

    最近这个播放器打不开了,,服务器放假了吗?

    • 老D
      老D 2018-02-25 11:19

      @blueasl大年三十到现在,我的三台服务器一直被DDOS攻击中

  • zhao880520
    zhao880520 2018-01-19 09:05

    界面滑动总是很卡!

  • xiaoqing
    xiaoqing 2017-12-25 08:19

    总是播放失败,怎么回事?

  • limit_ai
    limit_ai 2017-12-08 12:41

    老D 那个能给我源码么

  • 15606951991
    15606951991 2017-11-25 16:58

    霉霉的新专辑都可以下载

  • LSW635
    LSW635 2017-11-17 07:53

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

  • lwy838738633
    lwy838738633 2017-11-15 21:08

    有些歌曲不能播放呢

  • foqianyilisha
    foqianyilisha 2017-11-11 17:32

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

    • 老D
      老D 2017-11-14 20:51

      @foqianyilisha请用大陆ip访问

    • foqianyilisha
      foqianyilisha 2017-11-15 13:56

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

    • 老D
      老D 2017-11-15 20:24

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

    • foqianyilisha
      foqianyilisha 2017-11-16 09:05

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

  • aslight
    aslight 2017-11-08 00:46

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

    • 老D
      老D 2017-11-08 16:07

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

    • aslight
      aslight 2017-11-17 12:01

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

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

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

    • 老D
      老D 2017-11-17 15:36

      @aslight这个并没有启用https,因为有的音乐平台还不支持https

  • luck_boy
    luck_boy 2017-11-07 14:17

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

  • merrily01
    merrily01 2017-11-06 12:31

    老D你的music挂了

  • yang
    yang 2017-11-05 20:30

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

  • delphi
    delphi 2017-11-03 09:21

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

  • leeary
    leeary 2017-11-02 22:56

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

    • 老D
      老D 2017-11-02 23:05

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

  • leeary
    leeary 2017-11-02 22:55

    试试

  • kellsimon
    kellsimon 2017-11-02 22:49

    支持老d,分享万岁

  • challenger0119
    challenger0119 2017-11-01 16:15

    程序员的正确打开方式

  • bigjohn
    bigjohn 2017-10-31 20:43

    laod,不支持快进?

  • senm
    senm 2017-10-31 18:46

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

  • naughtybear
    naughtybear 2017-10-31 16:40

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

  • Tailless
    Tailless 2017-10-31 15:02

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

  • 1999
    1999 2017-10-31 14:18

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

  • 979992760@qq.com
    979992760@qq.com 2017-10-31 13:11

    这边打不开播放器

  • starlinglueng
    starlinglueng 2017-10-31 11:33

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

  • starlinglueng
    starlinglueng 2017-10-31 11:29

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

  • dhc751014215
    dhc751014215 2017-10-31 08:42

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

  • muyier
    muyier 2017-10-31 08:35

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

  • muyier
    muyier 2017-10-31 08:34

    好多歌嗖的就跳过了、

  • 福2魔勋
    福2魔勋 2017-10-30 21:51

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

  • liuxingy
    liuxingy 2017-10-30 21:16

    先进

  • L
    L 2017-10-30 12:13

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