-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathindex.html
211 lines (170 loc) · 9.03 KB
/
index.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!--There is an issue in Intel XDK version 0028 that causes the App Designer to not render all element
correctly when cordova.js is pointed to in your index.html. This issue will be resolved in future releases.....-->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="jqm/jquery.mobile-min.css">
<link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">
<link rel="stylesheet" type="text/css" href="css/master.css">
<title>Using PhoneGap Audio Media</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
/* Prevent copy paste for all elements except text fields */
* { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
input, textarea { -webkit-user-select:text; }
</style>
<script type="text/javascript">
/* This function runs once the page is loaded, but appMobi is not yet active */
var init = function(){
};
window.addEventListener("load",init,false);
/* This code prevents users from dragging the page */
var preventDefaultScroll = function(event) {
event.preventDefault();
window.scroll(0,0);
return false;
};
document.addEventListener('touchmove', preventDefaultScroll, false);
</script>
<script type="application/javascript" src="js/jquery.min.js"></script>
<script type="application/javascript" src="jqm/jquery.mobile-min.js"></script>
<!--There is an issue in Intel XDK version 0028 that causes the App Designer to not render all element
correctly when cordova.js is pointed to in your index.html. This issue will be resolved in future releases.....-->
<script type="text/javascript">
function onDeviceReady() {
document.getElementById("PhonegapVerID").innerHTML += window.device.cordova;
console.log("onDeviceReady: " + document.getElementById("PhonegapVerID").innerHTML);
console.log("*** phoneCheck.android: " + phoneCheck.android);
console.log("*** phoneCheck.ios: " + phoneCheck.ios);
// set initial button state
setButtonState(myMediaState.start);
// check if an existing media file already exist and reset button state
checkMediaRecFileExist();
}
document.addEventListener("deviceready", onDeviceReady, false);
</script>
<!--License files
<link rel="stylesheet" type="text/css" href="license/license.css" />
<script src="license/license.js"></script>-->
<script type="text/javascript" src="js/deviceCheck.js"></script>
<script type="text/javascript" src="js/mediaHandlers.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<!---->
</head>
<body>
<!-- content goes here-->
<div class="uwrap">
<div class="upage background-color" data-role="page">
<div class="upage-outer">
<div data-role="header" class="container-group inner-element uib_w_2" data-uib="jquery_mobile/header" data-theme="b">
<h1>Audio Sample v1.0</h1>
<div class="widget-container wrapping-col single-centered"></div>
<div class="widget-container content-area horiz-area wrapping-col left"></div>
<div class="widget-container content-area horiz-area wrapping-col right"></div>
</div>
<div class="upage-content">
<div class="grid grid-pad urow uib_row_1 row-height-1" data-uib="layout/row">
<div class="col uib_col_1 col-0_12-12 subheader-bkgd" data-uib="layout/col">
<div class="widget-container content-area null vertical-col center">
<div class="widget uib_w_3 app-text subheader-margin" data-uib="media/text" id="PhonegapVerID">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Record with PhoneGap version:</p>
</div>
</div><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid grid-pad urow uib_row_3 row-height-3" data-uib="layout/row">
<div class="col uib_col_3 col-0_12-12" data-uib="layout/col">
<div class="widget-container content-area wrapping-col left">
<a class="widget uib_w_4 d-margins" data-uib="jquery_mobile/button" data-role="button" id="startRecID" onclick="startRecording()">Record</a><a class="widget uib_w_5 d-margins" data-uib="jquery_mobile/button" data-role="button" id="stopRecID" onclick="stopRecording()">Stop</a><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid urow uib_row_4 row-height-4 grid-pad" data-uib="layout/row">
<div class="col uib_col_4 col-0_12-12" data-uib="layout/col">
<div class="widget-container content-area vertical-col">
<div class="widget uib_w_6 element-margin" data-uib="media/text" id="RecStatusID">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Status:</p>
</div>
</div>
<div class="widget uib_w_7 element-margin" data-uib="media/text" id="media_rec_pos">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Audio position: 0 sec</p>
<p></p>
</div>
</div><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid grid-pad urow uib_row_5 row-height-5" data-uib="layout/row">
<div class="col uib_col_5 col-0_12-12 subheader-bkgd" data-uib="layout/col">
<div class="widget-container content-area vertical-col">
<div class="widget uib_w_8 app-text subheader-margin" data-uib="media/text" id="PhonegapVerID">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Playback using PhoneGap</p>
</div>
</div><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid grid-pad urow uib_row_6 row-height-6" data-uib="layout/row">
<div class="col uib_col_6 col-0_12-12" data-uib="layout/col">
<div class="widget-container content-area wrapping-col left">
<a class="widget uib_w_9 d-margins" data-uib="jquery_mobile/button" data-role="button" id="startPlayID" onclick="playMusic()">Play</a><a class="widget uib_w_10 d-margins" data-uib="jquery_mobile/button" data-role="button" id="pausePlayID" onclick="pauseMusic()">Pause</a><a class="widget uib_w_11 d-margins"
data-uib="jquery_mobile/button" data-role="button" id="stopPlayID" onclick="stopMusic()">Stop</a><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
<div class="grid grid-pad urow uib_row_7 row-height-7" data-uib="layout/row">
<div class="col uib_col_7 col-0_12-12" data-uib="layout/col">
<div class="widget-container content-area vertical-col">
<div class="widget uib_w_12 element-margin" data-uib="media/text" id="PlayStatusID">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Status:</p>
</div>
</div>
<div class="widget uib_w_13 element-margin" data-uib="media/text" id="media_pos">
<div class="widget-container left-receptacle"></div>
<div class="widget-container right-receptacle"></div>
<div>
<p>Audio position: 0 sec</p>
</div>
</div><span class="uib_shim"></span>
</div>
</div>
<span class="uib_shim"></span>
</div>
</div>
<!-- /upage-content -->
<div data-role="footer" data-position="fixed" class="container-group inner-element uib_w_1" data-uib="jquery_mobile/footer" data-theme="b">
<h1></h1>
<div class="widget-container wrapping-col single-centered"></div>
<div class="widget-container content-area horiz-area wrapping-col left"></div>
<div class="widget-container content-area horiz-area wrapping-col right"></div>
</div>
</div>
<!-- /upage-outer -->
</div>
<!-- /upage -->
</div>
<!-- /uwrap -->
</body>
</html>