123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- /**************************************************
- * MKOnlinePlayer v2.31
- * 歌词解析及滚动模块
- * 编写:mengkun(http://mkblog.cn)
- * 时间:2017-9-13
- *************************************************/
- var lyricArea = $("#lyric"); // 歌词显示容器
- // 在歌词区显示提示语(如歌词加载中、无歌词等)
- function lyricTip(str) {
- lyricArea.html("<li class='lyric-tip'>"+str+"</li>"); // 显示内容
- }
- // 歌曲加载完后的回调函数
- // 参数:歌词源文件
- function lyricCallback(str, id) {
- if(id !== musicList[rem.playlist].item[rem.playid].id) return; // 返回的歌词不是当前这首歌的,跳过
- rem.lyric = parseLyric(str); // 解析获取到的歌词
- if(rem.lyric === '') {
- lyricTip('没有歌词');
- return false;
- }
- lyricArea.html(''); // 清空歌词区域的内容
- lyricArea.scrollTop(0); // 滚动到顶部
- rem.lastLyric = -1;
- // 显示全部歌词
- var i = 0;
- for(var k in rem.lyric){
- var txt = rem.lyric[k];
- if(!txt) txt = " ";
- var li = $("<li data-no='"+i+"' class='lrc-item'>"+txt+"</li>");
- lyricArea.append(li);
- i++;
- }
- }
- // 强制刷新当前时间点的歌词
- // 参数:当前播放时间(单位:秒)
- function refreshLyric(time) {
- if(rem.lyric === '') return false;
- time = parseInt(time); // 时间取整
- var i = 0;
- for(var k in rem.lyric){
- if(k >= time) break;
- i = k; // 记录上一句的
- }
- scrollLyric(i);
- }
- // 滚动歌词到指定句
- // 参数:当前播放时间(单位:秒)
- function scrollLyric(time) {
- if(rem.lyric === '') return false;
- time = parseInt(time); // 时间取整
- if(rem.lyric === undefined || rem.lyric[time] === undefined) return false; // 当前时间点没有歌词
- if(rem.lastLyric == time) return true; // 歌词没发生改变
- var i = 0; // 获取当前歌词是在第几行
- for(var k in rem.lyric){
- if(k == time) break;
- i ++;
- }
- rem.lastLyric = time; // 记录方便下次使用
- $(".lplaying").removeClass("lplaying"); // 移除其余句子的正在播放样式
- $(".lrc-item[data-no='" + i + "']").addClass("lplaying"); // 加上正在播放样式
- var scroll = (lyricArea.children().height() * i) - ($(".lyric").height() / 2);
- lyricArea.stop().animate({scrollTop: scroll}, 1000); // 平滑滚动到当前歌词位置(更改这个数值可以改变歌词滚动速度,单位:毫秒)
- }
- // 解析歌词
- // 这一函数来自 https://github.com/TivonJJ/html5-music-player
- // 参数:原始歌词文件
- function parseLyric(lrc) {
- if(lrc === '') return '';
- var lyrics = lrc.split("\n");
- var lrcObj = {};
- for(var i=0;i<lyrics.length;i++){
- var lyric = decodeURIComponent(lyrics[i]);
- var timeReg = /\[\d*:\d*((\.|\:)\d*)*\]/g;
- var timeRegExpArr = lyric.match(timeReg);
- if(!timeRegExpArr)continue;
- var clause = lyric.replace(timeReg,'');
- for(var k = 0,h = timeRegExpArr.length;k < h;k++) {
- var t = timeRegExpArr[k];
- var min = Number(String(t.match(/\[\d*/i)).slice(1)),
- sec = Number(String(t.match(/\:\d*/i)).slice(1));
- var time = min * 60 + sec;
- lrcObj[time] = clause;
- }
- }
- return lrcObj;
- }
|