php 解析lrc文件格式,前端LRC歌词解析播放插件

前端LRC歌词解析播放插件

写音乐播放器的时候，做了显示歌词的功能，而歌词内容为lrc格式。为了显示歌词，就参考其他库根据自己的想法实现了一个基于JavaScript的lrc文件解析库。

本项目已开源，地址：https://github.com/lyswhut/lr...

demo地址：https://lyswhut.github.io/lrc...

安装方法

本项目已发布到 npm 上，所以可用 npm 安装或者直接引入文件的方式使用。

安装方法1

使用 npm 安装：

npm install lrc-file-parser -S

导入：

// import

import Lyric from 'lrc-file-parser'

安装方法2

直接引入文件的方式

两种方法根据实际情况2选1即可。

使用方法

var lrc = new Lyric({

onPlay: function (line, text) { // 歌词播放时的回调

console.log(line, text) // line 是当前播放行

// text 是当前播放的歌词

onSetLyric: function (lines) { // 监听歌词设置事件。当设置歌词时，歌词解析完毕会触发此回调。

console.log(lines) // lines 是一个数组[{time,text}]，里面包含播放时间及对应的歌词文本。

offset: 150 // 歌词偏移时间单位毫秒, 默认 150 ms

})

lrc.setLyric(lyricStr) // 设置歌词，此处传入lrc文件的文本内容

// 注意：设置歌词将自动暂停歌词播放

lrc.play(30000) // 播放歌词，传入开始播放时间，30000是播放时间，单位：ms

lrc.pause() // 暂停播放歌词

好用的话请在GitHub给个star哦~

php 解析lrc文件格式,前端LRC歌词解析播放插件相关推荐

《新lrc播放器2》-iPhone上可以显示lrc歌词的播放器可以在播放mp3文件时显示lrc文件中的歌词的播放器
https://apps.apple.com/cn/app/%E6%96%B0lrc%E6%92%AD%E6%94%BE%E5%99%A82/id1535214306 以前,在iPhone上播放lrc ...
C++ 如何解析PDF文件格式？
C++ 如何解析PDF文件格式? C++ 如何解析PDF文件格式? C++ 如何解析PDF文件格式? 请问C++如何解析Adobe SanPDF文件格式? 最近项目中需要嵌入一个PDF文档格式解析的模 ...
iOS 歌词解析(lrc, 非谓词, 仿QQ音乐, 仿卡拉ok模式)
前言要解析 lrc 格式的歌词, 首先需要知道什么是 lrc 歌词, 还需要知道 lrc 歌词的规范. 在这里先放出一个百度百科的链接地址, 仅供大家参考: 百度百科: lrc 关于本文本文的歌词 ...
VB Lrc歌词解析源码
自己写的,如果以后有需要直接复制到模块,调用MainFun就行了,代码如下: Option ExplicitPrivate Type TextAndTime Text As String '输出的数据 ...
用javaScript编写lrc歌词解析器
如果想要了解如何编写的请继续往下看,如果只需要代码,请点击这里Github lrc歌词文件介绍来先看一下以下歌词 Heart To Heart.lrc [ti:Heart To Heart] [ar ...
LRC歌词解析，实现Linux设备播放音乐显示歌词 LRC解析
开始正文~~~ 1.关于LRC lrc是英文lyric(歌词)的缩写,被用做歌词文件的扩展名.以lrc为扩展名的歌词文件可以在各类数码播放器中同步显示.LRC 歌词是一种包含着"*:*&qu ...
.lrc java解析_lrc滚动歌词解析及显示
lrc歌词格式是什么样的? lrc是英文lyric(歌词)的缩写,被用做歌词文件的扩展名.以lrc为扩展名的歌词文件可以在各类数码播放器中同步显示.LRC 歌词是一种包含着":"形 ...
Qt正则表达式学习之LRC歌词解析器
正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表通常被用来检索.替换那些符合某个模式(规则)的文 ...
lrc 歌词解析项目
lrc 歌词解析项目步骤: 0.先上网查找lrc歌词的格式,链接http://baike.baidu.com/view/80650.htm ,分析歌词格式 1.下载歌词文件 2.将歌词文件内容通过 ...
链表（数据结构）- LRC歌词解析播放示例
###链表与数组链表和数组一样也是线性表的一种,所谓线性表是指零个或多个数据元素的序列,序列元素之间有明显的前驱后继关系. 但链表与数组不一样的是,链表是通过指针域串联起来的,而数组是通过一片连续的 ...

php 解析lrc文件格式,前端LRC歌词解析播放插件

php 解析lrc文件格式,前端LRC歌词解析播放插件相关推荐

最新文章

热门文章