@viostream/viostream-player-vue 0.1.1 → 0.2.2
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/README.md +11 -57
- package/dist/ViostreamPlayer.vue.d.ts +12 -2
- package/dist/ViostreamPlayer.vue.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +60 -56
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -76,16 +76,21 @@ All embed options are optional and passed directly to the Viostream embed API.
|
|
|
76
76
|
| Prop | Type | Description |
|
|
77
77
|
|---|---|---|
|
|
78
78
|
| `chapters` | `boolean` | Display chapter markers. |
|
|
79
|
-
| `chapter-display-type` | `'dropdown' \| 'progressbar' \| 'horizontal'` | Chapter display style. |
|
|
80
79
|
| `chapter-slug` | `string` | Seek to a named chapter before playback. |
|
|
81
|
-
| `display-title` | `boolean` | Show the video title overlay. |
|
|
82
|
-
| `hls-quality-selector` | `boolean` | Show the HLS quality selector. |
|
|
80
|
+
| `display-title` | `boolean` | Show the video title overlay. Default: `false`. |
|
|
81
|
+
| `hls-quality-selector` | `boolean` | Show the HLS quality selector. Default: `true`. |
|
|
83
82
|
| `player-key` | `string` | Override the player theme to use. |
|
|
84
|
-
| `
|
|
85
|
-
| `
|
|
83
|
+
| `player-style` | `'video' \| 'audio' \| 'audio-poster'` | The player rendering style. Default: `'video'`. |
|
|
84
|
+
| `sharing` | `boolean` | Show sharing controls. Default: `false`. |
|
|
85
|
+
| `skin-active` | `string` | Custom skin active colour (e.g. `'#ff0000'`). Requires `skinCustom: true`. |
|
|
86
|
+
| `skin-background` | `string` | Custom skin background colour (e.g. `'#000000'`). Requires `skinCustom: true`. |
|
|
87
|
+
| `skin-custom` | `boolean` | Enable a custom skin via the API. Default: `false`. |
|
|
88
|
+
| `skin-inactive` | `string` | Custom skin inactive colour (e.g. `'#cccccc'`). Requires `skinCustom: true`. |
|
|
89
|
+
| `speed-selector` | `boolean` | Show playback speed selector. Default: `true`. |
|
|
86
90
|
| `start-end-timespan` | `string` | Play a specific section (e.g. `'10,30'`). |
|
|
87
91
|
| `start-time` | `string` | Seek to a time (seconds) before playback. |
|
|
88
|
-
| `transcript-download` | `boolean` | Allow transcript download. |
|
|
92
|
+
| `transcript-download` | `boolean` | Allow transcript download. Default: `false`. |
|
|
93
|
+
| `use-settings-menu` | `boolean` | Enable the settings menu on the control bar. Default: `false`. |
|
|
89
94
|
|
|
90
95
|
#### Events
|
|
91
96
|
|
|
@@ -228,36 +233,7 @@ const paused = await player.getPaused(); // boolean
|
|
|
228
233
|
const duration = await player.getDuration(); // number (seconds)
|
|
229
234
|
const muted = await player.getMuted(); // boolean
|
|
230
235
|
const ratio = await player.getAspectRatio(); // number
|
|
231
|
-
const liveTime = await player.getLiveCurrentTime(); // number (seconds)
|
|
232
236
|
const height = await player.getHeight(); // number (pixels)
|
|
233
|
-
const tracks = await player.getTracks(); // ViostreamTrack[]
|
|
234
|
-
```
|
|
235
|
-
|
|
236
|
-
### Track Management
|
|
237
|
-
|
|
238
|
-
```ts
|
|
239
|
-
const tracks = await player.getTracks();
|
|
240
|
-
player.setTrack(tracks[0]); // pass a ViostreamTrack object
|
|
241
|
-
player.setTrack('en'); // or a track id string
|
|
242
|
-
```
|
|
243
|
-
|
|
244
|
-
### Cue Management
|
|
245
|
-
|
|
246
|
-
```ts
|
|
247
|
-
player.cueAdd({ startTime: 10, text: 'Introduction' });
|
|
248
|
-
|
|
249
|
-
player.cueUpdate(
|
|
250
|
-
{ startTime: 10, text: 'Introduction' },
|
|
251
|
-
{ text: 'Updated Introduction' }
|
|
252
|
-
);
|
|
253
|
-
|
|
254
|
-
player.cueDelete('cue-id');
|
|
255
|
-
```
|
|
256
|
-
|
|
257
|
-
### Automatic Speech Recognition (ASR)
|
|
258
|
-
|
|
259
|
-
```ts
|
|
260
|
-
player.asrAdd(cueArray, 'asr-track-id');
|
|
261
237
|
```
|
|
262
238
|
|
|
263
239
|
### Events
|
|
@@ -314,19 +290,6 @@ After calling `destroy()`:
|
|
|
314
290
|
- All event listeners are removed.
|
|
315
291
|
- The player iframe is removed from the DOM.
|
|
316
292
|
- Getter calls will reject with `"Player has been destroyed"`.
|
|
317
|
-
- `player.raw` returns `undefined`.
|
|
318
|
-
|
|
319
|
-
### Raw Escape Hatch
|
|
320
|
-
|
|
321
|
-
If you need direct access to the underlying Viostream player instance:
|
|
322
|
-
|
|
323
|
-
```ts
|
|
324
|
-
const raw = player.raw; // RawViostreamPlayerInstance | undefined
|
|
325
|
-
if (raw) {
|
|
326
|
-
raw.getVolume((vol) => console.log(vol)); // callback-based original API
|
|
327
|
-
}
|
|
328
|
-
```
|
|
329
|
-
|
|
330
293
|
---
|
|
331
294
|
|
|
332
295
|
## Script Loader
|
|
@@ -365,12 +328,7 @@ import type {
|
|
|
365
328
|
ViostreamProgressData,
|
|
366
329
|
ViostreamPlayerEventMap,
|
|
367
330
|
ViostreamEventHandler,
|
|
368
|
-
ViostreamCue,
|
|
369
|
-
ViostreamCueFieldUpdate,
|
|
370
|
-
ViostreamTrack,
|
|
371
331
|
CreateViostreamPlayerOptions,
|
|
372
|
-
RawViostreamPlayerInstance,
|
|
373
|
-
ViostreamGlobal
|
|
374
332
|
} from '@viostream/viostream-player-vue';
|
|
375
333
|
```
|
|
376
334
|
|
|
@@ -442,10 +400,6 @@ function format(s: number): string {
|
|
|
442
400
|
const vol = await player?.getVolume();
|
|
443
401
|
addLog(`volume: ${vol}`);
|
|
444
402
|
}">Get Volume</button>
|
|
445
|
-
<button @click="async () => {
|
|
446
|
-
const tracks = await player?.getTracks();
|
|
447
|
-
addLog(`tracks: ${JSON.stringify(tracks)}`);
|
|
448
|
-
}">Get Tracks</button>
|
|
449
403
|
</div>
|
|
450
404
|
|
|
451
405
|
<pre>{{ log.join('\n') }}</pre>
|
|
@@ -3,16 +3,21 @@ type __VLS_Props = {
|
|
|
3
3
|
accountKey: string;
|
|
4
4
|
publicKey: string;
|
|
5
5
|
chapters?: boolean;
|
|
6
|
-
chapterDisplayType?: 'progressbar';
|
|
7
6
|
chapterSlug?: string;
|
|
8
7
|
displayTitle?: boolean;
|
|
9
8
|
hlsQualitySelector?: boolean;
|
|
10
9
|
playerKey?: string;
|
|
10
|
+
playerStyle?: 'video' | 'audio' | 'audio-poster';
|
|
11
11
|
sharing?: boolean;
|
|
12
|
+
skinActive?: string;
|
|
13
|
+
skinBackground?: string;
|
|
14
|
+
skinCustom?: boolean;
|
|
15
|
+
skinInactive?: string;
|
|
12
16
|
speedSelector?: boolean;
|
|
13
17
|
startEndTimespan?: string;
|
|
14
18
|
startTime?: string;
|
|
15
19
|
transcriptDownload?: boolean;
|
|
20
|
+
useSettingsMenu?: boolean;
|
|
16
21
|
class?: string;
|
|
17
22
|
};
|
|
18
23
|
declare function __VLS_template(): {
|
|
@@ -60,16 +65,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
60
65
|
onPlayerReady?: ((player: ViostreamPlayer) => any) | undefined;
|
|
61
66
|
}>, {
|
|
62
67
|
chapters: boolean;
|
|
63
|
-
chapterDisplayType: "progressbar";
|
|
64
68
|
chapterSlug: string;
|
|
65
69
|
displayTitle: boolean;
|
|
66
70
|
hlsQualitySelector: boolean;
|
|
67
71
|
playerKey: string;
|
|
72
|
+
playerStyle: "video" | "audio" | "audio-poster";
|
|
68
73
|
sharing: boolean;
|
|
74
|
+
skinActive: string;
|
|
75
|
+
skinBackground: string;
|
|
76
|
+
skinCustom: boolean;
|
|
77
|
+
skinInactive: string;
|
|
69
78
|
speedSelector: boolean;
|
|
70
79
|
startEndTimespan: string;
|
|
71
80
|
startTime: string;
|
|
72
81
|
transcriptDownload: boolean;
|
|
82
|
+
useSettingsMenu: boolean;
|
|
73
83
|
class: string;
|
|
74
84
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
75
85
|
containerRef: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViostreamPlayer.vue.d.ts","sourceRoot":"","sources":["../src/ViostreamPlayer.vue"],"names":[],"mappings":"AAMA;
|
|
1
|
+
{"version":3,"file":"ViostreamPlayer.vue.d.ts","sourceRoot":"","sources":["../src/ViostreamPlayer.vue"],"names":[],"mappings":"AAMA;AA6PA,OAAO,KAAK,EAEV,eAAe,EAGf,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;AAM1C,KAAK,WAAW,GAAG;IAEjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,cAAc,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0MF,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;kBApMtC,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBADrC,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;;;EAwMhD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;cAxRR,OAAO;iBACJ,MAAM;kBACL,OAAO;wBACD,OAAO;eAChB,MAAM;iBACJ,OAAO,GAAG,OAAO,GAAG,cAAc;aACtC,OAAO;gBACJ,MAAM;oBACF,MAAM;gBACV,OAAO;kBACL,MAAM;mBACL,OAAO;sBACJ,MAAM;eACb,MAAM;wBACG,OAAO;qBACV,OAAO;WAGjB,MAAM;;;kBAgRd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
37
37
|
export { default as ViostreamPlayer } from './ViostreamPlayer.vue';
|
|
38
|
-
export { createViostreamPlayer,
|
|
39
|
-
export type { CreateViostreamPlayerOptions, ViostreamEmbedOptions, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData, ViostreamPlayerEventMap, ViostreamEventHandler,
|
|
38
|
+
export { createViostreamPlayer, loadViostream, } from '@viostream/viostream-player-core';
|
|
39
|
+
export type { CreateViostreamPlayerOptions, ViostreamEmbedOptions, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData, ViostreamPlayerEventMap, ViostreamEventHandler, ViostreamPlayer as ViostreamPlayerInstance, } from '@viostream/viostream-player-core';
|
|
40
40
|
export type { ViostreamPlayerProps, ViostreamPlayerEventProps, } from './types.js';
|
|
41
41
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAGH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EACL,qBAAqB,EACrB,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAGH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGnE,OAAO,EACL,qBAAqB,EACrB,aAAa,GACd,MAAM,kCAAkC,CAAC;AAE1C,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,eAAe,IAAI,uBAAuB,GAC3C,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,47 +1,52 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { loadViostream as N, wrapRawPlayer as
|
|
3
|
-
import { createViostreamPlayer as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as w, ref as n, onMounted as C, onUnmounted as V, openBlock as _, createElementBlock as K, normalizeClass as M, renderSlot as v, createCommentVNode as m, createElementVNode as A, toDisplayString as P } from "vue";
|
|
2
|
+
import { loadViostream as N, wrapRawPlayer as R } from "@viostream/viostream-player-core";
|
|
3
|
+
import { createViostreamPlayer as z, loadViostream as F } from "@viostream/viostream-player-core";
|
|
4
|
+
const D = ["data-viostream-public-key"], I = {
|
|
5
5
|
"data-viostream-error": "",
|
|
6
6
|
style: { color: "red", padding: "1em" }
|
|
7
|
-
},
|
|
7
|
+
}, $ = /* @__PURE__ */ w({
|
|
8
8
|
__name: "ViostreamPlayer",
|
|
9
9
|
props: {
|
|
10
10
|
accountKey: {},
|
|
11
11
|
publicKey: {},
|
|
12
12
|
chapters: { type: Boolean, default: void 0 },
|
|
13
|
-
chapterDisplayType: { default: void 0 },
|
|
14
13
|
chapterSlug: { default: void 0 },
|
|
15
14
|
displayTitle: { type: Boolean, default: void 0 },
|
|
16
15
|
hlsQualitySelector: { type: Boolean, default: void 0 },
|
|
17
16
|
playerKey: { default: void 0 },
|
|
17
|
+
playerStyle: { default: void 0 },
|
|
18
18
|
sharing: { type: Boolean, default: void 0 },
|
|
19
|
+
skinActive: { default: void 0 },
|
|
20
|
+
skinBackground: { default: void 0 },
|
|
21
|
+
skinCustom: { type: Boolean, default: void 0 },
|
|
22
|
+
skinInactive: { default: void 0 },
|
|
19
23
|
speedSelector: { type: Boolean, default: void 0 },
|
|
20
24
|
startEndTimespan: { default: void 0 },
|
|
21
25
|
startTime: { default: void 0 },
|
|
22
26
|
transcriptDownload: { type: Boolean, default: void 0 },
|
|
27
|
+
useSettingsMenu: { type: Boolean, default: void 0 },
|
|
23
28
|
class: { default: void 0 }
|
|
24
29
|
},
|
|
25
30
|
emits: ["play", "pause", "ended", "timeUpdate", "volumeChange", "error", "progress", "ready", "seeked", "loaded", "playerReady"],
|
|
26
|
-
setup(y, { emit:
|
|
27
|
-
const
|
|
28
|
-
let
|
|
29
|
-
const
|
|
30
|
-
function
|
|
31
|
+
setup(y, { emit: f }) {
|
|
32
|
+
const t = y, a = f, d = `viostream-player-${Math.random().toString(36).slice(2, 10)}`, g = n(), l = n(), i = n(), u = n(!0);
|
|
33
|
+
let r = !1;
|
|
34
|
+
const p = [];
|
|
35
|
+
function k() {
|
|
31
36
|
const e = {};
|
|
32
|
-
return
|
|
37
|
+
return t.chapters !== void 0 && (e.chapters = t.chapters), t.chapterSlug !== void 0 && (e.chapterSlug = t.chapterSlug), t.displayTitle !== void 0 && (e.displayTitle = t.displayTitle), t.hlsQualitySelector !== void 0 && (e.hlsQualitySelector = t.hlsQualitySelector), t.playerKey !== void 0 && (e.playerKey = t.playerKey), t.playerStyle !== void 0 && (e.playerStyle = t.playerStyle), t.sharing !== void 0 && (e.sharing = t.sharing), t.skinActive !== void 0 && (e.skinActive = t.skinActive), t.skinBackground !== void 0 && (e.skinBackground = t.skinBackground), t.skinCustom !== void 0 && (e.skinCustom = t.skinCustom), t.skinInactive !== void 0 && (e.skinInactive = t.skinInactive), t.speedSelector !== void 0 && (e.speedSelector = t.speedSelector), t.startEndTimespan !== void 0 && (e.startEndTimespan = t.startEndTimespan), t.startTime !== void 0 && (e.startTime = t.startTime), t.transcriptDownload !== void 0 && (e.transcriptDownload = t.transcriptDownload), t.useSettingsMenu !== void 0 && (e.useSettingsMenu = t.useSettingsMenu), e;
|
|
33
38
|
}
|
|
34
|
-
const
|
|
35
|
-
["play", () =>
|
|
36
|
-
["pause", () =>
|
|
37
|
-
["ended", () =>
|
|
38
|
-
["timeUpdate", (e) =>
|
|
39
|
-
["volumeChange", (e) =>
|
|
40
|
-
["error", (e) =>
|
|
41
|
-
["progress", (e) =>
|
|
42
|
-
["ready", () =>
|
|
43
|
-
["seeked", () =>
|
|
44
|
-
["loaded", () =>
|
|
39
|
+
const h = [
|
|
40
|
+
["play", () => a("play")],
|
|
41
|
+
["pause", () => a("pause")],
|
|
42
|
+
["ended", () => a("ended")],
|
|
43
|
+
["timeUpdate", (e) => a("timeUpdate", e)],
|
|
44
|
+
["volumeChange", (e) => a("volumeChange", e)],
|
|
45
|
+
["error", (e) => a("error", e)],
|
|
46
|
+
["progress", (e) => a("progress", e)],
|
|
47
|
+
["ready", () => a("ready")],
|
|
48
|
+
["seeked", () => a("seeked")],
|
|
49
|
+
["loaded", () => a("loaded")]
|
|
45
50
|
], S = {
|
|
46
51
|
play: "play",
|
|
47
52
|
pause: "pause",
|
|
@@ -54,60 +59,59 @@ const U = ["data-viostream-public-key"], Q = {
|
|
|
54
59
|
seeked: "seeked",
|
|
55
60
|
loaded: "loaded"
|
|
56
61
|
};
|
|
57
|
-
function
|
|
58
|
-
for (const [
|
|
59
|
-
const
|
|
60
|
-
if (
|
|
61
|
-
const
|
|
62
|
-
|
|
62
|
+
function B(e) {
|
|
63
|
+
for (const [s, c] of h) {
|
|
64
|
+
const o = S[s];
|
|
65
|
+
if (o) {
|
|
66
|
+
const b = e.on(o, c);
|
|
67
|
+
p.push(b);
|
|
63
68
|
}
|
|
64
69
|
}
|
|
65
70
|
}
|
|
66
71
|
function E() {
|
|
67
|
-
for (const e of
|
|
72
|
+
for (const e of p)
|
|
68
73
|
e();
|
|
69
|
-
|
|
74
|
+
p.length = 0;
|
|
70
75
|
}
|
|
71
|
-
async function
|
|
76
|
+
async function T() {
|
|
72
77
|
try {
|
|
73
|
-
const e = await N(
|
|
74
|
-
if (
|
|
75
|
-
const
|
|
76
|
-
if (
|
|
77
|
-
|
|
78
|
+
const e = await N(t.accountKey);
|
|
79
|
+
if (r) return;
|
|
80
|
+
const s = k(), c = e.embed(t.publicKey, d, s), o = R(c, d);
|
|
81
|
+
if (r) {
|
|
82
|
+
o.destroy();
|
|
78
83
|
return;
|
|
79
84
|
}
|
|
80
|
-
|
|
85
|
+
l.value = o, u.value = !1, B(o), a("playerReady", o);
|
|
81
86
|
} catch (e) {
|
|
82
|
-
|
|
87
|
+
r || (i.value = e instanceof Error ? e.message : String(e), u.value = !1);
|
|
83
88
|
}
|
|
84
89
|
}
|
|
85
|
-
return
|
|
86
|
-
|
|
87
|
-
}),
|
|
90
|
+
return C(() => {
|
|
91
|
+
T();
|
|
92
|
+
}), V(() => {
|
|
88
93
|
var e;
|
|
89
|
-
|
|
90
|
-
}), (e,
|
|
94
|
+
r = !0, E(), (e = l.value) == null || e.destroy(), l.value = void 0;
|
|
95
|
+
}), (e, s) => (_(), K("div", {
|
|
91
96
|
id: d,
|
|
92
|
-
class:
|
|
97
|
+
class: M(t.class),
|
|
93
98
|
ref_key: "containerRef",
|
|
94
|
-
ref:
|
|
99
|
+
ref: g,
|
|
95
100
|
"data-viostream-player": "",
|
|
96
101
|
"data-viostream-public-key": y.publicKey
|
|
97
102
|
}, [
|
|
98
|
-
|
|
99
|
-
|
|
103
|
+
u.value ? v(e.$slots, "loading", { key: 0 }) : m("", !0),
|
|
104
|
+
i.value ? v(e.$slots, "error", {
|
|
100
105
|
key: 1,
|
|
101
|
-
message:
|
|
106
|
+
message: i.value
|
|
102
107
|
}, () => [
|
|
103
|
-
|
|
104
|
-
]) :
|
|
105
|
-
], 10,
|
|
108
|
+
A("div", I, " Failed to load Viostream player: " + P(i.value), 1)
|
|
109
|
+
]) : m("", !0)
|
|
110
|
+
], 10, D));
|
|
106
111
|
}
|
|
107
112
|
});
|
|
108
113
|
export {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
L as wrapRawPlayer
|
|
114
|
+
$ as ViostreamPlayer,
|
|
115
|
+
z as createViostreamPlayer,
|
|
116
|
+
F as loadViostream
|
|
113
117
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viostream/viostream-player-vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Vue 3 SDK for the Viostream video player — embed, control, and listen to player events",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"!dist/**/*.spec.*"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@viostream/viostream-player-core": "^0.
|
|
31
|
+
"@viostream/viostream-player-core": "^0.2.2"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"vue": "^3.3.0"
|