-
Notifications
You must be signed in to change notification settings - Fork 0
/
DesiPandora.html
144 lines (120 loc) · 4.89 KB
/
DesiPandora.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
142
143
144
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set -->
<!-- the browser's rendering engine into -->
<!-- "Quirks Mode". Replacing this declaration -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout. -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!-- -->
<link type="text/css" rel="stylesheet" href="Desipandora_app.css">
<STYLE type="text/css">
BODY {text-align: center}
#myytplayer {
position: relative;
margin: 0 auto;
width: 225px;
height: 144px;
}
}
</STYLE>
<!-- -->
<!-- Any title is fine -->
<!-- -->
<title>DesiPandora: Songs recommendation for hindi, bollywood, indian songs.</title>
<!-- -->
<!-- This script loads your compiled module. -->
<!-- If you add any GWT meta tags, they must -->
<!-- be added before this line. -->
<!--
<script type="text/javascript" language="javascript" src="desipandora_app/desipandora_app.nocache.js"></script>
-->
<!-- Use the Google AJAX Libraries API:
http://code.google.com/apis/ajaxlibs/ -->
<script src="http://www.google.com/jsapi">
</script>
<script>
google.load("swfobject", "2.1");
</script>
<script type="text/javascript" language="javascript" src="static/java/DesiPandora.js">
</script>
</head>
<!-- -->
<!-- The body can have arbitrary html, or -->
<!-- you can leave the body empty if you want -->
<!-- to create a completely dynamic UI. -->
<!-- -->
<body>
<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<h1>Search songs you love and listen ...</h1>
<table align="center">
<tr align="center">
<td>
<input type="text" size="60" id="searchTextid" value="" onKeyPress="return submitenter(this,event)"/>
<a href="javascript:void(0)" onclick="loadNewSearch(document.getElementById('searchTextid').value)"> Search </a>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<td>
</td>
<tr>
</tr>
</table>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script type="text/javascript">
// <![CDATA[
// allowScriptAccess must be set to allow the Javascript from one
// domain to access the swf on the youtube domain
var params = {
allowScriptAccess: "always",
bgcolor: "#cccccc",
align: "left"
};
// this sets the id of the object or embed tag to 'myytplayer'.
// You then use this id to access the swf and make calls to the player's API
var atts = {
id: "myytplayer"
};
swfobject.embedSWF("http://www.youtube.com/v/JtDBs7ONbkI?border=0&enablejsapi=1&playerapiid=ytplayer&autoplay=0&fs=1", "ytapiplayer", "225", "144", "8", null, null, params, atts);
//]]>
// lets initiate a search with some keyword.
loadNewSearch("dil se chaiya chaiya");
</script>
<div align="center">
<table>
<tr align="center">
<td>
<!-- HTML below here is for display of the player info + state -->
Title: <span id="title">--</span>
</td>
</tr>
<tr align="center">
<td>
<a href="javascript:void(0);" onclick="play();">Play</a>
| <a href="javascript:void(0);" onclick="pause();">Pause</a>
| <a href="javascript:void(0);" onclick="playNext();">Next</a>
| <a href="javascript:void(0);" onclick="stop();">Stop</a>
| <a href="javascript:void(0);" onclick="playPrev();">Prev</a>
</td>
</tr>
<tr align="center">
<td>
<span id="errorMsg"></span>
</td>
</tr>
</table>
</div>
</body>
</html>