解析《潮汕谣》网页播放器代码-优快云博客

本文链接：https://blog.youkuaiyun.com/kk371558956/article/details/6909070

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Winguo</title>

<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
</head>
<body>

<textarea id="txt" style="display:none;">
[ti:潮汕谣]
[ar:方雨儿]
[al:潮汕谣]
[by:iscripts.org]
[03:54.71][01:49.87][00:14.45]门前一丛梨
[03:58.69][01:54.22][00:18.48]数来数去三百个
[04:03.14][01:58.59][00:23.05]门脚一丛柑
[04:07.56][02:02.99][00:27.32]数着三百三……
[04:11.10][02:07.53][00:31.23]
[00:34.17]是谁再看见舞彩旗
[00:38.46]是谁再织出五彩衣
[00:42.91]是谁再拍手游彩灯
[00:47.40]逐到彩蝶落彩扇
[02:20.91][00:51.79]梦里我看见舞彩旗
[02:25.02][00:56.29]梦里我织出五彩衣
[02:29.61][01:00.78]梦里我拍手游彩灯
[02:34.05][01:05.20]画起彩蝶在彩扇
[02:37.99][01:09.20]
[03:36.32][03:18.43][03:00.76][02:43.00][01:31.80][01:14.09]唱一曲潮汕谣展彩袖
[03:40.62][03:22.91][03:05.10][02:47.42][01:36.28][01:18.46]认得山前飞彩燕
[03:45.09][03:27.43][03:09.60][02:51.83][01:40.70][01:22.99]就在这桃花渡口叫彩船
[03:31.88][02:56.22][01:27.35]一笑回到少年时
[03:49.68][03:14.10][01:45.11]重回当日游戏里……
[04:12.43]……
</textarea>

<script src="player.js" type="text/javascript"></script>
<script src="lrc.js" type="text/javascript"></script>

<input value="暂停/播放" οnclick="WMPlayer.pausePlay()" type="button" />
<input value="停止" οnclick="WMPlayer.stop()" type="button" />

<div><div id="lrc" style="float:left; background:#49648A ;"></div></div>
<script type="text/javascript">
window.onload = function(e) {
if (e) return setTimeout(arguments.callee, 500);

WMPlayer.play("csy.mp3");
WMPlayer.addEventListener("PositionChange", function(oldPosition, newPosition) {
//alert(this == player.wmp);
});
var lrc = new LRCPlayer(
WMPlayer.wmp
, document.getElementById('txt').value
, document.getElementById('lrc')
, 230, 400
, 'C2D5F0', '00FF00'
);
//setTimeout(function() { lrc.remove(); }, 1000 * 30);
};
</script>
</body>
</html>

.html