Coder Social home page Coder Social logo

project-and-factory / blurlyric Goto Github PK

View Code? Open in Web Editor NEW
84.0 3.0 9.0 42.37 MB

🎵 A simple, beautiful, and user-friendly third-party player for NetEase Cloud Music. | 高颜值,高性能的网易云音乐第三方音乐播放器

License: GNU General Public License v3.0

JavaScript 45.73% Vue 44.77% HTML 0.46% CSS 8.66% Shell 0.01% Batchfile 0.36%
music neteasemusic player unblockneteasemusic beautiful applemusic electron vue3 vue node

blurlyric's Introduction

本项目已放弃,希望大家转投 yesplaymusic和 lyricease。前者有优美的界面,后者兼具而且性能良好。|| This project has been abandoned. I hope everyone will switch to using yesplaymusic and lyricease instead. The former has a beautiful interface, while the latter combines great features with good performance.

imgBlurLyric

A simple, beautiful, and user-friendly third-party player for NetEase Cloud Music.

English | 简体中文

License Scan

FOSSA Status

Quick Start

We recommend using the official website for a quick experience: https://web.blurlyric.app/. Please be wary of unfamiliar links to prevent theft of your account or privacy.

Browser Support

Browser Support
Apple Safari
Microsoft Edge
Google Chrome
Mozilla Firefox
Internet Explorer

Features

BlurLyric has independently developed a lyric scrolling algorithm, achieving almost zero delay and ultra-fast feedback. The responsive layout gives BlurLyric strong adaptation capabilities on screens with various resolutions. Continuous optimization and constant iteration of performance improvements ensure smooth and stable operation on various device environments. The cross-stream playback of songs, imitating Spotify, makes switching between songs more natural.

User Guide

Download the Latest Version

Please log in to GitHub first and then download the new version in the latest workflow.

Download the Stable Version

The stable build version that has been released can be downloaded directly on the Releases page, but downloading from this location is not recommended because it is not frequently updated.

Initialization

Please perform this step before any operation.

npm install

Online Deployment

Enter the following command in the CLI to deploy online:

node .\blurlyric\onlyonweb

The port can be modified in vite.config.js.

Manual Building of Executable Files

Enter the following command in the command line to manually build executable files, which will be output in out:

npm run build
npm run make

Server Reverse Proxy Configuration (using Nginx as an Example)

The following is the configuration for server reverse proxy (using Nginx as an example):

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";


}

Help Us

Your donation will help us pay for the operating costs of the online service at https://web.blurlyric.app/ and support our development. Thank you for using our product. If you think our product is useful, please click the "Star" button.

Do you have any good ideas?

If you have any good suggestions, reference designs, or open-source code, please feel free to share them with us through Pull requests. If you are a UI design expert but do not know how to code, you can submit an issue or send your ideas or designs to [email protected] or [email protected], or join the Telegram group. We welcome your participation.

Thanks to the following projects for providing us with inspiration, reference designs, and core code:

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.