简单的HTML5音乐播放器(带歌词滚动)

2024年1月31日发(作者：)

24

false); 25

26

ntListener('pause', 27

function() { 28

(); 29

}, 30

false); 31

32

//歌词索引 33

= 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

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 =

; i < len; i++) { 66

var li = cEl('li'); 67

if (i === 0) { 68 ame = 'cur'; 69

} 70 TML =

[i].replace(/[.+]/i, ''); 71

//处理时间 72

([i].replace(re, 73

function(a, b, c) { 74

return b; 75 }).replace('[', '').replace(']', '')); 76

Child(li); 77

} 78

79

Child(frag); 80

= $('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: top163

};164

}165

166

var p =

new musicPlayer({167 player: $('player'),168 lrc: $('lrc').innerHTML,169 lrcArea: $('lrcArea')170 });View Code