Giter Club home page Giter Club logo

blurlyric's Introduction

Blurlyric

快速体验:
(推荐)官方 - https://web.blurlyric.app/
请警惕陌生链接,小心账户或隐私被盗取!!

浏览器支持

请使用Chrome/Edge/Firefox/Opera/Safari等的现代浏览器,不支持IE浏览器

特色

自主编写的歌词滚动算法,实现几乎0时延的超快反馈。
通过响应式布局,赋予BlurLyric在各种分辨率屏幕下的强适配能力。
持续优化,不断更迭的性能优化。力求在各种设备环境下流畅稳定运行。
模仿Spotify的交叉串流播放,歌曲与歌曲之间切换更加自然。

使用说明

最新版本下载

请先登录github后 再点击 https://github.com/gozaoo/BlurLyric/actions/workflows/node.js.yml中的最新的工作流中下载新版本

稳定版下载

可直接在Releases页面下载已发行的稳定构建版本。(不建议从此处下载,因为不经常更新。)

在线部署

node .\blurlyric\onlyonweb

即可,地址 http://localhost:18775/ ,可在vite.config.js修改端口

手动构建可执行文件

使用命令行输入

npm run build
npm run make

即可,输出在out中

服务器反向代理配置(以Nginx为例):

# 反向代理相关配置开始
location / {
    proxy_pass http://127.0.0.1:18776;
    proxy_set_header Host $host:$server_port;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    add_header X-Cache $upstream_cache_status;

    proxy_connect_timeout 30s;
    proxy_read_timeout 86400s;
    proxy_send_timeout 30s;
    proxy_http_version 1.1;`
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}
# 反向代理相关配置结束

帮助我们

有什么用? 您捐助的钱会部分用于https://web.blurlyric.app/
在线服务的费用开销,支持我们的开发。当然,也有部分被我拿去买快乐水了!XD 。总之呢,非常感谢您的使用,如果您觉得我做的产品好用可以点一下右上角的星(Star),如果可以,也可以用您的一块钱捐助我哦~谢谢你

什么?你有很好的点子?!!

UI改进,代码效率提高等等,都可以提交至Pull requests! 如果您是有棒的UI设计,但是不会写代码,您可以发送您的想法/设计至我的邮箱 [email protected]!

提供灵感、参考设计、用于核心部分的开源代码来源

https://github.com/Binaryify/NeteaseCloudMusicApi
https://github.com/qier222/YesPlayMusic
LyricEase(https://apps.microsoft.com/store/detail/lyricease/9N1MKDF0F4GT?hl=zh-cn&gl=CN)
Apple Music
Spotify

捐赠名单:不按顺序排名
微信:*央

blurlyric's People

Contributors

gozaoo avatar g2nnys avatar dependabot[bot] avatar

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.