Light

sanmusen214 / web_lyric_editor Goto Github PK

View Code? Open in Web Editor NEW

6.0 1.0 2.0 12.52 MB

A web-based tool to upload/copy/make/edit lyric. 一个网页版LRC歌词编辑器

Home Page: https://sanmusen214.github.io/web_lyric_editor/

License: GNU Lesser General Public License v2.1

HTML 3.82% CSS 6.78% TypeScript 89.31% JavaScript 0.10%

web_lyric_editor's Introduction

Web Lyric Editor

一个所见即所得的在线LRC歌词编辑器

An online LRC lyric editor

中文界面| English Interface

快捷键

按键	触发所需状态	功能
Ctrl + J / Ctrl + ←	编辑状态	歌曲时间倒退三秒
Ctrl + L / Ctrl + →	编辑状态	歌曲时间前进三秒
Ctrl + i / Ctrl + ↑	编辑状态	光标移动至上一句歌词
Ctrl + K / Ctrl + ↓	编辑状态	光标移动至下一句歌词
Ctrl + H	非编辑状态/编辑状态	光标移动至当前歌曲时间所在歌词
Ctrl + R	编辑状态	更新当前歌词的时间戳为当前歌曲的时间
Ctrl + F	编辑状态	将当前歌曲时间改为光标所在歌词的时间戳
Ctrl + Enter(回车)	编辑状态	在当前歌词下一行以当前时间轴插入新歌词
Ctrl + Space(空格)	编辑状态	播放/暂停歌曲
Tab	编辑状态	光标移动至下一个输入框

Keys

Key	Function
Ctrl + J / Ctrl + ←	Go back three seconds
Ctrl + L / Ctrl + →	Go forward three seconds
Ctrl + i / Ctrl + ↑	Move the cursor to the previous line
Ctrl + K / Ctrl + ↓	Move the cursor to the next line
Ctrl + H	Move the cursor to the current time
Ctrl + R	Update the timestamp of the current lyric to the current time
Ctrl + F	Change the current song time to the time of the lyric where the cursor is
Ctrl + Enter	Insert a new lyric at the current time axis below the current lyric
Ctrl + Space	Play/Pause the song
Tab	Move the cursor to the next input box

Dev

This project was bootstrapped with Create React App.

`npm start`

启动本地开发服务器

`npm build`

打包

`npm run deploy`

部署至github page

web_lyric_editor's People

Contributors

Stargazers

Watchers

Forkers

brilliantyukaimin hivi0118

web_lyric_editor's Issues

希望增加快捷键操作

整体用下来感觉不错，先给作者点个 Star
美中不足的是不能使用快捷键操作音乐控件
例如：空格 -> 开始/暂停，左右键 -> -3s/+3s
如果能加上就好极了

一个时间戳能否显示两行

因为有时候会需要显示原文和翻译
能不能在同一个时间戳下将原文和翻译放两行
期待更新

想要docker版本

想在自己nas上搭建

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.