Skip to content

storycraft/lyrs

 
 

Repository files navigation

Lyrs

커스텀이 편리한 Spotify, YouTube Music 가사 표시기

스포티파이 혹은 유튜브 뮤직등의 뮤직 플레이어에서 재생중인 노래의 가사를 화면에 표시해줍니다.

Screenshot

  • 동영상 위에 가사가 표시되게 촬영한 예시 이미지이며, 실제로는 위치를 자유롭게 선택할 수 있습니다.
Spotify Youtube Music
Spotify Screenshot YouTube Music Screenshot
Game Overlay (tested game: Overwatch)
Overlay Screenshot

Installation

설치 방법은 다음과 같습니다.

Spotify

  • 다음 링크의 지시사항에 따라 Spicetify를 설치해주세요.
  • Release 탭에서 최신버전의 Lyrs을 다운로드한 후 설치해주세요. (포터블 버전은 설정이 저장되지 않습니다)
  • Windows 사용자께서는 Lyrs-Web-Setup-[version].exe을 다운로드 받으시면 됩니다.

3. Lyrs Companion 설치

1. 플러그인 설정 2. 확장 설치 버튼 누르기
image image

Note

플러그인이 존재하지 않는다면 아래 수동 설치 방법을 확인해주세요

수동 설치 방법
  • Spicetify 설치 위치의 Extensions 폴더에 lyrs.js를 다운로드 받아 넣어주세요.
  • 아래 명령어를 사용하여 lyrs.js 확장을 Spicetify에 추가합니다.
    spicetify config extensions lyrs.js
  • 그 뒤, 아래 명령을 사용하면 Spotify가 다시 시작되고 lyrs.js 확장 프로그램이 적용됩니다.
    spicetify apply

YouTube Music

  1. YouTube Music Desktop 설치
  • 다음 링크의 지시사항에 따라 Youtube Music Desktop을 설치해주세요.
  1. Youtube Music Desktop을 실행하고, 상단 메뉴의 plugins를 클릭한 뒤 tuna-obs를 활성화해주세요.

  2. Lyrs 다운로드

  • Release 탭에서 최신버전의 Lyrs을 다운로드한 후 설치해주세요.
  • Windows 사용자께서는 Lyrs-Web-Setup-[version].exe을 다운로드 받으시면 됩니다.

그 외 플레이어 (e.g. Apple Music)

1. tuna-obs를 참고하여 브라우저 확장 프로그램을 (tempermonkey script) 설치해주세요.

  • Release 탭에서 최신버전의 Lyrs을 다운로드한 후 설치해주세요.
  • Windows 사용자께서는 Lyrs-Web-Setup-[version].exe을 다운로드 받으시면 됩니다.

마지막 단계

Windows, Linux

  • Lyrs 실행

macOS

  • 손상되었기 때문에 열 수 없습니다. 메시지가 뜨고 앱이 실행되지 않는다면, 다음 명령어를 터미널에 입력하세요.
    xattr -cr /Applications/Lyrs.app
  • 혹은 해당 링크를 참고하여 실행하세요.

Config

  1. 설정
일반 설정 위치 설정
lyrs-settings-general lyrs-settings-position
테마 설정 테마 상세 설정
lyrs-settings-theme-list lyrs-settings-theme
플러그인 설정
lyrs-settings-plugin
  1. 트레이 아이콘의 가사 선택을 선택하여 현재 재생 중인 노래의 가사를 다른 가사로 교체할 수 있습니다.
곡을 검색하고, 다른 가사를 적용한 예제
image

Plugin

문서를 참고하세요.

예제는 여기를 확인해주세요.

LICENSE

Apache License 2.0

About

Alspotron: Shows the egg lyrics of the track, playing on Spotify / YouTube Music

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.0%
  • CSS 2.8%
  • JavaScript 1.8%
  • HTML 0.4%