@vindral/web-sdk 4.0.0 → 4.1.0-1-g31205a30
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/BojTkNPM.js +11797 -0
- package/{BTxJOjm9.js → Bx7s5QdT.js} +3 -0
- package/{BzSm3HsC.js → Cxs0dJcY.js} +1 -1
- package/api-client.d.ts +121 -42
- package/api-client.js +1 -1
- package/cast-sender.d.ts +34 -6
- package/cast-sender.js +1 -1
- package/core.d.ts +489 -345
- package/core.js +4 -5
- package/{C291RiDK.js → ez5LtZtE.js} +1 -1
- package/hRzek83o.js +234 -0
- package/legacy.d.ts +499 -355
- package/legacy.es.js +10199 -4366
- package/legacy.umd.js +9 -8
- package/package.json +5 -1
- package/player.d.ts +596 -354
- package/player.js +2078 -1421
- package/react.d.ts +1855 -0
- package/react.js +1 -0
- package/style.css +1 -1
- package/B7jz034g.js +0 -147
- package/DwDXQwR0.js +0 -6037
package/react.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._buffering_1ccif_1{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;left:16px;border-radius:100%;background-color:#0000004d;transition:opacity .25s;transition-delay:1s;opacity:1;pointer-events:none}._buffering-fullscreen_1ccif_16{top:0;left:0;width:100%;height:100%;border-radius:0;transition-delay:0s}._hidden_1ccif_25{pointer-events:none;transition-delay:0s;opacity:0}._buffering-indicator_1ccif_31{width:40px;height:40px;border-radius:40px;background-color:#fff;animation:_scaleout_1ccif_1 1s infinite ease-in-out}@-webkit-keyframes _scaleout_1ccif_1{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes _scaleout_1ccif_1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.
|
|
1
|
+
._buffering_1ccif_1{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;left:16px;border-radius:100%;background-color:#0000004d;transition:opacity .25s;transition-delay:1s;opacity:1;pointer-events:none}._buffering-fullscreen_1ccif_16{top:0;left:0;width:100%;height:100%;border-radius:0;transition-delay:0s}._hidden_1ccif_25{pointer-events:none;transition-delay:0s;opacity:0}._buffering-indicator_1ccif_31{width:40px;height:40px;border-radius:40px;background-color:#fff;animation:_scaleout_1ccif_1 1s infinite ease-in-out}@-webkit-keyframes _scaleout_1ccif_1{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1);opacity:0}}@keyframes _scaleout_1ccif_1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}._bar_zames_1{z-index:11;position:absolute;display:flex;bottom:2em;right:2em;left:2em;padding:0 10px;margin:0 auto;max-width:900px;height:40px;border-radius:10px;background-color:#0009;box-shadow:inset 0 1px #fff3,#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;transition:all .25s ease;transform:translateZ(0)}@media only screen and (max-width: 576px){._bar_zames_1{bottom:0;right:0;left:0;padding:0;border-radius:0}}@media only screen and (max-width: 360px){._bar_zames_1{height:30px}._bar_zames_1 svg{height:30px}}@media only screen and (max-width: 200px){._bar_zames_1{zoom:.7}}._hidden_zames_45{transform:translate3d(0,40px,400px);opacity:0}._bar_zames_1 google-cast-launcher{padding:7px;color:#fff;cursor:pointer;--disconnected-color: white}._channel-selection-item_suenn_1{padding:8px;cursor:pointer;border:2px solid transparent;border-radius:.5em}._channel-selection-item-selected_suenn_8{background-color:#0080ff33;border-color:#fff}._channel-selection-item-image_suenn_13{position:absolute;left:0;top:0}._withThumbnails_suenn_19{background-size:cover;text-align:center;font-weight:700;margin:.5em}@media only screen and (max-width: 260px){._hide-on-small_suenn_27{display:none}}._icon-button_5fg7v_1{transition:.25s ease transform}._icon-button_5fg7v_1:hover{transform:scale(.9)}._icon-button_5fg7v_1:active{transform:scale(.8)}._list_pxz62_1{overflow:hidden;border-radius:10px;background-color:#0009;box-shadow:inset 0 1px #fff3,#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;transition:all .25s ease}._list-item_pxz62_10{color:#fff}._list-item-disabled_pxz62_14{opacity:.5}._hidden_pxz62_18{display:none}._container_13xnz_1{position:relative;cursor:pointer}._hidden_13xnz_6{display:none}._list_13xnz_10{position:absolute;width:150px;left:22px;transform:translate(-50%);bottom:44px;overflow-y:auto}._language-button-item_1dov5_1{padding:8px;cursor:pointer}._language-button-item-selected_1dov5_6{background-color:#0080ff33}._item_5vhyo_1{padding:8px;cursor:pointer}._item-selected_5vhyo_6{background-color:#0080ff33}._title_5vhyo_10{display:block}._sub-title_5vhyo_14{display:block;font-size:12px;opacity:.9}@media only screen and (max-width: 260px){._hide-on-small_5vhyo_21{display:none}}._text-track-button-item_1ry10_1{padding:8px;cursor:pointer}._text-track-button-item-selected_1ry10_6{background-color:#0080ff33}._castoverlay_1n91l_1{position:absolute;top:0;left:0;width:100%;font-size:20px;text-align:center;padding:5% 0;box-shadow:0 0 20px #000;background:#00000080;pointer-events:none}@media only screen and (max-width: 600px){._castoverlay_1n91l_1{font-size:14px}}._hidden_1n91l_20{display:none}@keyframes _show-and-scaleup_137xm_1{0%{opacity:0;transform:scale(0)}20%{opacity:0}70%{opacity:1}to{opacity:1;transform:scale(1)}}._button_137xm_21{max-width:20vw;width:14em;height:7em;margin-bottom:.5em;padding:.5em .75em;background:#222;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;font-size:1em;font-weight:700;border:2px solid transparent;border-radius:.5em;box-shadow:inset 0 1px #fff3,#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;opacity:0;animation-delay:0s;animation-duration:.5s;animation-name:_show-and-scaleup_137xm_1;color:#fff;text-align:center;animation-fill-mode:forwards;cursor:pointer}._button_137xm_21 span{z-index:99;width:100%;pointer-events:none}@media only screen and (max-width: 400px){._button_137xm_21 span{display:none}}@media only screen and (max-width: 576px){._button_137xm_21{width:7em;height:3.5em;margin-bottom:.3em;padding:.3em .5em}._button_137xm_21 span{font-size:.5em}}@media only screen and (max-width: 768px){._button_137xm_21 span{font-size:.7em}}@media only screen and (max-width: 768px) and (min-width: 576px){._button_137xm_21{width:10em;height:5em;margin-bottom:.4em;padding:.4em .6em}}._image_137xm_96{position:absolute;inset:0;background-size:cover;background-clip:padding-box;opacity:1;transition:opacity 3s}._overlay_137xm_116{opacity:0;position:absolute;inset:0;background:#0006;background-position:50% 50%;background-repeat:no-repeat;background-size:2em}._overlay_137xm_116:hover{opacity:1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzEiIGQ9Im0xNTc2LDkyN2wtMTMyOCw3MzhxLTIzLDEzIC0zOS41LDN0LTE2LjUsLTM2bDAsLTE0NzJxMCwtMjYgMTYuNSwtMzZ0MzkuNSwzbDEzMjgsNzM4cTIzLDEzIDIzLDMxdC0yMywzMXoiLz4KIDwvZz4KPC9zdmc+)}._selected_137xm_134{border-color:#fff;pointer-events:none}._hidden_137xm_139{display:none}._disabled_137xm_143{background-color:#18121299}._channel-selection-overlay_btpgd_1{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff4d914d}._container_btpgd_13{display:flex;flex-direction:column;position:absolute;top:0;right:0;z-index:10;padding:1em;max-height:calc(100% - 60px);overflow-y:auto}@media only screen and (max-width: 576px){._container_btpgd_13{padding:.3em}}@media only screen and (max-width: 768px) and (min-width: 576px){._container_btpgd_13{padding:.6em}}._hidden_btpgd_37{display:none}._disabled_btpgd_41{background-color:#18121299}._fullscreen_1v9d8_1{position:fixed!important;inset:0!important;margin:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;transform:none!important;z-index:1000!important;background:#000;inset:0;object-fit:contain}._player_j1uto_1{position:relative;background-color:#141414;overflow:hidden;width:100%;display:flex;justify-content:center}._player_j1uto_1>video,._player_j1uto_1>canvas{object-fit:contain}._player_j1uto_1:focus-visible{outline:none}._one-to-one_j1uto_19>video,._one-to-one_j1uto_19>canvas{height:auto!important;max-height:auto!important;width:auto!important;max-width:auto!important;object-fit:contain}._audio-only_j1uto_28{min-height:100px;overflow:visible}._player_j1uto_1{video::-webkit-media-text-track-display{transform:translateY(var(--vindral-control-bar-offset, 0px))!important}}._playoverlay_1niji_1{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;cursor:pointer;transition:opacity .25s;transition-delay:.5s;opacity:1}._hidden_1niji_17{pointer-events:none;transition-delay:0s;opacity:0}._playoverlay-indicator_1niji_23{width:0;height:0;border-top:40px solid transparent;border-bottom:40px solid transparent;border-left:60px solid rgba(255,255,255,.8)}@media only screen and (max-width: 400px){._playoverlay-indicator_1niji_23{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid rgba(255,255,255,.8)}}
|
package/B7jz034g.js
DELETED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
var I = Object.defineProperty, $ = Object.defineProperties;
|
|
2
|
-
var k = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var y = Object.getOwnPropertySymbols;
|
|
4
|
-
var C = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var p = (e, t, n) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
|
|
6
|
-
for (var n in t || (t = {}))
|
|
7
|
-
C.call(t, n) && p(e, n, t[n]);
|
|
8
|
-
if (y)
|
|
9
|
-
for (var n of y(t))
|
|
10
|
-
G.call(t, n) && p(e, n, t[n]);
|
|
11
|
-
return e;
|
|
12
|
-
}, U = (e, t) => $(e, k(t));
|
|
13
|
-
var u = (e, t, n) => p(e, typeof t != "symbol" ? t + "" : t, n);
|
|
14
|
-
var i = (e, t, n) => new Promise((r, s) => {
|
|
15
|
-
var a = (h) => {
|
|
16
|
-
try {
|
|
17
|
-
o(n.next(h));
|
|
18
|
-
} catch (l) {
|
|
19
|
-
s(l);
|
|
20
|
-
}
|
|
21
|
-
}, c = (h) => {
|
|
22
|
-
try {
|
|
23
|
-
o(n.throw(h));
|
|
24
|
-
} catch (l) {
|
|
25
|
-
s(l);
|
|
26
|
-
}
|
|
27
|
-
}, o = (h) => h.done ? r(h.value) : Promise.resolve(h.value).then(a, c);
|
|
28
|
-
o((n = n.apply(e, t)).next());
|
|
29
|
-
});
|
|
30
|
-
const v = (e) => e ? {
|
|
31
|
-
Authorization: `Bearer ${e}`
|
|
32
|
-
} : void 0, A = (e) => {
|
|
33
|
-
try {
|
|
34
|
-
return JSON.parse(e);
|
|
35
|
-
} catch (t) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
}, L = (e) => typeof e == "object" && e !== null && "message" in e;
|
|
39
|
-
class f extends Error {
|
|
40
|
-
constructor({ status: n, url: r, body: s }) {
|
|
41
|
-
const a = A(s), c = L(a) ? a.message : `Url ${r.toString()}, Status code: ${n}, Body: ${s}`;
|
|
42
|
-
super(c);
|
|
43
|
-
u(this, "status");
|
|
44
|
-
u(this, "body");
|
|
45
|
-
u(this, "url");
|
|
46
|
-
this.status = n, this.body = s, this.url = r, Object.setPrototypeOf(this, new.target.prototype);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
const S = (e) => typeof e.status == "number", w = (e, t) => i(void 0, null, function* () {
|
|
50
|
-
const n = yield fetch(e.toString(), d({ mode: "cors" }, t));
|
|
51
|
-
if (!n.ok)
|
|
52
|
-
throw new f({ status: n.status, url: e, body: yield n.text() });
|
|
53
|
-
return n;
|
|
54
|
-
}), g = (e, t) => i(void 0, null, function* () {
|
|
55
|
-
return yield (yield w(e, d({}, t))).json();
|
|
56
|
-
}), E = (e, t) => i(void 0, null, function* () {
|
|
57
|
-
return w(e, d({ method: "POST" }, t));
|
|
58
|
-
}), b = {
|
|
59
|
-
lbConnect: (e) => e.channelGroupId ? `connect/?channelId=${e.channelId}&channelGroupId=${e.channelGroupId}` : `connect/?channelId=${e.channelId}`,
|
|
60
|
-
thumbnails: (e, t) => t ? e.channelGroupId ? `thumbnail/?channelGroupId=${e.channelGroupId}&auth.token=${t}&auth.type=jwt` : e.channelId ? `thumbnail/?channelId=${e.channelId}&auth.token=${t}&auth.type=jwt` : "thumbnail" : "thumbnail"
|
|
61
|
-
};
|
|
62
|
-
class F {
|
|
63
|
-
constructor(t) {
|
|
64
|
-
u(this, "baseUrl");
|
|
65
|
-
u(this, "tokenFactory");
|
|
66
|
-
this.baseUrl = new URL("/api/v2/", t.publicEndpoint).toString(), this.tokenFactory = t.tokenFactory;
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* Returns everything needed to setup the connection of Vindral instance.
|
|
70
|
-
*/
|
|
71
|
-
connect(t) {
|
|
72
|
-
return i(this, null, function* () {
|
|
73
|
-
const { channelId: n, channelGroupId: r } = t, s = { channelId: n, channelGroupId: r }, a = new URL(b.lbConnect(t), this.baseUrl), c = this.getAuthToken(s), o = yield g(a, { headers: this.getHeaders(c) });
|
|
74
|
-
return {
|
|
75
|
-
channels: o.channels.map((l) => {
|
|
76
|
-
const m = this.toChannel(l, s);
|
|
77
|
-
return U(d({}, m), {
|
|
78
|
-
renditions: l.renditions,
|
|
79
|
-
overrides: l.overrides
|
|
80
|
-
});
|
|
81
|
-
}),
|
|
82
|
-
edges: o.edges,
|
|
83
|
-
logsUrl: o.logsUrl,
|
|
84
|
-
statsUrl: o.statsUrl,
|
|
85
|
-
telemetry: o.telemetry
|
|
86
|
-
};
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* Fetches information regarding a single channel.
|
|
91
|
-
*
|
|
92
|
-
* @param channelId the channel to fetch
|
|
93
|
-
* @returns a [[Channel]] containing information about the requested channel.
|
|
94
|
-
*/
|
|
95
|
-
getChannel(t) {
|
|
96
|
-
return i(this, null, function* () {
|
|
97
|
-
const n = { channelId: t }, r = new URL(`channel/${t}`, this.baseUrl), s = this.getAuthToken(n), a = yield g(r, { headers: this.getHeaders(s) });
|
|
98
|
-
return this.toChannel(a, n, s);
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
/**
|
|
102
|
-
* Fetches channels within a channel group
|
|
103
|
-
*
|
|
104
|
-
* Note: The returned list includes inactive channels - check isLive to filter out only active channels
|
|
105
|
-
*
|
|
106
|
-
* @param channelGroup the channel group to fetch channels from
|
|
107
|
-
* @returns an array of [[Channel]] that belong to the channel group
|
|
108
|
-
*/
|
|
109
|
-
getChannels(t) {
|
|
110
|
-
return i(this, null, function* () {
|
|
111
|
-
const n = { channelGroupId: t }, r = new URL(`channels/${t}`, this.baseUrl), s = this.getAuthToken(n), a = yield g(r, { headers: this.getHeaders(s) });
|
|
112
|
-
return this.toChannels(a, n, s);
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
getHeaders(t) {
|
|
116
|
-
var r;
|
|
117
|
-
return (r = v(t)) != null ? r : {};
|
|
118
|
-
}
|
|
119
|
-
getAuthToken(t) {
|
|
120
|
-
return this.tokenFactory ? this.tokenFactory(t) : void 0;
|
|
121
|
-
}
|
|
122
|
-
toChannels(t, n, r) {
|
|
123
|
-
return t.map((s) => this.toChannel(s, n, r));
|
|
124
|
-
}
|
|
125
|
-
toChannel(t, n, r) {
|
|
126
|
-
const { baseUrl: s, sizes: a } = t.thumbnail, c = s || new URL(b.thumbnails(n, r), this.baseUrl), o = a.map((h) => new URL(
|
|
127
|
-
`?channelId=${t.channelId}&width=${h.width}&height=${h.height}${j(
|
|
128
|
-
n,
|
|
129
|
-
r
|
|
130
|
-
)}`,
|
|
131
|
-
c
|
|
132
|
-
).toString());
|
|
133
|
-
return {
|
|
134
|
-
channelId: t.channelId,
|
|
135
|
-
name: t.name,
|
|
136
|
-
isLive: t.isLive,
|
|
137
|
-
thumbnailUrls: o
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
const j = (e, t) => t ? e.channelGroupId ? `&channelGroupId=${e.channelGroupId}&auth.token=${t}&auth.type=jwt` : `&auth.token=${t}&auth.type=jwt` : "";
|
|
142
|
-
export {
|
|
143
|
-
F as A,
|
|
144
|
-
S as i,
|
|
145
|
-
E as p,
|
|
146
|
-
A as t
|
|
147
|
-
};
|