videomail-client 11.0.8 → 11.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/dist/cjs/index.cjs +434 -450
- package/dist/esm/client.d.ts +1 -1
- package/dist/esm/index.d.ts +10 -17
- package/dist/esm/index.js +301 -313
- package/dist/esm/resource.d.ts +1 -1
- package/dist/esm/types/Videomail.d.ts +2 -2
- package/dist/esm/types/events/index.d.ts +1 -1
- package/dist/esm/wrappers/container.d.ts +1 -1
- package/dist/esm/wrappers/form.d.ts +1 -1
- package/dist/esm/wrappers/visuals/replay.d.ts +1 -1
- package/dist/umd/index.js +172 -186
- package/package.json +16 -16
package/dist/esm/resource.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Response from "superagent/lib/node/response";
|
|
2
2
|
import { VideomailClientOptions } from "./types/options";
|
|
3
|
-
import
|
|
3
|
+
import type { PartialVideomail, Videomail } from "./types/Videomail";
|
|
4
4
|
import VideomailError from "./util/error/VideomailError";
|
|
5
5
|
import { FormInputs } from "./wrappers/form";
|
|
6
6
|
declare class Resource {
|
|
@@ -53,5 +53,5 @@ interface Videomail {
|
|
|
53
53
|
rejectedCc?: DeliveryRecord;
|
|
54
54
|
rejectedBcc?: DeliveryRecord;
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
export
|
|
56
|
+
type PartialVideomail = PartialDeep<Videomail>;
|
|
57
|
+
export type { PartialVideomail, Videomail };
|
|
@@ -2,7 +2,7 @@ import Response from "superagent/lib/node/response";
|
|
|
2
2
|
import VideomailError from "../../util/error/VideomailError";
|
|
3
3
|
import { FormReadyParams } from "../../wrappers/container";
|
|
4
4
|
import RecordingStats from "../RecordingStats";
|
|
5
|
-
import Videomail from "../Videomail";
|
|
5
|
+
import type { Videomail } from "../Videomail";
|
|
6
6
|
export interface UserMediaReadyParams {
|
|
7
7
|
switchingFacingMode?: ConstrainDOMString | undefined;
|
|
8
8
|
recordWhenReady?: boolean | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./../styles/main.styl";
|
|
2
2
|
import { ShowParams, StartOverParams } from "../client";
|
|
3
3
|
import { VideomailClientOptions } from "../types/options";
|
|
4
|
-
import Videomail from "../types/Videomail";
|
|
4
|
+
import type { Videomail } from "../types/Videomail";
|
|
5
5
|
import Despot from "../util/Despot";
|
|
6
6
|
import { FormInputs, FormMethod } from "./form";
|
|
7
7
|
interface BuildOptions {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VideomailClientOptions } from "../types/options";
|
|
2
|
-
import Videomail from "../types/Videomail";
|
|
2
|
+
import type { Videomail } from "../types/Videomail";
|
|
3
3
|
import Despot from "../util/Despot";
|
|
4
4
|
import Container from "./container";
|
|
5
5
|
export type FormInputs = Record<string, string>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VideomailClientOptions } from "../../types/options";
|
|
2
|
-
import Videomail from "../../types/Videomail";
|
|
2
|
+
import type { Videomail } from "../../types/Videomail";
|
|
3
3
|
import { VideoType } from "../../types/VideoType";
|
|
4
4
|
import Despot from "../../util/Despot";
|
|
5
5
|
import { UnloadParams } from "../container";
|
package/dist/umd/index.js
CHANGED
|
@@ -5,159 +5,6 @@
|
|
|
5
5
|
else root["VideomailClient"] = factory();
|
|
6
6
|
})(globalThis, ()=>(()=>{
|
|
7
7
|
var __webpack_modules__ = {
|
|
8
|
-
"./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl": function(module1, __webpack_exports__, __webpack_require__) {
|
|
9
|
-
"use strict";
|
|
10
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
11
|
-
A: ()=>__WEBPACK_DEFAULT_EXPORT__
|
|
12
|
-
});
|
|
13
|
-
var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
|
|
14
|
-
var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
15
|
-
var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/api.js");
|
|
16
|
-
var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
17
|
-
var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
|
|
18
|
-
___CSS_LOADER_EXPORT___.push([
|
|
19
|
-
module1.id,
|
|
20
|
-
`@keyframes blink {
|
|
21
|
-
0% {
|
|
22
|
-
opacity: .9;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
35% {
|
|
26
|
-
opacity: .9;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
50% {
|
|
30
|
-
opacity: .1;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
85% {
|
|
34
|
-
opacity: .1;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
100% {
|
|
38
|
-
opacity: .9;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.videomail .visuals {
|
|
43
|
-
position: relative;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.videomail .visuals video.replay {
|
|
47
|
-
width: 100%;
|
|
48
|
-
height: 100%;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .pausedHeader, .videomail .pausedHint {
|
|
52
|
-
height: auto;
|
|
53
|
-
margin: 0;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .paused, .videomail .facingMode, .videomail noscript {
|
|
57
|
-
z-index: 100;
|
|
58
|
-
position: absolute;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .pausedHeader, .videomail .pausedHint, .videomail noscript {
|
|
62
|
-
font-weight: bold;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.videomail .countdown, .videomail .paused, .videomail noscript {
|
|
66
|
-
width: 100%;
|
|
67
|
-
top: 50%;
|
|
68
|
-
transform: translateY(-50%);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.videomail .pausedHeader, .videomail .pausedHint, .videomail .countdown {
|
|
72
|
-
text-align: center;
|
|
73
|
-
letter-spacing: 4px;
|
|
74
|
-
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.videomail .pausedHeader, .videomail .countdown {
|
|
78
|
-
opacity: .9;
|
|
79
|
-
font-size: 460%;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.videomail .pausedHint {
|
|
83
|
-
font-size: 150%;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.videomail .facingMode {
|
|
87
|
-
color: #f5f5f5e6;
|
|
88
|
-
z-index: 10;
|
|
89
|
-
background: #1e1e1e80;
|
|
90
|
-
border: none;
|
|
91
|
-
outline: none;
|
|
92
|
-
padding: .1em .3em;
|
|
93
|
-
font-family: monospace;
|
|
94
|
-
font-size: 1.2em;
|
|
95
|
-
transition: all .2s;
|
|
96
|
-
bottom: .6em;
|
|
97
|
-
right: .7em;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.videomail .facingMode:hover {
|
|
101
|
-
cursor: pointer;
|
|
102
|
-
background: #323232b3;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.videomail .recordTimer, .videomail .recordNote {
|
|
106
|
-
color: #00d814;
|
|
107
|
-
opacity: .9;
|
|
108
|
-
background: #0a0a0acc;
|
|
109
|
-
padding: .3em .4em;
|
|
110
|
-
font-family: monospace;
|
|
111
|
-
transition: all 1s;
|
|
112
|
-
right: .7em;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.videomail .recordTimer.near, .videomail .recordNote.near {
|
|
116
|
-
color: #eb9369;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.videomail .recordTimer.nigh, .videomail .recordNote.nigh {
|
|
120
|
-
color: #ea4b2a;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.videomail .recordTimer {
|
|
124
|
-
top: .7em;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.videomail .recordNote {
|
|
128
|
-
top: 3.6em;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.videomail .recordNote:before {
|
|
132
|
-
content: "REC";
|
|
133
|
-
animation: 1s infinite blink;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.videomail .notifier {
|
|
137
|
-
box-sizing: border-box;
|
|
138
|
-
overflow: hidden;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.videomail .radioGroup {
|
|
142
|
-
display: block;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.videomail .radioGroup label {
|
|
146
|
-
cursor: pointer;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.videomail video {
|
|
150
|
-
margin-bottom: 0;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.videomail video.userMedia {
|
|
154
|
-
background-color: #3232321a;
|
|
155
|
-
}
|
|
156
|
-
`,
|
|
157
|
-
""
|
|
158
|
-
]);
|
|
159
|
-
const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
|
|
160
|
-
},
|
|
161
8
|
"./node_modules/animitter/index.js": function(module1, exports1, __webpack_require__) {
|
|
162
9
|
var EventEmitter = __webpack_require__("./node_modules/events/events.js").EventEmitter, inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js"), raf = __webpack_require__("./node_modules/raf/index.js"), methods;
|
|
163
10
|
var defaultRAFObject = {
|
|
@@ -10430,7 +10277,6 @@
|
|
|
10430
10277
|
var cachedModule = __webpack_module_cache__[moduleId];
|
|
10431
10278
|
if (void 0 !== cachedModule) return cachedModule.exports;
|
|
10432
10279
|
var module1 = __webpack_module_cache__[moduleId] = {
|
|
10433
|
-
id: moduleId,
|
|
10434
10280
|
exports: {}
|
|
10435
10281
|
};
|
|
10436
10282
|
__webpack_modules__[moduleId].call(module1.exports, module1, module1.exports, __webpack_require__);
|
|
@@ -10484,8 +10330,7 @@
|
|
|
10484
10330
|
"use strict";
|
|
10485
10331
|
__webpack_require__.r(__webpack_exports__);
|
|
10486
10332
|
__webpack_require__.d(__webpack_exports__, {
|
|
10487
|
-
VideomailClient: ()=>src_client
|
|
10488
|
-
VideoType: ()=>VideoType_VideoType
|
|
10333
|
+
VideomailClient: ()=>src_client
|
|
10489
10334
|
});
|
|
10490
10335
|
const constants = {
|
|
10491
10336
|
SITE_NAME_LABEL: "x-videomail-site-name",
|
|
@@ -10648,7 +10493,7 @@
|
|
|
10648
10493
|
var client = __webpack_require__("./node_modules/superagent/lib/client.js");
|
|
10649
10494
|
var client_default = /*#__PURE__*/ __webpack_require__.n(client);
|
|
10650
10495
|
var package_namespaceObject = {
|
|
10651
|
-
rE: "11.
|
|
10496
|
+
rE: "11.1.1"
|
|
10652
10497
|
};
|
|
10653
10498
|
var defined = __webpack_require__("./node_modules/defined/index.js");
|
|
10654
10499
|
var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
|
|
@@ -13784,18 +13629,13 @@
|
|
|
13784
13629
|
NAME,
|
|
13785
13630
|
VERSION
|
|
13786
13631
|
]);
|
|
13787
|
-
var VideoType_VideoType = /*#__PURE__*/ function(VideoType) {
|
|
13788
|
-
VideoType["WebM"] = "webm";
|
|
13789
|
-
VideoType["MP4"] = "mp4";
|
|
13790
|
-
return VideoType;
|
|
13791
|
-
}({});
|
|
13792
13632
|
function canPlayType_canPlayType(video, type) {
|
|
13793
13633
|
const canPlayType = video.canPlayType(`video/${type}`);
|
|
13794
13634
|
if ("" === canPlayType) return false;
|
|
13795
13635
|
return canPlayType;
|
|
13796
13636
|
}
|
|
13797
13637
|
const media_canPlayType = canPlayType_canPlayType;
|
|
13798
|
-
const FALLBACK_VIDEO_TYPE =
|
|
13638
|
+
const FALLBACK_VIDEO_TYPE = "mp4";
|
|
13799
13639
|
class Browser {
|
|
13800
13640
|
options;
|
|
13801
13641
|
result;
|
|
@@ -13842,10 +13682,10 @@
|
|
|
13842
13682
|
}
|
|
13843
13683
|
getVideoType(video) {
|
|
13844
13684
|
if (!this.videoType) {
|
|
13845
|
-
if (media_canPlayType(video,
|
|
13846
|
-
else if (media_canPlayType(video,
|
|
13685
|
+
if (media_canPlayType(video, "mp4")) this.videoType = "mp4";
|
|
13686
|
+
else if (media_canPlayType(video, "webm")) this.videoType = "webm";
|
|
13847
13687
|
}
|
|
13848
|
-
if (
|
|
13688
|
+
if ("webm" !== this.videoType && "mp4" !== this.videoType) this.videoType = FALLBACK_VIDEO_TYPE;
|
|
13849
13689
|
if ("" === this.videoType.trim()) this.videoType = FALLBACK_VIDEO_TYPE;
|
|
13850
13690
|
return this.videoType;
|
|
13851
13691
|
}
|
|
@@ -13961,7 +13801,7 @@
|
|
|
13961
13801
|
screen.width,
|
|
13962
13802
|
screen.height,
|
|
13963
13803
|
screen.colorDepth
|
|
13964
|
-
].join("
|
|
13804
|
+
].join("×");
|
|
13965
13805
|
if (screen.orientation) this.orientation = screen.orientation.type;
|
|
13966
13806
|
this.err = errData?.err;
|
|
13967
13807
|
const stackTarget = errData?.cause ?? errData?.err;
|
|
@@ -14831,7 +14671,7 @@
|
|
|
14831
14671
|
}
|
|
14832
14672
|
};
|
|
14833
14673
|
const src_options = options_options;
|
|
14834
|
-
class
|
|
14674
|
+
class CollectLogger_CollectLogger {
|
|
14835
14675
|
browser;
|
|
14836
14676
|
logger;
|
|
14837
14677
|
stack = [];
|
|
@@ -14870,7 +14710,7 @@
|
|
|
14870
14710
|
return this.stack;
|
|
14871
14711
|
}
|
|
14872
14712
|
}
|
|
14873
|
-
const
|
|
14713
|
+
const CollectLogger = CollectLogger_CollectLogger;
|
|
14874
14714
|
var process = __webpack_require__("./node_modules/process/browser.js");
|
|
14875
14715
|
function isTest() {
|
|
14876
14716
|
return "test" === process.env.ENVIRON;
|
|
@@ -14882,7 +14722,7 @@
|
|
|
14882
14722
|
return source;
|
|
14883
14723
|
}
|
|
14884
14724
|
});
|
|
14885
|
-
const collectLogger = new
|
|
14725
|
+
const collectLogger = new CollectLogger(newOptions);
|
|
14886
14726
|
newOptions.logger = collectLogger;
|
|
14887
14727
|
if (util_isTest()) newOptions.verbose = false;
|
|
14888
14728
|
return newOptions;
|
|
@@ -14900,15 +14740,161 @@
|
|
|
14900
14740
|
var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
|
|
14901
14741
|
var styleTagTransform = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
|
|
14902
14742
|
var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
|
|
14903
|
-
var
|
|
14743
|
+
var noSourceMaps = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
|
|
14744
|
+
var noSourceMaps_default = /*#__PURE__*/ __webpack_require__.n(noSourceMaps);
|
|
14745
|
+
var api = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/api.js");
|
|
14746
|
+
var api_default = /*#__PURE__*/ __webpack_require__.n(api);
|
|
14747
|
+
var ___CSS_LOADER_EXPORT___ = api_default()(noSourceMaps_default());
|
|
14748
|
+
___CSS_LOADER_EXPORT___.push([
|
|
14749
|
+
module.id,
|
|
14750
|
+
`@keyframes blink {
|
|
14751
|
+
0% {
|
|
14752
|
+
opacity: .9;
|
|
14753
|
+
}
|
|
14754
|
+
|
|
14755
|
+
35% {
|
|
14756
|
+
opacity: .9;
|
|
14757
|
+
}
|
|
14758
|
+
|
|
14759
|
+
50% {
|
|
14760
|
+
opacity: .1;
|
|
14761
|
+
}
|
|
14762
|
+
|
|
14763
|
+
85% {
|
|
14764
|
+
opacity: .1;
|
|
14765
|
+
}
|
|
14766
|
+
|
|
14767
|
+
100% {
|
|
14768
|
+
opacity: .9;
|
|
14769
|
+
}
|
|
14770
|
+
}
|
|
14771
|
+
|
|
14772
|
+
.videomail .visuals {
|
|
14773
|
+
position: relative;
|
|
14774
|
+
}
|
|
14775
|
+
|
|
14776
|
+
.videomail .visuals video.replay {
|
|
14777
|
+
width: 100%;
|
|
14778
|
+
height: 100%;
|
|
14779
|
+
}
|
|
14780
|
+
|
|
14781
|
+
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .pausedHeader, .videomail .pausedHint {
|
|
14782
|
+
height: auto;
|
|
14783
|
+
margin: 0;
|
|
14784
|
+
}
|
|
14785
|
+
|
|
14786
|
+
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .paused, .videomail .facingMode, .videomail noscript {
|
|
14787
|
+
z-index: 100;
|
|
14788
|
+
position: absolute;
|
|
14789
|
+
}
|
|
14790
|
+
|
|
14791
|
+
.videomail .countdown, .videomail .recordTimer, .videomail .recordNote, .videomail .pausedHeader, .videomail .pausedHint, .videomail noscript {
|
|
14792
|
+
font-weight: bold;
|
|
14793
|
+
}
|
|
14794
|
+
|
|
14795
|
+
.videomail .countdown, .videomail .paused, .videomail noscript {
|
|
14796
|
+
width: 100%;
|
|
14797
|
+
top: 50%;
|
|
14798
|
+
transform: translateY(-50%);
|
|
14799
|
+
}
|
|
14800
|
+
|
|
14801
|
+
.videomail .pausedHeader, .videomail .pausedHint, .videomail .countdown {
|
|
14802
|
+
text-align: center;
|
|
14803
|
+
letter-spacing: 4px;
|
|
14804
|
+
text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
|
|
14805
|
+
}
|
|
14806
|
+
|
|
14807
|
+
.videomail .pausedHeader, .videomail .countdown {
|
|
14808
|
+
opacity: .9;
|
|
14809
|
+
font-size: 460%;
|
|
14810
|
+
}
|
|
14811
|
+
|
|
14812
|
+
.videomail .pausedHint {
|
|
14813
|
+
font-size: 150%;
|
|
14814
|
+
}
|
|
14815
|
+
|
|
14816
|
+
.videomail .facingMode {
|
|
14817
|
+
color: #f5f5f5e6;
|
|
14818
|
+
z-index: 10;
|
|
14819
|
+
background: #1e1e1e80;
|
|
14820
|
+
border: none;
|
|
14821
|
+
outline: none;
|
|
14822
|
+
padding: .1em .3em;
|
|
14823
|
+
font-family: monospace;
|
|
14824
|
+
font-size: 1.2em;
|
|
14825
|
+
transition: all .2s;
|
|
14826
|
+
bottom: .6em;
|
|
14827
|
+
right: .7em;
|
|
14828
|
+
}
|
|
14829
|
+
|
|
14830
|
+
.videomail .facingMode:hover {
|
|
14831
|
+
cursor: pointer;
|
|
14832
|
+
background: #323232b3;
|
|
14833
|
+
}
|
|
14834
|
+
|
|
14835
|
+
.videomail .recordTimer, .videomail .recordNote {
|
|
14836
|
+
color: #00d814;
|
|
14837
|
+
opacity: .9;
|
|
14838
|
+
background: #0a0a0acc;
|
|
14839
|
+
padding: .3em .4em;
|
|
14840
|
+
font-family: monospace;
|
|
14841
|
+
transition: all 1s;
|
|
14842
|
+
right: .7em;
|
|
14843
|
+
}
|
|
14844
|
+
|
|
14845
|
+
.videomail .recordTimer.near, .videomail .recordNote.near {
|
|
14846
|
+
color: #eb9369;
|
|
14847
|
+
}
|
|
14848
|
+
|
|
14849
|
+
.videomail .recordTimer.nigh, .videomail .recordNote.nigh {
|
|
14850
|
+
color: #ea4b2a;
|
|
14851
|
+
}
|
|
14852
|
+
|
|
14853
|
+
.videomail .recordTimer {
|
|
14854
|
+
top: .7em;
|
|
14855
|
+
}
|
|
14856
|
+
|
|
14857
|
+
.videomail .recordNote {
|
|
14858
|
+
top: 3.6em;
|
|
14859
|
+
}
|
|
14860
|
+
|
|
14861
|
+
.videomail .recordNote:before {
|
|
14862
|
+
content: "REC";
|
|
14863
|
+
animation: 1s infinite blink;
|
|
14864
|
+
}
|
|
14865
|
+
|
|
14866
|
+
.videomail .notifier {
|
|
14867
|
+
box-sizing: border-box;
|
|
14868
|
+
overflow: hidden;
|
|
14869
|
+
}
|
|
14870
|
+
|
|
14871
|
+
.videomail .radioGroup {
|
|
14872
|
+
display: block;
|
|
14873
|
+
}
|
|
14874
|
+
|
|
14875
|
+
.videomail .radioGroup label {
|
|
14876
|
+
cursor: pointer;
|
|
14877
|
+
}
|
|
14878
|
+
|
|
14879
|
+
.videomail video {
|
|
14880
|
+
margin-bottom: 0;
|
|
14881
|
+
}
|
|
14882
|
+
|
|
14883
|
+
.videomail video.userMedia {
|
|
14884
|
+
background-color: #3232321a;
|
|
14885
|
+
}
|
|
14886
|
+
`,
|
|
14887
|
+
""
|
|
14888
|
+
]);
|
|
14889
|
+
const main = ___CSS_LOADER_EXPORT___;
|
|
14904
14890
|
var main_options = {};
|
|
14905
14891
|
main_options.styleTagTransform = styleTagTransform_default();
|
|
14906
14892
|
main_options.setAttributes = setAttributesWithoutAttributes_default();
|
|
14907
14893
|
main_options.insert = insertBySelector_default().bind(null, "head");
|
|
14908
14894
|
main_options.domAPI = styleDomAPI_default();
|
|
14909
14895
|
main_options.insertStyleElement = insertStyleElement_default();
|
|
14910
|
-
injectStylesIntoStyleTag_default()(main
|
|
14911
|
-
main
|
|
14896
|
+
injectStylesIntoStyleTag_default()(main, main_options);
|
|
14897
|
+
main && main.locals && main.locals;
|
|
14912
14898
|
var document_visibility = __webpack_require__("./node_modules/document-visibility/index.js");
|
|
14913
14899
|
var document_visibility_default = /*#__PURE__*/ __webpack_require__.n(document_visibility);
|
|
14914
14900
|
function limitHeight(height, options, calledFrom) {
|
|
@@ -15459,7 +15445,7 @@
|
|
|
15459
15445
|
else {
|
|
15460
15446
|
this.facingModeElement = document.createElement("button");
|
|
15461
15447
|
this.facingModeElement.classList.add("facingMode");
|
|
15462
|
-
this.facingModeElement.innerHTML = "
|
|
15448
|
+
this.facingModeElement.innerHTML = "⤾";
|
|
15463
15449
|
this.facingModeElement.onclick = (e)=>{
|
|
15464
15450
|
e?.preventDefault();
|
|
15465
15451
|
try {
|
|
@@ -15806,17 +15792,17 @@
|
|
|
15806
15792
|
this.options.logger.debug("Limit reached");
|
|
15807
15793
|
lead += `${this.options.text.limitReached}.<br/>`;
|
|
15808
15794
|
}
|
|
15809
|
-
lead += `${this.options.text.sending}
|
|
15795
|
+
lead += `${this.options.text.sending} …`;
|
|
15810
15796
|
this.notify(lead, void 0, {
|
|
15811
15797
|
stillWait: true,
|
|
15812
15798
|
entertain: this.options.notifier.entertain
|
|
15813
15799
|
});
|
|
15814
15800
|
}
|
|
15815
15801
|
onConnecting() {
|
|
15816
|
-
this.notify("Connecting
|
|
15802
|
+
this.notify("Connecting …");
|
|
15817
15803
|
}
|
|
15818
15804
|
onLoadingUserMedia() {
|
|
15819
|
-
this.notify("Loading webcam
|
|
15805
|
+
this.notify("Loading webcam …");
|
|
15820
15806
|
}
|
|
15821
15807
|
onProgress(frameProgress, sampleProgress) {
|
|
15822
15808
|
let overallProgress;
|
|
@@ -15828,7 +15814,7 @@
|
|
|
15828
15814
|
}
|
|
15829
15815
|
onBeginVideoEncoding() {
|
|
15830
15816
|
this.visuals.beginWaiting();
|
|
15831
|
-
const lead = `${this.options.text.encoding}
|
|
15817
|
+
const lead = `${this.options.text.encoding} …`;
|
|
15832
15818
|
this.notify(lead, void 0, {
|
|
15833
15819
|
stillWait: true,
|
|
15834
15820
|
entertain: this.options.notifier.entertain
|
|
@@ -15860,7 +15846,7 @@
|
|
|
15860
15846
|
this.onBeginVideoEncoding();
|
|
15861
15847
|
});
|
|
15862
15848
|
this.on("UNLOADING", ()=>{
|
|
15863
|
-
this.notify("Unloading
|
|
15849
|
+
this.notify("Unloading …");
|
|
15864
15850
|
});
|
|
15865
15851
|
this.on("DISCONNECTED", ()=>{
|
|
15866
15852
|
this.notify("Disconnected");
|
|
@@ -16257,7 +16243,7 @@
|
|
|
16257
16243
|
"volumechange"
|
|
16258
16244
|
];
|
|
16259
16245
|
const mediaEvents = MEDIA_EVENTS;
|
|
16260
|
-
const EVENT_ASCII = "
|
|
16246
|
+
const EVENT_ASCII = "|—O—|";
|
|
16261
16247
|
class UserMedia extends util_Despot {
|
|
16262
16248
|
recorder;
|
|
16263
16249
|
rawVisualUserMedia;
|
|
@@ -16547,7 +16533,7 @@
|
|
|
16547
16533
|
}
|
|
16548
16534
|
const visuals_userMedia = UserMedia;
|
|
16549
16535
|
var Buffer = __webpack_require__("./node_modules/buffer/index.js")["Buffer"];
|
|
16550
|
-
const PIPE_SYMBOL = "
|
|
16536
|
+
const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
|
|
16551
16537
|
class Recorder extends util_Despot {
|
|
16552
16538
|
visuals;
|
|
16553
16539
|
replay;
|
|
@@ -17047,7 +17033,7 @@
|
|
|
17047
17033
|
}, 0);
|
|
17048
17034
|
}
|
|
17049
17035
|
} else {
|
|
17050
|
-
this.options.logger.debug(`Reconnecting for the command ${command}
|
|
17036
|
+
this.options.logger.debug(`Reconnecting for the command ${command} …`);
|
|
17051
17037
|
this.initSocket(()=>{
|
|
17052
17038
|
this.writeCommand(command, args);
|
|
17053
17039
|
cb?.();
|
|
@@ -17683,10 +17669,10 @@
|
|
|
17683
17669
|
}
|
|
17684
17670
|
}
|
|
17685
17671
|
setMp4Source(src, bustCache) {
|
|
17686
|
-
this.setVideoSource(
|
|
17672
|
+
this.setVideoSource("mp4", src, bustCache);
|
|
17687
17673
|
}
|
|
17688
17674
|
setWebMSource(src, bustCache) {
|
|
17689
|
-
this.setVideoSource(
|
|
17675
|
+
this.setVideoSource("webm", src, bustCache);
|
|
17690
17676
|
}
|
|
17691
17677
|
getVideoType() {
|
|
17692
17678
|
if (!this.replayElement) return;
|
|
@@ -18322,7 +18308,7 @@
|
|
|
18322
18308
|
const name = invalidInput.getAttribute("name");
|
|
18323
18309
|
valid = false;
|
|
18324
18310
|
if (name) {
|
|
18325
|
-
whyInvalid = `Input "${name}" seems wrong
|
|
18311
|
+
whyInvalid = `Input "${name}" seems wrong 🤔`;
|
|
18326
18312
|
invalidData = {
|
|
18327
18313
|
[name]: invalidInput.getAttribute("value")
|
|
18328
18314
|
};
|
|
@@ -18330,7 +18316,7 @@
|
|
|
18330
18316
|
} else if (!this.areVisualsHidden() && !visualsValid) {
|
|
18331
18317
|
if (this.buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {
|
|
18332
18318
|
valid = false;
|
|
18333
|
-
whyInvalid = "Don't forget to record a video
|
|
18319
|
+
whyInvalid = "Don't forget to record a video 😉";
|
|
18334
18320
|
invalidData = {
|
|
18335
18321
|
key: void 0
|
|
18336
18322
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "videomail-client",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.1.1",
|
|
4
4
|
"description": "A wicked npm package to record videos directly in the browser, wohooo!",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"webcam",
|
|
@@ -74,37 +74,37 @@
|
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
76
|
"@chromatic-com/storybook": "4.1.1",
|
|
77
|
-
"@eslint/config-inspector": "1.
|
|
77
|
+
"@eslint/config-inspector": "1.3.0",
|
|
78
78
|
"@eslint/js": "9.35.0",
|
|
79
79
|
"@rsbuild/plugin-node-polyfill": "1.4.2",
|
|
80
80
|
"@rsbuild/plugin-stylus": "1.2.0",
|
|
81
81
|
"@rsdoctor/rspack-plugin": "1.2.3",
|
|
82
|
-
"@rslib/core": "0.13.
|
|
83
|
-
"@storybook/addon-a11y": "9.1.
|
|
84
|
-
"@storybook/addon-docs": "9.1.
|
|
85
|
-
"@storybook/addon-links": "9.1.
|
|
86
|
-
"@storybook/html": "9.1.
|
|
82
|
+
"@rslib/core": "0.13.3",
|
|
83
|
+
"@storybook/addon-a11y": "9.1.8",
|
|
84
|
+
"@storybook/addon-docs": "9.1.8",
|
|
85
|
+
"@storybook/addon-links": "9.1.8",
|
|
86
|
+
"@storybook/html": "9.1.8",
|
|
87
87
|
"@tsconfig/node22": "22.0.2",
|
|
88
|
-
"@tsconfig/strictest": "2.0.
|
|
88
|
+
"@tsconfig/strictest": "2.0.6",
|
|
89
89
|
"@types/defined": "1.0.2",
|
|
90
|
-
"@types/node": "22.
|
|
90
|
+
"@types/node": "22.18.6",
|
|
91
91
|
"@types/superagent": "8.1.9",
|
|
92
92
|
"@types/ua-parser-js": "0.7.39",
|
|
93
|
-
"@vitest/eslint-plugin": "1.3.
|
|
93
|
+
"@vitest/eslint-plugin": "1.3.12",
|
|
94
94
|
"audit-ci": "7.1.0",
|
|
95
95
|
"chromatic": "13.1.4",
|
|
96
96
|
"cross-env": "10.0.0",
|
|
97
97
|
"eslint": "9.35.0",
|
|
98
98
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
99
99
|
"eslint-plugin-de-morgan": "1.3.1",
|
|
100
|
-
"eslint-plugin-depend": "1.
|
|
100
|
+
"eslint-plugin-depend": "1.3.1",
|
|
101
101
|
"eslint-plugin-import-x": "4.16.1",
|
|
102
|
-
"eslint-plugin-package-json": "0.56.
|
|
102
|
+
"eslint-plugin-package-json": "0.56.3",
|
|
103
103
|
"eslint-plugin-promise": "7.2.1",
|
|
104
104
|
"eslint-plugin-regexp": "2.10.0",
|
|
105
105
|
"eslint-plugin-security": "3.0.1",
|
|
106
106
|
"eslint-plugin-simple-import-sort": "12.1.1",
|
|
107
|
-
"eslint-plugin-storybook": "9.1.
|
|
107
|
+
"eslint-plugin-storybook": "9.1.8",
|
|
108
108
|
"globals": "16.4.0",
|
|
109
109
|
"jsdom": "27.0.0",
|
|
110
110
|
"msw": "2.11.1",
|
|
@@ -113,10 +113,10 @@
|
|
|
113
113
|
"prettier-plugin-curly": "0.3.2",
|
|
114
114
|
"prettier-plugin-packagejson": "2.5.19",
|
|
115
115
|
"prettier-plugin-sh": "0.18.0",
|
|
116
|
-
"release-it": "19.0.
|
|
117
|
-
"storybook": "9.1.
|
|
116
|
+
"release-it": "19.0.5",
|
|
117
|
+
"storybook": "9.1.8",
|
|
118
118
|
"storybook-html-rsbuild": "2.0.4",
|
|
119
|
-
"type-fest": "5.0.
|
|
119
|
+
"type-fest": "5.0.1",
|
|
120
120
|
"typescript": "5.9.2",
|
|
121
121
|
"typescript-eslint": "8.41.0",
|
|
122
122
|
"vitest": "3.2.4"
|