当前位置:首页 > 技术分析 > 正文内容

一个人竟然撸了一个网易云音乐播放器

ruisui882周前 (06-04)技术分析13

文章首发于微信公众号「GitHub 黑板报」,欢迎大家关注。打开微信,使用 “搜一搜”,搜索「GitHub 黑板报」,即可关注。

大家好,我是章鱼猫。

今天推荐的这个项目是「简易云音乐」,简洁的的第三方网易云音乐播放器。

背景

作者想找个项目练手 Svelte,就对比了几个音乐类应用,刚好有开源的网易云 API 可用,就搞了这个工程。

内容资源使用网易云音乐,UI 界面参考了 Apple Music 与 YesPlayMusic。

技术与特性

1、主要技术栈包含 PWA、 Svelte 、rollup、svelte-stack-router、svelte-lazy 等。

2、支持网易云音乐账号登录(扫码、手机密码或验证码、邮箱密码)。

3、支持歌词翻译和滚动显示。

4、支持私人 FM、每日推荐、心动模式等。

5、支持查看歌曲热评(可开关),过滤评论广告与官方硬塞热评,四楼终于不再是广告了!

6、每日自动签到(上送 Android 端签到,因为积分最高)。

7、推荐 PWA 模式使用,Chrome 和 Edge 浏览器根据首次打开时的提示安装,Safari 手动安装。

8、播放器最大化时支持下滑最小化,最小化模式支持左滑切换下一曲,滑动支持速度判断。

实现效果

开源项目地址:
https://github.com/dufu1991/simple-cloud-music

开源项目作者:dufu1991

微信公众号:「GitHub 黑板报」,值得你关注,每天都分享开源项目,挖掘开源的价值。

文章首发于微信公众号「GitHub 黑板报」,欢迎大家关注。打开微信,使用 “搜一搜”,搜索「GitHub 黑板报」,即可关注。关注后,每天都会为您推送我们精心挑选的优质开源项目。

特别提醒:关注我,给我发私信,回复关键字「666」,可以领取程序员副业赚钱案例电子书以及一本普通人都使用的《副业赚钱手册》电子书。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4430.html

分享给朋友:

“一个人竟然撸了一个网易云音乐播放器” 的相关文章

如何在 Linux 发行版中安装微信和 QQ?

很多人因为工作沟通的原因需要用到微信和 QQ,那么如何在 Linux 发行版中安装微信和 QQ 呢?以下是一些尝试的解决方法。QQ上一个版本的 QQ Linux 版还是在2009年,而在现在,基于 NT 架构的全新 QQ Linux版已经被正式推出,为所有用户提供下载。新版本提供了deb、rpm、A...

代码分支规范

一.gitflow工作流说明:主分支:master,稳定版本代码分支,对外可以随时编译发布的分支,不允许直接Push代码,只能请求合并(pull request),且只接受hotfix、release分支的代码合并。gitlab上做限制。热修复分支:hotfix,针对现场紧急问题、bug修复的代码分...

vue中router常见的三种传参方式

目录:我们在使用vue开发的过程中使用router跳转的时候肯定会遇到传参的情况;一般情况就三种传参是最常见的;那我们就来看看都有那几种传参方式吧!第一种:{ path: '/mall:id', name: 'Mall', component:...

vue开发微信小程序 - 登录组件

移动端登录功能抽象为通用组件,满足:不同移动端应用中一键登录功能复用支持多种登录:微信登录、H5、QQ登录登录组件使用//引用登录组件 import login from "../components/user/login.vue" export default { compone...

thinkphp8+vue3微信小程序商城,发布公众号App+SAAS+多商户

项目介绍三勾小程序商城基于thinkphp8+vue3+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发或直接使用,可发布到多端,包括微信小程序、微信公众号、QQ小程序、支付宝小程序、字节跳动小程序、百度小程序、android端、ios端。支持主题色+自定义头部导航+自定义...

TDesign企业级开源设计系统越发成熟稳定,支持 Vue3 / 小程序

TDesing 发展越来越好了,出了好几套组件库,很成熟稳定了,新项目完全可以考虑使用。早在2021年,腾讯的 TDesing 刚发布不久,我就写了一篇简短的文章来介绍,当时主要关注的是 TDesign 的 Vue 组件库和用来搭建 admin 后台系统的实用性。虽然当时看起来不错,但还处于测试版,...