歌词读取插件klrcreader(原创)

所属分类:媒体-音频和视频

 27293  307  查看评论 (5)
分享到微信朋友圈
X
歌词读取插件klrcreader(原创) ie兼容9

更新时间:2018/1/28 下午5:07:56大更新!!!

两天内我对k-lrcreader.js进行了一个大更新,

调用解析器将以另一种方式来调用

k-lrcreader.js会以一个全新的内核来解析你的歌词!

更多请在演示网页查看!

详细更新内容:

1.调用方法上的更新-----由以前的:

<script>lrcread(lrclink,audioElement,outPrintElement,altText);</script>

变成现在的:

$$klrcreader.load(
    lrcurl,audioElement,outputElement1,outputElement2,altText
)

2. 算法大量维护更新-----平均CPU由4%到1%,内存修复了不断自动增大的bug

3. 添加了控制信息库-----允许外部访问内部进程信息

4. 添加了控制id号-----解决了以前多个进程互相干扰崩溃的乱象

5. 修复了以前忽略程序的后台问题

6. 支持了标准lrc文件规范-----可以支持读取一些其他标签,

例如:offset--歌词时间补偿,by--歌词作者信息


更新时间:2017/8/16 下午4:15:47

更新内容:全新支持读取歌词翻译:小幅度优化算法

关于如何在歌词里面放入翻译,请看下面的教程:

准备你的歌词文件:.lrc里面是这样子的:[00:02:35]hello,world! 你需要加入个“|”符号变成这样[00:02:35]hello,world!|然后放入翻译:你好,世界!就是这样[00:02:35]hello,world!|你好,世界!这就完成了


klrcreader V1.5版本

使用方法:

<script>lrcread(lrclink,audioElement,outPrintElement,altText);</script>

lrclink是lrc的链接地址,

audioElement是需要lrc的audio元素,

outPrintElement是lrc的输出元素,

altText是没有lrc或相关信息的代替文本。

相关插件-音频和视频

一个交互式的动画SVG(鼓)工具包

有关如何使用GSAP和jQuery创建动画和交互式SVG鼓套件的教程。
  音频和视频
 32003  439

交互式的唱机

实验模板与一个交互式的老唱机的网络音频API。
  音频和视频
 37908  458

jQuery html5自定义视频控件

html5自定义视频控件,加入评论,载入弹幕,鼠标悬浮在进度条显示某时刻画面,视频卡端显示加载动画,清晰度切换等功能;并添加了弹幕隐藏显示设置,播放速度设置,镜像翻转设置。
  音频和视频
 74084  574

jwplayer响应式多终端适配视频播放器

jwplaye,自定义视频图片封面,全浏览器兼容、响应式多终端适配视频播放器
  音频和视频
 176431  664

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    phantasm 0
    2019/5/16 12:25:22
    不知道作者还来不来这里,希望加上刷新页面 跳转页面 继续播放功能。
        54caisheng1
        2019/5/26 12:55:40
        学业繁忙,这是很久以前的卑微作品了,在做这个还是我刚刚学JavaScript的时候,所以说已经弃坑了,说不定以后还会回来的,你说的刷新页面播放的问题可以套个试试,或者去参考一下网易云音乐的做法,然后如果找到方法了有时间可以把源码改一下,但是我又几乎没写注释并且里面还是十分混乱的...明年暑假我有可能会回来更新这个问题,等我高考结束先吧...
        54caisheng0
        2019/5/26 13:03:18
        不过刚刚去搜了一下,我发现一个叫history api的玩意,你可以去看看这个的文档,而我的插件无需修改也可以继续使用。
    回复
    长的丑才能活得久*???* 0
    2018/11/19 11:14:59
    怎么让歌词显示完全
        54caisheng0
        2019/5/26 12:56:24
        请问您指的完全是怎么样的完全?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复