@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 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
- | `sharing` | `boolean` | Show sharing controls. |
85
- | `speed-selector` | `boolean` | Show playback speed selector. |
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;AA8OA,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,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2LF,iBAAS,cAAc;WAuCT,OAAO,IAA6B;;kBA1LtC,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;;;;;;EA8LhD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;cApQR,OAAO;wBACG,aAAa;iBACpB,MAAM;kBACL,OAAO;wBACD,OAAO;eAChB,MAAM;aACR,OAAO;mBACD,OAAO;sBACJ,MAAM;eACb,MAAM;wBACG,OAAO;WAGpB,MAAM;;;kBAiQd,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"}
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, wrapRawPlayer, loadViostream, } from '@viostream/viostream-player-core';
39
- export type { CreateViostreamPlayerOptions, ViostreamEmbedOptions, ViostreamTimeUpdateData, ViostreamVolumeChangeData, ViostreamErrorData, ViostreamProgressData, ViostreamPlayerEventMap, ViostreamEventHandler, ViostreamCue, ViostreamCueFieldUpdate, ViostreamTrack, ViostreamPlayer as ViostreamPlayerInstance, RawViostreamPlayerInstance, ViostreamGlobal, } from '@viostream/viostream-player-core';
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
@@ -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,EACb,aAAa,GACd,MAAM,kCAAkC,CAAC;AAE1C,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,uBAAuB,EACvB,cAAc,EACd,eAAe,IAAI,uBAAuB,EAC1C,0BAA0B,EAC1B,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,oBAAoB,EACpB,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}
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 V, ref as l, onMounted as _, onUnmounted as D, openBlock as K, createElementBlock as B, normalizeClass as P, renderSlot as m, createCommentVNode as f, createElementVNode as C, toDisplayString as R } from "vue";
2
- import { loadViostream as N, wrapRawPlayer as M } from "@viostream/viostream-player-core";
3
- import { createViostreamPlayer as F, loadViostream as I, wrapRawPlayer as L } from "@viostream/viostream-player-core";
4
- const U = ["data-viostream-public-key"], Q = {
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
- }, O = /* @__PURE__ */ V({
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: v }) {
27
- const a = y, t = v, d = `viostream-player-${Math.random().toString(36).slice(2, 10)}`, h = l(), n = l(), o = l(), p = l(!0);
28
- let s = !1;
29
- const c = [];
30
- function g() {
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 a.chapters !== void 0 && (e.chapters = a.chapters), a.chapterDisplayType !== void 0 && (e.chapterDisplayType = a.chapterDisplayType), a.chapterSlug !== void 0 && (e.chapterSlug = a.chapterSlug), a.displayTitle !== void 0 && (e.displayTitle = a.displayTitle), a.hlsQualitySelector !== void 0 && (e.hlsQualitySelector = a.hlsQualitySelector), a.playerKey !== void 0 && (e.playerKey = a.playerKey), a.sharing !== void 0 && (e.sharing = a.sharing), a.speedSelector !== void 0 && (e.speedSelector = a.speedSelector), a.startEndTimespan !== void 0 && (e.startEndTimespan = a.startEndTimespan), a.startTime !== void 0 && (e.startTime = a.startTime), a.transcriptDownload !== void 0 && (e.transcriptDownload = a.transcriptDownload), e;
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 T = [
35
- ["play", () => t("play")],
36
- ["pause", () => t("pause")],
37
- ["ended", () => t("ended")],
38
- ["timeUpdate", (e) => t("timeUpdate", e)],
39
- ["volumeChange", (e) => t("volumeChange", e)],
40
- ["error", (e) => t("error", e)],
41
- ["progress", (e) => t("progress", e)],
42
- ["ready", () => t("ready")],
43
- ["seeked", () => t("seeked")],
44
- ["loaded", () => t("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 w(e) {
58
- for (const [i, u] of T) {
59
- const r = S[i];
60
- if (r) {
61
- const k = e.on(r, u);
62
- c.push(k);
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 c)
72
+ for (const e of p)
68
73
  e();
69
- c.length = 0;
74
+ p.length = 0;
70
75
  }
71
- async function b() {
76
+ async function T() {
72
77
  try {
73
- const e = await N(a.accountKey);
74
- if (s) return;
75
- const i = g(), u = e.embed(a.publicKey, d, i), r = M(u, d);
76
- if (s) {
77
- r.destroy();
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
- n.value = r, p.value = !1, w(r), t("playerReady", r);
85
+ l.value = o, u.value = !1, B(o), a("playerReady", o);
81
86
  } catch (e) {
82
- s || (o.value = e instanceof Error ? e.message : String(e), p.value = !1);
87
+ r || (i.value = e instanceof Error ? e.message : String(e), u.value = !1);
83
88
  }
84
89
  }
85
- return _(() => {
86
- b();
87
- }), D(() => {
90
+ return C(() => {
91
+ T();
92
+ }), V(() => {
88
93
  var e;
89
- s = !0, E(), (e = n.value) == null || e.destroy(), n.value = void 0;
90
- }), (e, i) => (K(), B("div", {
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: P(a.class),
97
+ class: M(t.class),
93
98
  ref_key: "containerRef",
94
- ref: h,
99
+ ref: g,
95
100
  "data-viostream-player": "",
96
101
  "data-viostream-public-key": y.publicKey
97
102
  }, [
98
- p.value ? m(e.$slots, "loading", { key: 0 }) : f("", !0),
99
- o.value ? m(e.$slots, "error", {
103
+ u.value ? v(e.$slots, "loading", { key: 0 }) : m("", !0),
104
+ i.value ? v(e.$slots, "error", {
100
105
  key: 1,
101
- message: o.value
106
+ message: i.value
102
107
  }, () => [
103
- C("div", Q, " Failed to load Viostream player: " + R(o.value), 1)
104
- ]) : f("", !0)
105
- ], 10, U));
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
- O as ViostreamPlayer,
110
- F as createViostreamPlayer,
111
- I as loadViostream,
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.1.1",
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.1.2"
31
+ "@viostream/viostream-player-core": "^0.2.2"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "vue": "^3.3.0"