videomail-client 8.0.2 → 8.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/TODO.md +2 -2
- package/package.json +4 -4
- package/prototype/bad_browser.html +19 -19
- package/prototype/bad_ios.html +25 -24
- package/prototype/contact_form.html +1 -1
- package/prototype/correct_existing_videomail.html +168 -43
- package/prototype/correct_non_existing_videomail.html +70 -54
- package/prototype/direct_submit.html +1 -1
- package/prototype/entertain.html +61 -57
- package/prototype/experimental_audio.html +38 -35
- package/prototype/facing_mode_button.html +25 -25
- package/prototype/form_without_email.html +71 -65
- package/prototype/high_quality.html +34 -29
- package/prototype/invalid_site_name.html +30 -26
- package/prototype/js/videomail-client.js +64 -32
- package/prototype/js/videomail-client.min.js +3 -3
- package/prototype/js/videomail-client.min.js.map +1 -1
- package/prototype/player_only.html +129 -19
- package/prototype/predefined.html +50 -50
- package/prototype/simple.html +17 -17
- package/prototype/simple_jpegs.html +27 -27
- package/prototype/videomail_optional_form.html +72 -57
- package/prototype/with_cc_and_bcc.html +1 -1
- package/src/js/options.js +3 -1
- package/src/js/wrappers/container.js +9 -5
- package/src/js/wrappers/visuals/notifier.js +12 -6
- package/src/js/wrappers/visuals/recorder.js +8 -2
- package/src/js/wrappers/visuals.js +8 -4
package/TODO.md
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
| src/js/util/eventEmitter.js | 6 | MAKE EVENT EMITTING IN DESPOT NOT GLOBAL BUT BY CONTAINER ID INSTEAD
|
|
6
6
|
| src/js/util/eventEmitter.js | 43 | have this emitted through a configuration because it is pretty noisy
|
|
7
7
|
| src/js/util/humanize.js | 4 | get rid of this class and use those imports directly
|
|
8
|
-
| src/js/wrappers/container.js |
|
|
9
|
-
| src/js/wrappers/container.js |
|
|
8
|
+
| src/js/wrappers/container.js | 297 | figure out how to fire dom's onload event again
|
|
9
|
+
| src/js/wrappers/container.js | 298 | or how to run all the scripts over again
|
|
10
10
|
| src/js/wrappers/optionsWrapper.js | 27 | fix this, it's not really an option
|
|
11
11
|
| src/js/wrappers/visuals/recorder.js | 594 | in https://github.com/binarykitchen/videomail-client/issues/142
|
|
12
12
|
| src/js/wrappers/visuals/recorder.js | 631 | retry with navigator.getUserMedia_() maybe?
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "videomail-client",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.1.1",
|
|
4
4
|
"description": "A wicked npm package to record videos directly in the browser, wohooo!",
|
|
5
5
|
"author": "Michael Heuberger <michael.heuberger@binarykitchen.com>",
|
|
6
6
|
"contributors": [
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"major": "./env/dev/release.sh --importance=major",
|
|
30
30
|
"lint": "eslint --color ./src ./test ./gulpfile.js",
|
|
31
31
|
"lint:fix": "npm --silent run lint -- --fix",
|
|
32
|
-
"prettier": "prettier --check ./src ./test gulpfile.js",
|
|
33
|
-
"prettier:fix": "prettier --write ./src ./test gulpfile.js"
|
|
32
|
+
"prettier": "prettier --check ./src ./test ./prototype/*.html gulpfile.js",
|
|
33
|
+
"prettier:fix": "prettier --write ./src ./test ./prototype/*.html gulpfile.js"
|
|
34
34
|
},
|
|
35
35
|
"engines": {
|
|
36
36
|
"node": ">=20.5.1",
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"gulp-todo": "7.1.1",
|
|
115
115
|
"minimist": "1.2.8",
|
|
116
116
|
"nib": "1.2.0",
|
|
117
|
-
"postcss": "8.4.
|
|
117
|
+
"postcss": "8.4.39",
|
|
118
118
|
"prettier": "3.3.2",
|
|
119
119
|
"router": "1.3.8",
|
|
120
120
|
"tape": "5.8.1",
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<title>videomail-client examples</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<h1>How it looks on a bad browser</h1>
|
|
9
|
+
<div id="videomail"></div>
|
|
10
|
+
<script src="/js/videomail-client.js"></script>
|
|
11
|
+
<script>
|
|
12
|
+
var videomailClient = new VideomailClient({
|
|
13
|
+
verbose: true,
|
|
14
|
+
adjustFormOnBrowserError: true,
|
|
15
|
+
fakeUaString: 'Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)',
|
|
16
|
+
reportErrors: true
|
|
17
|
+
})
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
videomailClient.show()
|
|
20
|
+
</script>
|
|
21
|
+
</body>
|
|
22
22
|
</html>
|
package/prototype/bad_ios.html
CHANGED
|
@@ -1,27 +1,28 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<title>videomail-client examples</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
<h1>How it looks on an unsupported iPhone</h1>
|
|
9
|
+
<div id="videomail"></div>
|
|
10
|
+
<script src="/js/videomail-client.js"></script>
|
|
11
|
+
<script>
|
|
12
|
+
var videomailClient = new VideomailClient({
|
|
13
|
+
verbose: true,
|
|
14
|
+
adjustFormOnBrowserError: true,
|
|
15
|
+
fakeUaString:
|
|
16
|
+
'Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5376e Safari/8536.25',
|
|
17
|
+
reportErrors: true,
|
|
18
|
+
video: {
|
|
19
|
+
// just to test that this height will get removed so that the whole error
|
|
20
|
+
// message will be shown.
|
|
21
|
+
height: 100
|
|
22
|
+
}
|
|
23
|
+
})
|
|
23
24
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
videomailClient.show()
|
|
26
|
+
</script>
|
|
27
|
+
</body>
|
|
27
28
|
</html>
|
|
@@ -1,47 +1,172 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<title>videomail-client examples</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
|
+
<style type="text/css">
|
|
7
|
+
input[type='email'],
|
|
8
|
+
input[type='text'],
|
|
9
|
+
textarea,
|
|
10
|
+
.buttons {
|
|
11
|
+
margin: 1em 0;
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
#videomail,
|
|
15
|
+
#email {
|
|
16
|
+
float: left;
|
|
17
|
+
}
|
|
18
|
+
#email {
|
|
19
|
+
width: 400px;
|
|
20
|
+
margin-left: 1em;
|
|
21
|
+
}
|
|
22
|
+
#email input,
|
|
23
|
+
#email textarea {
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
</style>
|
|
27
|
+
</head>
|
|
28
|
+
<body>
|
|
29
|
+
<h1>A form to correct an existing videomail</h1>
|
|
30
|
+
<div id="videomail"></div>
|
|
31
|
+
<form id="email">
|
|
32
|
+
<fieldset>
|
|
33
|
+
<input name="key" value="" type="hidden" />
|
|
34
|
+
<input name="from" type="email" required="required" />
|
|
35
|
+
<input name="to" type="email" required="required" multiple />
|
|
36
|
+
<input name="subject" type="text" required="required" />
|
|
37
|
+
<textarea name="body" rows="4"></textarea>
|
|
38
|
+
<input id="send" disabled="" type="submit" value="✉ Send" />
|
|
39
|
+
</fieldset>
|
|
40
|
+
</form>
|
|
41
|
+
<script src="/js/videomail-client.js"></script>
|
|
42
|
+
<script>
|
|
43
|
+
var videomailClient = new VideomailClient({
|
|
44
|
+
verbose: true,
|
|
45
|
+
video: {
|
|
46
|
+
width: 400
|
|
47
|
+
},
|
|
48
|
+
selectors: {
|
|
49
|
+
formId: 'email',
|
|
50
|
+
keyInputName: 'key'
|
|
51
|
+
}
|
|
52
|
+
})
|
|
53
|
+
|
|
54
|
+
// just a copy paste of json of the videomail
|
|
55
|
+
// you normally would get from a xhr get request
|
|
56
|
+
videomailClient.replay(
|
|
57
|
+
{
|
|
58
|
+
subject: 'test example mofo',
|
|
59
|
+
from: 'automatic@videomail.io',
|
|
60
|
+
to: ['automatic@videomail.io'],
|
|
61
|
+
body: '',
|
|
62
|
+
recordingStats: {
|
|
63
|
+
avgFps: 16.39344262295082,
|
|
64
|
+
wantedFps: 15,
|
|
65
|
+
avgInterval: 66.19285714285714,
|
|
66
|
+
wantedInterval: 66.66666666666667,
|
|
67
|
+
intervalSum: 9267,
|
|
68
|
+
framesCount: 140,
|
|
69
|
+
videoType: 'webm',
|
|
70
|
+
waitingTime: 1378
|
|
71
|
+
},
|
|
72
|
+
width: 400,
|
|
73
|
+
height: 300,
|
|
74
|
+
videomailClientVersion: '2.1.26',
|
|
75
|
+
siteName: 'videomail.io',
|
|
76
|
+
sending: true,
|
|
77
|
+
alias: 'test-example-mofo-485573266478',
|
|
78
|
+
dateCreated: 1511570565748,
|
|
79
|
+
format: {
|
|
80
|
+
nb_streams: 1,
|
|
81
|
+
nb_programs: 0,
|
|
82
|
+
format_name: 'mov,mp4,m4a,3gp,3g2,mj2',
|
|
83
|
+
format_long_name: 'QuickTime / MOV',
|
|
84
|
+
start_time: 0,
|
|
85
|
+
duration: 8.537,
|
|
86
|
+
size: 1349099,
|
|
87
|
+
bit_rate: 1264237,
|
|
88
|
+
probe_score: 100,
|
|
89
|
+
tags: {
|
|
90
|
+
major_brand: 'isom',
|
|
91
|
+
minor_version: '512',
|
|
92
|
+
compatible_brands: 'isomiso2avc1mp41',
|
|
93
|
+
encoder: 'Lavf57.71.100'
|
|
10
94
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
95
|
+
},
|
|
96
|
+
dateUpdated: 1511570574377,
|
|
97
|
+
accepted: ['automatic@videomail.io'],
|
|
98
|
+
url: 'https://videomail.io/videomail/test-example-mofo-485573266478',
|
|
99
|
+
key: '11e7-d179-62e4cfa0-8f72-6ff7f0c1e906',
|
|
100
|
+
mp4: 'https://videomail.io/videomail/test-example-mofo-485573266478/type/mp4/',
|
|
101
|
+
webm: 'https://videomail.io/videomail/test-example-mofo-485573266478/type/webm/',
|
|
102
|
+
poster: 'https://videomail.io/videomail/test-example-mofo-485573266478/poster/',
|
|
103
|
+
reply: {
|
|
104
|
+
parentKey: '11e7-d179-62e4cfa0-8f72-6ff7f0c1e906',
|
|
105
|
+
subject: 'RE: test example mofo',
|
|
106
|
+
to: ['automatic@videomail.io'],
|
|
107
|
+
from: 'automatic@videomail.io',
|
|
108
|
+
parent: {
|
|
109
|
+
subject: 'test example mofo',
|
|
110
|
+
from: 'automatic@videomail.io',
|
|
111
|
+
to: ['automatic@videomail.io'],
|
|
112
|
+
body: '',
|
|
113
|
+
recordingStats: {
|
|
114
|
+
avgFps: 16.39344262295082,
|
|
115
|
+
wantedFps: 15,
|
|
116
|
+
avgInterval: 66.19285714285714,
|
|
117
|
+
wantedInterval: 66.66666666666667,
|
|
118
|
+
intervalSum: 9267,
|
|
119
|
+
framesCount: 140,
|
|
120
|
+
videoType: 'webm',
|
|
121
|
+
waitingTime: 1378
|
|
35
122
|
},
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
123
|
+
width: 400,
|
|
124
|
+
height: 300,
|
|
125
|
+
videomailClientVersion: '2.1.26',
|
|
126
|
+
siteName: 'videomail.io',
|
|
127
|
+
sending: true,
|
|
128
|
+
alias: 'test-example-mofo-485573266478',
|
|
129
|
+
dateCreated: 1511570565748,
|
|
130
|
+
format: {
|
|
131
|
+
nb_streams: 1,
|
|
132
|
+
nb_programs: 0,
|
|
133
|
+
format_name: 'mov,mp4,m4a,3gp,3g2,mj2',
|
|
134
|
+
format_long_name: 'QuickTime / MOV',
|
|
135
|
+
start_time: 0,
|
|
136
|
+
duration: 8.537,
|
|
137
|
+
size: 1349099,
|
|
138
|
+
bit_rate: 1264237,
|
|
139
|
+
probe_score: 100,
|
|
140
|
+
tags: {
|
|
141
|
+
major_brand: 'isom',
|
|
142
|
+
minor_version: '512',
|
|
143
|
+
compatible_brands: 'isomiso2avc1mp41',
|
|
144
|
+
encoder: 'Lavf57.71.100'
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
dateUpdated: 1511570574377,
|
|
148
|
+
accepted: ['automatic@videomail.io'],
|
|
149
|
+
url: 'https://videomail.io/videomail/test-example-mofo-485573266478',
|
|
150
|
+
key: '11e7-d179-62e4cfa0-8f72-6ff7f0c1e906',
|
|
151
|
+
reply: {
|
|
152
|
+
parentKey: '11e7-d179-62e4cfa0-8f72-6ff7f0c1e906',
|
|
153
|
+
subject: 'RE: test example mofo',
|
|
154
|
+
to: ['automatic@videomail.io'],
|
|
155
|
+
from: 'automatic@videomail.io'
|
|
156
|
+
},
|
|
157
|
+
replyUrl: '/reply/test-example-mofo-485573266478',
|
|
158
|
+
correctUrl: 'https://videomail.io/correct/test-example-mofo-485573266478',
|
|
159
|
+
dateCreatedPretty: 'Nov 25, 2017, 1:42 PM',
|
|
160
|
+
sendingToPretty: 'automatic@videomail.io'
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
replyUrl: '/reply/test-example-mofo-485573266478',
|
|
164
|
+
correctUrl: 'https://videomail.io/correct/test-example-mofo-485573266478',
|
|
165
|
+
dateCreatedPretty: 'Nov 25, 2017, 1:42 PM',
|
|
166
|
+
sendingToPretty: 'automatic@videomail.io'
|
|
167
|
+
},
|
|
168
|
+
'videomail'
|
|
169
|
+
)
|
|
170
|
+
</script>
|
|
171
|
+
</body>
|
|
47
172
|
</html>
|
|
@@ -1,61 +1,77 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<title>videomail-client examples</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
input[type='email'],
|
|
9
|
+
input[type='text'],
|
|
10
|
+
textarea,
|
|
11
|
+
.buttons {
|
|
12
|
+
margin: 1em 0;
|
|
13
|
+
display: block;
|
|
14
|
+
}
|
|
15
|
+
#videomail,
|
|
16
|
+
#email {
|
|
17
|
+
float: left;
|
|
18
|
+
}
|
|
19
|
+
#email {
|
|
20
|
+
width: 400px;
|
|
21
|
+
margin-left: 1em;
|
|
22
|
+
}
|
|
23
|
+
#email input,
|
|
24
|
+
#email textarea {
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<h1>A form to correct a non-existing videomail</h1>
|
|
31
|
+
<p>This to see how the error handling works.</p>
|
|
20
32
|
|
|
21
|
-
|
|
33
|
+
<div id="videomail"></div>
|
|
22
34
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
35
|
+
<form id="email">
|
|
36
|
+
<fieldset>
|
|
37
|
+
<input name="key" value="" type="hidden" />
|
|
38
|
+
<input name="from" type="email" required="required" />
|
|
39
|
+
<input name="to" type="email" required="required" multiple />
|
|
40
|
+
<input name="subject" type="text" required="required" />
|
|
41
|
+
<textarea name="body" rows="4"></textarea>
|
|
42
|
+
<input id="send" disabled="" type="submit" value="✉ Send" />
|
|
43
|
+
</fieldset>
|
|
44
|
+
</form>
|
|
33
45
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
+
<script src="/js/videomail-client.js"></script>
|
|
47
|
+
<script>
|
|
48
|
+
var videomailClient = new VideomailClient({
|
|
49
|
+
verbose: true,
|
|
50
|
+
video: {
|
|
51
|
+
width: 400
|
|
52
|
+
},
|
|
53
|
+
selectors: {
|
|
54
|
+
formId: 'email',
|
|
55
|
+
keyInputName: 'key'
|
|
56
|
+
}
|
|
57
|
+
})
|
|
46
58
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
videomailClient.replay(
|
|
60
|
+
{
|
|
61
|
+
subject: 'i am a subject',
|
|
62
|
+
from: 'noreply@videomail.io',
|
|
63
|
+
to: 'to1@binarykitchen.com, to2@binarykitchen.com',
|
|
64
|
+
body: 'i am a body\nand a have a second line',
|
|
65
|
+
width: 400,
|
|
66
|
+
height: 300,
|
|
67
|
+
url: 'https://videomail.io/videomail/test-for-correcting-videomails-962278245395',
|
|
68
|
+
key: '11e5-d1e4-43f02b30-bf04-7b4befb9ed2d',
|
|
69
|
+
webm: 'https://videomail.io/videomail/test-for-correcting-videomails-962278245395/type/webm/',
|
|
70
|
+
poster:
|
|
71
|
+
'https://videomail.io/videomail/test-for-correcting-videomails-962278245395/poster/'
|
|
72
|
+
},
|
|
73
|
+
'videomail'
|
|
74
|
+
)
|
|
75
|
+
</script>
|
|
76
|
+
</body>
|
|
61
77
|
</html>
|
package/prototype/entertain.html
CHANGED
|
@@ -1,65 +1,69 @@
|
|
|
1
|
-
<!
|
|
1
|
+
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
<head>
|
|
4
|
+
<title>videomail-client examples</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
<style type="text/css">
|
|
8
|
+
.entertain {
|
|
9
|
+
background-repeat: no-repeat;
|
|
10
|
+
background-position: center center;
|
|
11
|
+
background-size: cover;
|
|
12
|
+
background-color: transparent;
|
|
13
|
+
vertical-align: top;
|
|
14
|
+
padding: 1em;
|
|
15
|
+
color: #fff;
|
|
16
|
+
text-shadow:
|
|
17
|
+
-1px -1px 0 #000,
|
|
18
|
+
1px -1px 0 #000,
|
|
19
|
+
-1px 1px 0 #000,
|
|
20
|
+
1px 1px 0 #000;
|
|
21
|
+
}
|
|
18
22
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
23
|
+
.bg1 {
|
|
24
|
+
background-image: url('/img/wait1.gif');
|
|
25
|
+
}
|
|
22
26
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
.bg2 {
|
|
28
|
+
background-image: url('/img/wait2.gif');
|
|
29
|
+
}
|
|
26
30
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
.bg3 {
|
|
32
|
+
background-image: url('/img/wait3.gif');
|
|
33
|
+
}
|
|
30
34
|
|
|
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
|
-
|
|
35
|
+
.bg4 {
|
|
36
|
+
background-image: url('/img/wait4.gif');
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
39
|
+
</head>
|
|
40
|
+
<body>
|
|
41
|
+
<h1>Entertain user while waiting and disable pause/resume buttons</h1>
|
|
42
|
+
<div id="videomail"></div>
|
|
43
|
+
<script src="/js/videomail-client.js"></script>
|
|
44
|
+
<script>
|
|
45
|
+
var videomailClient = new VideomailClient({
|
|
46
|
+
verbose: true,
|
|
47
|
+
enablePause: false,
|
|
48
|
+
disableSubmit: true,
|
|
49
|
+
video: {
|
|
50
|
+
fps: 30,
|
|
51
|
+
limitSeconds: 60,
|
|
52
|
+
countdown: false,
|
|
53
|
+
width: 720
|
|
54
|
+
},
|
|
55
|
+
image: {
|
|
56
|
+
quality: 0.9
|
|
57
|
+
},
|
|
58
|
+
notifier: {
|
|
59
|
+
entertain: true,
|
|
60
|
+
entertainClass: 'bg',
|
|
61
|
+
entertainLimit: 4,
|
|
62
|
+
entertainInterval: 2e3
|
|
63
|
+
}
|
|
64
|
+
})
|
|
61
65
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
66
|
+
videomailClient.show()
|
|
67
|
+
</script>
|
|
68
|
+
</body>
|
|
65
69
|
</html>
|