admin 管理员组文章数量: 1086019
2024年3月10日发(作者:oppo 固件)
24
false);
25
26
this
.ntListener('pause'
,
27
function() {
28
();
29
},
30
false);
31
32
//歌词索引
33
this
.idx = 0
;
34
},
35
//格式化歌词
36
handleLrc:
function(lrc) {
37
var
re = /([.+])(.+)?/
gm,
38
ul = cEl('ul'
),
39
frag =
DocumentFragment(),
40
tmpArr,
41
i,
42
len;
43
this
.TML = ''
;
44
Child(ul);
45
= 'c'
;
46
Child(frag);
47
48
var
txt =
e(re,
49
function(a, b, c) {
50
return
b + (c === undefined ? ' ': c) + 'n'
;
51
});
52
53
tmpArr = ('n'
);
54
55
//处理歌词
56
for
(i = 0, len = ; i < len; i++
) {
57
var
item =
trim(tmpArr[i]);
58
if
( > 0
) {
59
(item);
60
}
61
}
62
63
frag =
DocumentFragment();
64
65
for
(i = 0, len =
this
.; i < len; i++
) {
66
var
li = cEl('li'
);
67
if
(i === 0
) {
68
ame = 'cur'
;
69
}
70
TML =
this
.lrcArr[i].replace(/[.+]/i, ''
);
71
//处理时间
72
this
.(
[i].replace(re,
73
function(a, b, c) {
74
return b;
75
}).replace('[', '').replace(']', ''
));
76
Child(li);
77
}
78
79
Child(frag);
80
this
.li = $('lrcArea').getElementsByTagName('li'
);
81
},
82
//播放
142
function trim(str) {
143
return
e(/(^s*)|(s*$)/g, ""
);
144
}
145
function isEmptyObj(o) {
146
for
(
var
p
in
o)
return
false;
147
return
true;
148
}
149
function getOffset(el) {
150
var
parent =
Parent,
151
left =
Left,
152
top =
Top;
153
154
while
(parent !==
null) {
155
left +=
Left;
156
top +=
Top;
157
parent =
Parent;
158
}
159
160
return {
161
left: left,
162
top: top
163
};
164
}
165
166
var
p =
new musicPlayer({
167
player: $('player'
),
168
lrc: $('lrc'
).innerHTML,
169
lrcArea: $('lrcArea'
)
170
});
View Code
版权声明:本文标题:简单的HTML5音乐播放器(带歌词滚动) 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://roclinux.cn/p/1710044623a555112.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论