Git Product home page Git Product logo

imsyy / splayer Goto Github PK

View Code? Open in Web Editor NEW
663.0 6.0 292.0 32.21 MB

🎉 一个简约的音乐播放器,支持逐字歌词,下载歌曲,展示评论区,音乐云盘及歌单管理,音乐频谱,移动端基础适配 | A minimalist music player

License: GNU Affero General Public License v3.0

HTML 0.15% Vue 71.96% JavaScript 27.32% SCSS 0.46% Dockerfile 0.07% CSS 0.04%
music music-player pinia vite vue splayer music-library javascript vue3 musicplayer

splayer's People

Contributors

dependabot[bot] avatar imsyy avatar king-zhangbn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

splayer's Issues

部署问题

部署到vercel上时提示服务器错误,但是env文件的在线API地址我是填写了的,但还是没用,求解

构建完成后打开完成请求错误

配置了.env里面的api,但是打开主页后没有其他的封面和歌单,只有一个导航栏,显示请求错误,不知道是不是哪里没有配置。

关于验证码登录的疑问

我在翻源码时发现已经写了关于验证码登录的部分,并且网易云音乐API已经支持了,但是为什么最新版的SPlayer提示暂时无法使用呢?

请问如何用nginx 部署呢

server {
listen 80;
server_name wyy.myxuechao.com;
return 301 https://$host$request_uri;

}

server {
listen 443 ssl;
server_name xxxxx.com;

ssl_certificate /etc/nginx/ssl/wyySsl/wyy.xxx.com_bundle.crt;
ssl_certificate_key /etc/nginx/ssl/wyySsl/wyy.xx.com.key;
ssl_protocols TLSv1.2 TLSv1.3;



location /api {
     proxy_set_header   X-Real-IP $remote_addr;
    proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header   Host $host;
     proxy_pass   http://101.92.31.3166:3000;
    

}
 location / {
        root /usr/share/nginx/wyy;
        index index.html;
    }

}

这么部署为啥接口通过不了啊?求大佬指点http://101.92.31.3166:3000直接访问接口可以通过

歌单自动播放问题

歌单按列表循环播放只会播放第一页的歌曲,播放完第一页最后一首又回到第一首了,不会自动播放下一页的歌曲。

使用UNM-SERVER解锁的一些问题和我个人解决方案

目前使用UNM-SERVER解锁后,如果以QQ音乐优先,匹配以后会报错500,提示匹配失败,
image
这里我的方案是kuwo音源优先。此时能拿到kuwo音源的歌曲,不过由于是http协议,访问资源会报错403,
这里我的方案是部署此反代项目 https://github.com/beer-on-ice/vercel_reverse_proxy,成功后得到一个反代的域名如 http://xxx.vercel.app
image

然后在SPlayer vercel项目变量中添加 VITE_PROXY_API = https://xxx.vercel.app/proxy/
image

最后将src/components/Player/index.vue中第367行替换为
player.value = createSound(res.data.url.replace(/\?bitrate/, '').replace(/http:\/\//, import.meta.env.VITE_PROXY_API));
image

不过目前每次随作者更新代码后,再改动比较繁琐,希望作者能修复下,感谢作者项目

一些BUG反馈

  1. 移动端只有「首页」没有「发现」和「我的」这两个页面
  2. iOS端用Safari进入网页播放音乐无法获取专辑封面和暂停,但是可以上一首/下一首音乐
  3. 移动端播放器没有上下首的按钮,只能播放和暂停
  4. 歌词页面状态栏取色有问题
  5. 希望移动端歌曲页面新增上下首音乐和暂停播放键,而不是已进入就是歌词页(参考AppleMusic)
  6. 希望大佬的项目越做越好

歌单添加歌曲BUG

举个例子描述一下问题:
假设歌单A中有40首歌,且其中没有歌曲a,向歌单A其中添加歌曲a,此时歌单A中显示有41首歌曲且有歌曲a,无BUG,但是只要再次像歌单A中添加歌曲a,这时会弹窗显示添加成功,且歌单A中有42首歌,但用官方的app查看只有41首歌,且只有第一次添加的歌曲a

建议在添加歌曲时查看歌单是否已经添加该歌曲,并给出是否重复添加的选项

列表循环

列表循环播放完最后一首歌后又会重新播放最后一首歌大约一秒钟,之后才会播放列表里的第一首歌

当前歌曲播放失败,跳至下一首

尊敬的作者,根据我的了解,据我所知,NCM API的最新版本v4.0.8在Vercel上部署时需要在链接末尾添加&realIP=116.25.146.177。似乎由于这个原因,我的网页无法获取信息和播放音乐。您能帮助我吗?

我的音乐网页是:https://music.kawaiicassie.io.vn/
NCM API的网页是:https://api-music.kawaiicassie.io.vn/

但仍然有一些歌曲可以正常播放。
请问您能为我做些什么来解决这个问题吗?

支持开发者!

我弄了自己的nas , 一直都想搭建自己的音乐服务 来管理自己的歌曲, 希望开发者坚持下去!

播放问题

当列表中只有一首歌时。播放完后不能反复播放,也不能实现拖动进度条播放。

移动端播放问题

移动端播放如果焦点不在页面上的话就不会自动播放下一首歌,而是会在播放当前歌后暂停播放

歌词界面触发位置

将打开歌词界面触发的位置(箭头所示位置)改为方框内,需要打开歌词界面时可以很方便且快速地打开
Snipaste_2023-07-13_12-05-05

夜间模式识别问题

这个算不上BUG,但感觉有点影响体验,先打开深色模式再进入,此时pwa应用还是浅色模式,需要先关闭深色模式再打开应用才能切换到深色模式

建议在打开应用时先检测一次系统模式

浏览器:Safari
系统: IOS16.1.2

歌词界面卡顿

image
建议作者优化或者出一下什么(流畅模式?)或者低特效中特效高特效的设置?

docker

写个docker呢。直接部署坑太多了

跨域问题

你好,网站很喜欢,我部署后遇到跨域请求的问题,请问下这个代码怎么解决呀

歌词显示问题

截屏2023-05-22 17 31 05
Mac端safari浏览器-逐字歌词 字的周围有黄色细边框,望修复,谢谢

网易云解灰失败

本地部署的网易云解灰,代理用的我自己,但是有的时候会显示解灰成功,但是音乐不播放,把解灰项目部署到vercel上就直接用不了了,测试显示“Internal Server Error”,
但是本地会显示成功
image
大佬这个是什么原因

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.