-
Notifications
You must be signed in to change notification settings - Fork 20
/
Copy pathhello.html
executable file
·95 lines (88 loc) · 3.91 KB
/
hello.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
<html>
<!--
Copyright (c) 2011 Rdio Inc
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
<head>
<title>Rdio Playback API simple example</title>
<script src="js/jquery-1.5.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="js/token.js"></script>
<script src="js/hello.js"></script>
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="stylesheets/global.css">
</head>
<body>
<section class="lead">
<h1>Rdio Playback API simple example</h1>
</section>
<div class="container">
<div id="upsell" class="alert alert-info alert-dismissable">
<div id="subscriber">You are an Rdio subscriber. You're awesome.</div>
<div id="trial">You are an Rdio trial user, Subscribe now!</div>
<div id="free">You are an Rdio Free user with <span id="remaining"></span>% of your quota remaining, subscribe now!</div>
<div id="nobody">To hear full tracks subscribe to Rdio.</div>
</div>
<div id="apiswf"></div>
<div class="well" style="overflow: hidden;">
<div class="row" style="margin-bottom: 10px;">
<div class="col-md-2">Enter Album Key</div>
<div class="col-md-10">
<input id="play_key" class="form-control" value="a239851">
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="playControls btn-group">
<button id="play" class="btn btn-default"><i class="fa fa-play-circle"></i> Play</button>
<button id="stop" class="btn btn-default"><i class="fa fa-stop"></i> Stop</button>
<button id="pause" class="btn btn-default"><i class="fa fa-pause"></i> Pause</button>
<button id="previous" class="btn btn-default"><i class="fa fa-step-backward"></i> Previous</button>
<button id="next" class="btn btn-default"><i class="fa fa-step-forward"></i> Next</button>
</div>
</div>
<div class="col-md-6">
<div id="freq" class="frequency">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
</div>
<div class="row well">
<div class="artistAlbumInfo well col-md-6 ">
<h3><span id="artist"></span> - <span id="track"></span></h3>
<img src="" id="art" class="albumArt">
</div>
<div class="col-md-6">
<h3 id="album"></h3>
<h4>Playstate <p id="playState"></p></h4>
<h4>Position <p id="position"></p></h4>
</div>
</div>
</div>
</body>
</html>