-
Notifications
You must be signed in to change notification settings - Fork 3
/
sing.html
141 lines (141 loc) · 5.9 KB
/
sing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<html>
<head>
<meta charset="UTF-8">
<title>
We play birds
</title>
<link type="text/css" rel="stylesheet" href="css/sing.css">
</head>
<body>
<div id="loading" class="loadingMask" style="display: none; ">
<div class="progressWrap">
<div id="progress" class="progress" style="width: 100%; ">
</div>
</div>
<div id="progressValue" class="progressValue">
100%
</div>
</div>
<h1>
We play birds
</h1>
<div class="toolbar" id='toolbar'>
<a href="#" class="small-blue-button" id="loginBtn">
Login
</a>
<a href="#" onclick="window.location='index.html' + document.location.search + '&flag=1';" class="small-blue-button" id="resetBtn">
我要玩
</a>
<a href="#" id="wbBtn" class="small-blue-button share">
分享
</a>
</div>
<a href="#" class="large-orange-button" id="guessBtn">
确定了
</a>
<a href="#" class="large-orange-button" id="startGuessBtn">
点击此处开始猜
</a>
<div id="stateWrap" style='cursor:pointer;' onclick="window.location='index.html' + document.location.search + '&flag=1';">
<div id="state">
<div id="music_1345445795652" class="music-element transition enable playing effet3_tuilopta_a"
style="bottom: 14px; left: 10px; ">
<div class="bird bird5">
</div>
</div>
<div id="music_1345445801045" class="music-element transition enable playing melo1_nananana_a"
style="bottom: 4px; left: 200px; ">
<div class="bird bird6">
</div>
</div>
<div id="music_1345445803556" class="music-element transition enable playing effet5_tumttt_a"
style="bottom: 13px; left: 390px; ">
<div class="bird bird7">
</div>
</div>
<div id="music_1345445805964" class="music-element transition enable playing beat4_ptttpeu_a"
style="bottom: 6px; left: 580px; ">
<div class="bird bird8 mirror">
</div>
</div>
<div id="music_1345445809717" class="music-element transition enable playing beat4_ptttpeu_a"
style="bottom: 17px; left: 770px; ">
<div class="bird bird1">
</div>
</div>
</div>
<div class="grass">
</div>
<div id="snspanel" style="display:none">
<div id="panel-handle">
</div>
<ul id="friend_list">
</ul>
</div>
<div class="msgbox">
<img src="css/image/msgclose.png" class="close">
<div class="msg">
</div>
</div>
<div class="note note2" style="-webkit-animation: roll 1s infinite, fly1 9s infinite; left: 75px; ">
</div>
<div class="note note3" style="-webkit-animation: roll 1s infinite, fly1 9s infinite; left: 25px; ">
</div>
<div class="note note1" style="-webkit-animation: roll 1s infinite, fly1 9s infinite; left: 425px; ">
</div>
<div class="note note4" style="-webkit-animation: roll 1s infinite, fly1 9s infinite; left: 515px; ">
</div>
<div class="note note3" style="-webkit-animation: roll 1s infinite, fly1 9s infinite; left: 675px; ">
</div>
<div class="note note3" style="-webkit-animation: roll 1s infinite, fly1 7s infinite; left: 854px; ">
</div>
<div class="note note3" style="-webkit-animation: roll 1s infinite, fly2 6s infinite; left: 249px; ">
</div>
<div class="note note1" style="-webkit-animation: roll 1s infinite, fly1 7s infinite; left: 631px; ">
</div>
<div class="note note5" style="-webkit-animation: roll 1s infinite, fly1 5s infinite; left: 331px; ">
</div>
<div class="note note1" style="-webkit-animation: roll 1s infinite, fly2 7s infinite; left: 697px; ">
</div>
</div>
<div id="soundbar">
</div>
<div class="mask" style="display:none">
</div>
<div id="login" style="display:none">
<input type="text" placeholder="输入您的昵称" class="name">
<input type="button" id="enter">
</div>
<div id="ok">
</div>
<script src="http://cdn.qplus.com/js/qplus.api.js"></script>
<script type="text/javascript">
(function(){
var name = /name=([^=]+)/.exec(window.location.search)[1];
var mp3Url = 'http://stream19.qqmusic.qq.com/' + name + ".mp3";//需要改下
var audio = document.createElement("audio");
audio.src = mp3Url;
audio.loop = true;
document.body.appendChild(audio);
audio.play();
var download = document.createElement("a");
download.href = mp3Url;
download.innerHTML = "下载";
download.className = "small-blue-button";
document.getElementById("toolbar").appendChild(download);
document.getElementById('wbBtn').onclick = function(){
qplus.onReady(function(){
qplus.app.share({
msg:'#We play birds#哈，我刚组建了自己的小鸟乐队，你要不要听一听呢？',
title:'分享给好友',
param: name,
shareBtnText:'立即分享',
capture:false,
shareTo:['wblog','qzone','buddy']
});
});
}
})();
</script>
</body>
</html>