@evercam/ui 0.0.22-beta.1 → 0.0.23
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/index.mjs +402 -385
- package/dist/index.mjs.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/EVideoPlayer.vue.d.ts +8 -6
- package/dist/src/index.d.ts +7 -5
- package/dist/style.css +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Vue from "vue";
|
|
2
|
-
export type
|
|
2
|
+
export type VideoSources = string | {
|
|
3
3
|
type: string;
|
|
4
4
|
src: string;
|
|
5
5
|
}[];
|
|
@@ -19,11 +19,15 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
19
19
|
isFullscreen: boolean;
|
|
20
20
|
isFinished: boolean;
|
|
21
21
|
isLoading: boolean;
|
|
22
|
-
playbackRate: string;
|
|
23
|
-
isMiniPlayerMode: boolean;
|
|
24
22
|
}, {
|
|
25
23
|
bindEvents(): void;
|
|
24
|
+
unbindEvents(): void;
|
|
26
25
|
bindVideoEvent(which: string): void;
|
|
26
|
+
unbindVideoEvent(which: string): void;
|
|
27
|
+
initializePlayer(): void;
|
|
28
|
+
destroyPlayer(): void;
|
|
29
|
+
removeFullscreenListeners(): void;
|
|
30
|
+
initializeFullscreenListeners(): void;
|
|
27
31
|
handleFullscreenChange(): void;
|
|
28
32
|
isLooped(): boolean;
|
|
29
33
|
handleEnded(): void;
|
|
@@ -43,20 +47,18 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
|
|
|
43
47
|
closeFullscreenMode(): void;
|
|
44
48
|
openFullscreenMode(): void;
|
|
45
49
|
toggleFullscreenMode(): void;
|
|
46
|
-
toggleMiniPlayerMode(): void;
|
|
47
50
|
getDuration(): void;
|
|
48
51
|
handleTimeUpdate(): void;
|
|
49
52
|
handleTimelineUpdate(e: MouseEvent): void;
|
|
50
53
|
skip(duration?: number): void;
|
|
51
54
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
52
|
-
changePlaybackSpeed(): void;
|
|
53
55
|
handleKeyDown(e: KeyboardEvent): void;
|
|
54
56
|
}, {
|
|
55
57
|
hasMultipleSources: boolean;
|
|
56
58
|
hasStartedOrFinished: boolean;
|
|
57
59
|
withControls: "" | "hide";
|
|
58
60
|
}, {
|
|
59
|
-
sources:
|
|
61
|
+
sources: VideoSources;
|
|
60
62
|
videoListeners: {};
|
|
61
63
|
videoOptions: {};
|
|
62
64
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -131,11 +131,15 @@ export declare const components: {
|
|
|
131
131
|
isFullscreen: boolean;
|
|
132
132
|
isFinished: boolean;
|
|
133
133
|
isLoading: boolean;
|
|
134
|
-
playbackRate: string;
|
|
135
|
-
isMiniPlayerMode: boolean;
|
|
136
134
|
}, {
|
|
137
135
|
bindEvents(): void;
|
|
136
|
+
unbindEvents(): void;
|
|
138
137
|
bindVideoEvent(which: string): void;
|
|
138
|
+
unbindVideoEvent(which: string): void;
|
|
139
|
+
initializePlayer(): void;
|
|
140
|
+
destroyPlayer(): void;
|
|
141
|
+
removeFullscreenListeners(): void;
|
|
142
|
+
initializeFullscreenListeners(): void;
|
|
139
143
|
handleFullscreenChange(): void;
|
|
140
144
|
isLooped(): boolean;
|
|
141
145
|
handleEnded(): void;
|
|
@@ -155,20 +159,18 @@ export declare const components: {
|
|
|
155
159
|
closeFullscreenMode(): void;
|
|
156
160
|
openFullscreenMode(): void;
|
|
157
161
|
toggleFullscreenMode(): void;
|
|
158
|
-
toggleMiniPlayerMode(): void;
|
|
159
162
|
getDuration(): void;
|
|
160
163
|
handleTimeUpdate(): void;
|
|
161
164
|
handleTimelineUpdate(e: MouseEvent): void;
|
|
162
165
|
skip(duration?: number): void;
|
|
163
166
|
toggleScrubbing(e: MouseEvent): Promise<void>;
|
|
164
|
-
changePlaybackSpeed(): void;
|
|
165
167
|
handleKeyDown(e: KeyboardEvent): void;
|
|
166
168
|
}, {
|
|
167
169
|
hasMultipleSources: boolean;
|
|
168
170
|
hasStartedOrFinished: boolean;
|
|
169
171
|
withControls: "" | "hide";
|
|
170
172
|
}, {
|
|
171
|
-
sources: import('./components/EVideoPlayer.vue').
|
|
173
|
+
sources: import('./components/EVideoPlayer.vue').VideoSources;
|
|
172
174
|
videoListeners: {};
|
|
173
175
|
videoOptions: {};
|
|
174
176
|
}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.e-spinner[data-v-f6962f4a]{vertical-align:center}.e-spinner__primary[data-v-f6962f4a],.e-spinner__secondary[data-v-f6962f4a]{stroke-width:0;animation:fade-f6962f4a;animation-iteration-count:infinite}@keyframes fade-f6962f4a{0%{fill-opacity:0}50%{fill-opacity:1}to{fill-opacity:0}}.e-row.e-row--no-gutters{margin:0}.e-row.e-row--no-gutters>.e-col{padding:0}.e-col{padding:.75rem}.spinner-container[data-v-
|
|
1
|
+
.e-spinner[data-v-f6962f4a]{vertical-align:center}.e-spinner__primary[data-v-f6962f4a],.e-spinner__secondary[data-v-f6962f4a]{stroke-width:0;animation:fade-f6962f4a;animation-iteration-count:infinite}@keyframes fade-f6962f4a{0%{fill-opacity:0}50%{fill-opacity:1}to{fill-opacity:0}}.e-row.e-row--no-gutters{margin:0}.e-row.e-row--no-gutters>.e-col{padding:0}.e-col{padding:.75rem}.spinner-container[data-v-631af8ea]{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);inset:0;display:flex;justify-content:center;align-items:center;vertical-align:middle}.video-container[data-v-631af8ea]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.video-container.full-screen[data-v-631af8ea]{max-width:initial;width:100%;max-height:100vh}video[data-v-631af8ea]{width:100%;height:inherit}.video-controls-container[data-v-631af8ea]{position:absolute;bottom:0;left:0;right:0;color:#fff;z-index:100;opacity:0;transition:opacity .15s ease-in-out}.hide[data-v-631af8ea]{display:none}.video-controls-container[data-v-631af8ea]:before{content:"";position:absolute;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);width:100%;aspect-ratio:6 / 1;z-index:-1;pointer-events:none}.video-container:hover .video-controls-container[data-v-631af8ea],.video-container:focus-within .video-controls-container[data-v-631af8ea],.video-container.paused .video-controls-container[data-v-631af8ea]{opacity:1}.video-controls-container .controls[data-v-631af8ea]{display:flex;gap:.5rem;padding:.25rem;align-items:center;width:100%}.video-controls-container .controls button[data-v-631af8ea]{background:none;border:none;color:inherit;padding:0;height:24px;width:24px;font-size:1.1rem;cursor:pointer;opacity:.85;transition:opacity .15s ease-in-out}.video-controls-container .controls button[data-v-631af8ea]:hover{opacity:1}.volume-container[data-v-631af8ea]{display:flex;align-items:center}.volume-slider[data-v-631af8ea]{width:0;transform-origin:left;transform:scaleX(0);transition:width .15s ease-in-out,transform .15s ease-in-out}.volume-container:hover .volume-slider[data-v-631af8ea],.volume-slider[data-v-631af8ea]:focus-within{width:100px;transform:scaleX(1)}.duration-container[data-v-631af8ea]{display:flex;align-items:center;gap:.25rem;flex-grow:1}.video-container.captions .captions-btn[data-v-631af8ea]{border-bottom:3px solid red}.video-controls-container .controls button.wide-btn[data-v-631af8ea]{width:50px}.timeline-container[data-v-631af8ea]{width:100%;height:7px;margin-inline:.5rem;cursor:pointer;display:flex;align-items:center}.timeline[data-v-631af8ea]{background-color:#64646480;height:3px;width:100%;position:relative}.timeline[data-v-631af8ea]:before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--preview-position) * 100%);background-color:#969696;display:none}.timeline[data-v-631af8ea]:after{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(100% - var(--progress-position) * 100%);background-color:red}.timeline .thumb-indicator[data-v-631af8ea]{--scale: 0;position:absolute;transform:translate(-50%) scale(var(--scale));height:200%;top:-50%;left:calc(var(--progress-position) * 100%);background-color:red;border-radius:50%;transition:transform .15s ease-in-out;aspect-ratio:1 / 1}.video-container.scrubbing .thumbnail-img[data-v-631af8ea]{display:block}.video-container.scrubbing .timeline[data-v-631af8ea]:before,.timeline-container:hover .timeline[data-v-631af8ea]:before{display:block}.video-container.scrubbing .thumb-indicator[data-v-631af8ea],.timeline-container:hover .thumb-indicator[data-v-631af8ea]{--scale: 1}.video-container.scrubbing .timeline[data-v-631af8ea],.timeline-container:hover .timeline[data-v-631af8ea]{height:100%}
|
package/dist/web-types.json
CHANGED