1 Star 2 Fork 0

Ar-Sr-Na / ArLRC To HTML-纯前端原生带歌词音乐播放器

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

ArLRC To HTML-纯前端原生带歌词音乐播放器

原理参见:Ar-Sr-Na | 【教程】纯前端做一个歌词显示的音乐播放器

介绍

纯前端,轻量,使用方便嗷

安装教程

  1. 在您的HTML代码里添加一段
<script src="https://cdn.jsdelivr.net/gh/ArSrNa/lrc2html/js/arlrc2html.js"></script>

注:如果需要lrc转array,请再引用

<script src="https://cdn.jsdelivr.net/gh/ArSrNa/lrc2html/js/lrc2array.js"></script>
  1. 用法:HTML里添加一段

如果是JSON格式的歌词:

var json = {"time":"00:19.54","timeout":20 ,"lrc":"いつまでも忘れない best of my love"},{......}
arlrc.json(json,'音视频控件id','显示时间的控件ID','显示歌词的控件ID')
//这里的json就是你的歌词json变量,要求看下面

如果是Array格式的歌词:(不支持时间显示)

var array = [130,"どこまでも続く空"],[......],
arlrc.array(array,'音视频控件id','显示歌词的控件ID')
//这里的array就是你的歌词array变量,要求看下面

转换成array的lrc,请直接使用parseLyric(text) text是您的lrc文本

格式要求

json格式要求

{"time":"00:19.54","timeout":20 ,"lrc":"いつまでも忘れない best of my love"},
{"time":"lrc时间","timeout":时间秒数 ,"lrc":"歌词内容"},
对象 释义 类型
time lrc时间 string
timeout 时间秒数 number(K∈R)
lrc 歌词内容 string

Array格式要求

[33.65, "初めてよね? こんな風に手を繋いであなたと歩くの"]
[38.7, "初めてよね? こんな風に手を繋いであなたと歩くの"]
对象 释义 类型
[0] 秒数时间 number
[1] 歌词 string

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

此致 Ar-Sr-Na云计算项目- Ar-Sr-Na

Repository Comments ( 0 )

Sign in to post a comment

About

纯前端,轻量,使用方便嗷 expand collapse
JavaScript
MIT
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/arsrna/lrc2html.git
git@gitee.com:arsrna/lrc2html.git
arsrna
lrc2html
ArLRC To HTML-纯前端原生带歌词音乐播放器
master

Search