vinchibana / lyriks Public

Notifications You must be signed in to change notification settings
Fork 0
Star 2

React.js 音乐播放器，使用 tailwind、Redux Toolkit、vite 构建，实现音乐播放器：播放 / 暂停、跳转上下一曲、shuffle、循环、进度条、音量调节，周边热门、歌曲/艺人详情、相关歌曲推荐

lyriks-nine.vercel.app

2 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
vite.config.js		vite.config.js

Repository files navigation

Project Lyriks

React.js 音乐播放器

预览地址

Technologies

React.js
APIs:

Shazam Core API 获取热门榜单、歌曲详情、艺人详情、推荐歌曲等数据
IP Geolocation API 获取用户位置并推荐周边热门歌曲

Libraries & Tooling

tailwind, Redux Toolkit, vite, axios

功能：

音乐播放器：播放 / 暂停、跳转上下一曲、shuffle、循环、进度条、音量调节
主页：默认加载全球热门榜单，可根据 genre 筛选
周边热门：根据用户所在位置加载周边热门榜单
歌曲/艺人详情：附加信息（歌词、简介等）、相关歌曲推荐
搜索

About

React.js 音乐播放器，使用 tailwind、Redux Toolkit、vite 构建，实现音乐播放器：播放 / 暂停、跳转上下一曲、shuffle、循环、进度条、音量调节，周边热门、歌曲/艺人详情、相关歌曲推荐

lyriks-nine.vercel.app

react redux spotify tailwindcss shazam-api

Report repository

Releases

No releases published

Packages

No packages published

Languages