首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 解析 lrc 歌词

最近打算做播放器,研究了下解析lrc歌词的算法,百度基本没有现成的,所以自己各种搜索各种折腾然后写了个~~~特分享给大家 我们看到的lrc歌词一般都是这样的: [ti:听妈妈的话] [ar:周杰伦] [...用正则匹配出这行的时间标签和对应的歌词 以时间标签为单位,将标签转换为以秒为单位的时间再与该行对应的歌词一同push入数组 由于多时间标签的存在顺序会打乱,所以我们最后还要将保存歌词和时间的数组按时间从小到大排序 js...parseLyric(text) { //先按行分割 var lyric = text.split('n'); //新建一个数组存放最后结果 lrc...([_t,_lrc]); } } } //重新按时间排序 lrc.sort(function(a,...b){ return a[0]-b[0]; }); return lrc; }

1.9K21

【Node.JS读取文件内容

目录 fs文件系统模块 fs.readFile() 成功时, 失败时, ---- fs文件系统模块 fs模块是Node.js官方提供的,用来操作文件的模块,它提供了一系列的方法和属性,用来满足用户对文件的操作需求..., 例如:fs.readFile()方法,用来读取指定文件中的内容。...如果想要在js代码中,使用fs模块来操作文件,则需要使用如下的方式先导入它。...参数二:options是可选参数,表示用什么编码格式来读取文件,默认utf-8。...参数三:callback是必选参数,文件读取完成后,通过回调函数拿到读取的结果,回调函数有两个值, 成功时, 第一个值是没有读取产生的值为null,第二个值为读取成功拿到的值。

11.5K20

【教程】纯前端做一个歌词显示的音乐播放器

歌词(只要带时间的都可以,这里用lrc举例) 浏览器 jquery(可选,为了查找元素更方便):https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js...是timelrc 的格式,js不能读取,但js有个很相似的格式:json,因此我们可以把lrc转为json,类似于: [00:01.00]powered [00:02.00]by [00:03.00]Ar-Sr-Na...{"time":1,"lrc":"Powered"}, {"time":2,"lrc":"by"}, {"time":3,"lrc":"Ar-Sr-Na"}, 所以先要处理lrc 用sublime打开...时间所在单元格,下同 秒数单元格输入函数:=RIGHT(C2,5) 这样分秒就分离了 然后将分钟+秒变成js读取的时间 输入函数:=分钟单元格*60+秒钟单元格 鼠标在单元格右下角下拖快速填充到底 同样用..." class="lead"> 注意,文本要指定一个id,方便后续获取 js里有个操作,currentTime 给歌词json赋值 var lrcjson = {"time":261.96

5.2K62

Adobe Lrc软件 winmac中文版2017-2023电脑下载安装,Lrc调色

而在众多后期处理软件中,Adobe Lrc软件以其强大的功能和易用性受到了广泛关注。现在越来越多的摄影师和摄影爱好者开始使用Lrc软件进行图像后期处理,因此有必要对该软件进行深入的研究和探讨。...Lrc软件介绍下载:souwai.space/zduZqFLLrc照片调色软件Adobe Lrc软件是一款专业化的图像后期处理软件,主要用于数字照片的编辑和管理。...Lrc软件的优点和不足优点Lrc软件具有强大的图像编辑和管理能力,可以方便地进行各种视觉效果的创作;软件提供多种高级调整工具和插件支持,使得用户可以快速、方便地实现进阶级的图像处理;Lrc软件具有较高的稳定性和效率...Lrc软件的应用案例案例1:颜色修正Lrc软件在颜色修正方面有着广泛的应用。...案例2:人像修饰在人像修饰方面,Lrc软件同样是一个高效且实用的图像后期处理工具。

59630

​基于H5的音频播放器开发(2):前后端篇

) 顶(like)/踩(dislike) 在model层新建一个Audio model: // /mongodb/audio.js /** * 音乐文件管理 */ import mongoose...中,给接口加入以下逻辑: // router.js import uploadAudioConfig from '.....文件操作封装 如果我想优雅地使用async await进行文件操作,自己实现一个文件读取库就至关重要了。...歌词 网上有个人开发者写的前端lrc解析插件,看了下api都感觉不舒服。索性自己实现一个。 一般标准的lyric文件是由[时间]内容的tag标签组成,如下图: ?...思路就是:正则读取方括号内时间内容,转化为秒。当currentTime变动时,遍历这个数组。找到与currentTime最接近的歌词段。把它作为一个状态显示出来。 以上。

1.9K20
领券