{"id":13681464,"url":"https://github.com/magic-akari/lrc-maker","last_synced_at":"2025-04-08T09:08:25.414Z","repository":{"id":17817468,"uuid":"82463572","full_name":"magic-akari/lrc-maker","owner":"magic-akari","description":"歌词滚动姬｜可能是你所能见到的最好用的歌词制作工具","archived":false,"fork":false,"pushed_at":"2024-04-30T00:07:01.000Z","size":2858,"stargazers_count":779,"open_issues_count":22,"forks_count":88,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-05-02T05:14:25.564Z","etag":null,"topics":["lrc","lrc-maker","lrc-online","lyrics","ncm","qmc","react","react-hooks","typescript"],"latest_commit_sha":null,"homepage":"https://lrc-maker.github.io","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/magic-akari.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"magic-akari"}},"created_at":"2017-02-19T14:09:21.000Z","updated_at":"2024-05-07T16:54:08.082Z","dependencies_parsed_at":"2023-10-14T22:22:49.518Z","dependency_job_id":"2fc2e58d-191b-4351-bf84-33952ad70e94","html_url":"https://github.com/magic-akari/lrc-maker","commit_stats":{"total_commits":461,"total_committers":9,"mean_commits":51.22222222222222,"dds":"0.37960954446854667","last_synced_commit":"26783c9ad48534ccc925708905eaeb2f5504c6e2"},"previous_names":[],"tags_count":57,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magic-akari%2Flrc-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magic-akari%2Flrc-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magic-akari%2Flrc-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magic-akari%2Flrc-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/magic-akari","download_url":"https://codeload.github.com/magic-akari/lrc-maker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809962,"owners_count":20999816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["lrc","lrc-maker","lrc-online","lyrics","ncm","qmc","react","react-hooks","typescript"],"created_at":"2024-08-02T13:01:31.098Z","updated_at":"2025-04-08T09:08:25.388Z","avatar_url":"https://github.com/magic-akari.png","language":"TypeScript","funding_links":["https://github.com/sponsors/magic-akari"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://lrc-maker.github.io\"\u003e\n        \u003cimg src=\"./public/favicons/apple-touch-icon.png\" alt=\"logo\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[English](./README.md) · [中文](./README-zh.md)\n\n\u003c/div\u003e\n\n# [LRC Maker][lrc maker] \u0026middot; [![Build](https://github.com/magic-akari/lrc-maker/actions/workflows/build.yml/badge.svg)](https://github.com/magic-akari/lrc-maker/actions/workflows/build.yml)\n\n## What is this\n\nThis is a tool for creating scrolling lrc files, which refers to text with time tags.\n\n## Why lrc-maker\n\nI'm not satisfied with the existing tools, they can't be used across platforms. So I have created one by myself.\n\n## How to use\n\nClick [lrc-maker][lrc maker] to start. You can add the link to browser bookmark. Drag and drop the file in the page to load it and use the arrow key and space key to insert the timestamp.\n\nDevelopment branch links:\n\n- https://magic-akari.github.io/lrc-maker/\n- https://lrc-maker.vercel.app/\n\n## Hotkeys\n\n|                             key                             |         function         |\n| :---------------------------------------------------------: | :----------------------: |\n|                      \u003ckbd\u003espace\u003c/kbd\u003e                       |  insert time stamp tag   |\n|   \u003ckbd\u003ebackspace\u003c/kbd\u003e / \u003ckbd\u003edelete\u003c/kbd\u003e / \u003ckbd\u003e⌫\u003c/kbd\u003e   |  remove time stamp tag   |\n| \u003ckbd\u003ectrl\u003c/kbd\u003e\u003ckbd\u003eenter↵\u003c/kbd\u003e / \u003ckbd\u003e⌘\u003c/kbd\u003e\u003ckbd\u003e↩\u003c/kbd\u003e |       play / pause       |\n|                 \u003ckbd\u003e←\u003c/kbd\u003e / \u003ckbd\u003eA\u003c/kbd\u003e                 | step backward 5 seconds  |\n|                 \u003ckbd\u003e→\u003c/kbd\u003e / \u003ckbd\u003eD\u003c/kbd\u003e                 |  step forward 5 seconds  |\n|         \u003ckbd\u003e↑\u003c/kbd\u003e / \u003ckbd\u003eW\u003c/kbd\u003e / \u003ckbd\u003eJ\u003c/kbd\u003e          |   select previous line   |\n|         \u003ckbd\u003e↓\u003c/kbd\u003e / \u003ckbd\u003eS\u003c/kbd\u003e / \u003ckbd\u003eK\u003c/kbd\u003e          |     select next line     |\n|                 \u003ckbd\u003e-\u003c/kbd\u003e / \u003ckbd\u003e+\u003c/kbd\u003e                 | adjust selected time tag |\n|   \u003ckbd\u003ectrl\u003c/kbd\u003e\u003ckbd\u003e↑\u003c/kbd\u003e / \u003ckbd\u003e⌘\u003c/kbd\u003e\u003ckbd\u003e↑\u003c/kbd\u003e    |  speed up playback rate  |\n|   \u003ckbd\u003ectrl\u003c/kbd\u003e\u003ckbd\u003e↓\u003c/kbd\u003e / \u003ckbd\u003e⌘\u003c/kbd\u003e\u003ckbd\u003e↓\u003c/kbd\u003e    | speed down playback rate |\n|                        \u003ckbd\u003eR\u003c/kbd\u003e                         |   reset playback rate    |\n\n## Compatibility\n\nThe most modern browsers are supported. The current version uses a lot of modern browser APIs to improve performance and improve the user experience. This project uses the ES Module to load the script code, which means that the browser version should meet the following requirements.\n\n| browser | version |\n| :------ | :------ |\n| EDGE    | \u003e= 16   |\n| Firefox | \u003e= 60   |\n| Chrome  | \u003e= 61   |\n| Safari  | \u003e= 11   |\n| ios_saf | \u003e= 11   |\n\n\u003cdel\u003e\nThe current version of Edge should be supported theoretically, but there are unexplained reasons for the code to not run after loading. This problem is left to be observed after the Edge with the V8 kernel is released.\n\u003c/del\u003e\n\nLimited support for EDGE browsers.\n\nThe browsers which do not have ES Module support will load the fallback script. Note: The fallback is not tested. The old browsers may encounter CSS layout confusion.\n\nAncient browsers such as IE are no longer supported. If you are an ancient browser user, it is better to use [the old version][version 3.x] of this project.\n\n## Development\n\nIf you want to run this project on your computer locally, follow the tips.\n\n```bash\n# clone this repo\ngit clone https://github.com/magic-akari/lrc-maker.git\n\ncd lrc-maker\n\n# install dependencies\nnpm i\n\n# build\nnpm run build\n\n# or build with watch mode\nnpm start\n```\n\n## Deployment in Production\n\nAfter building (`npm run build`), the `build` folder is the static website files.\nYou can deploy it to any CDN or static file server.\n\nYou can also build a docker image using the `Dockerfile` at the root of this repo.\nIt runs the build and give you a minimal nginx image.\n\n```bash\n# build image\ndocker build -t lrc-maker .\n# create a container and serve at port 8080\ndocker run -d -p 8080:80 lrc-maker\n```\n\n## Star this project :star:\n\nIf you like give us a star :star: Also share this project to help more people.\n\n---\n\n[lrc maker]: https://lrc-maker.github.io\n[version 3.x]: https://lrc-maker.github.io/3.x\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagic-akari%2Flrc-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmagic-akari%2Flrc-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagic-akari%2Flrc-maker/lists"}