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

IT资讯
IT资讯
IT资讯
1234
文章
274
评论
2017-11-2412:56:03
评论
6,729 901字

弄了个在线音乐播放器

在线播放地址:泥人音乐播放器

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

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

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

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

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

 

介绍下界面以及功能:

一、主界面

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

 

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

二、搜索功能

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

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

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

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

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

 

三、播放列表功能

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

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

 

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

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

 

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

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

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

 

 

四、下载与外链

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

 

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

一些说明:

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

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

 

 

最新版本,大多数问题已经修复了!

 

声明:

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

 

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

 

最新修正版下载地下:

亲测可用。测试效果见本文章开头的在线播放链接。

  • Copyright ©  PC在线云端  版权所有.
  • 转载请务必保留本文链接:https://www.gaofumei.net/zatan/1158.html
传说中的中关村码神—孔乙己 (转载) 杂谈

传说中的中关村码神—孔乙己 (转载)

北京中关村软件园的格局是与别处不同的,公司都是在或高或矮的办公楼里租个一层或是半层。办公楼里配置着各种各样的电脑,如Thinkpad亦或是惠普、神州。但这些电脑都是老旧的,稍用一会电脑便会卡机或者蓝屏...
loading加载玄幻GIF动态图合集 杂谈

loading加载玄幻GIF动态图合集

收集了一点比较奇葩的loading加载动态图,放在这里让大家看一下,对于一般的网站可能用不上,但是,作为一些loading的样式设计的启发借鉴还是有一点用的。      ...
浅谈个人体会:现今科技突破性创新遇到的困境 杂谈

浅谈个人体会:现今科技突破性创新遇到的困境

因为本人从事的是搜索引擎优化(seo)这一领域的工作,所以经常要通过大数据分析市场和用户搜索意图,加之也爱好科技,特别是欧美的最新科技,还有就是经常与群组当中的各行各业的精英有互动,所以,对现如今科技...
Orgorg速率最高可达1000Mbps,流畅观看Youtube 4K、TikTok,支持 Windows、Android、iOS、Mac,支持 微信、支付宝 付款!
全球数据中心,多点BGP保证速度,无视晚高峰,全天4K秒开,IPLC专线无惧封锁
全IEPL /青云跨境,高峰时期稳定8K播放,流媒体影视, ChatGPT 解锁保障,客户端无日志保护您的隐私安全,稳定运行5年+
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: