@wix/video 1.72.0
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/LICENSE +21 -0
- package/README.md +126 -0
- package/dist/cjs/Video.js +121 -0
- package/dist/cjs/Video.js.map +1 -0
- package/dist/cjs/Video.module.scss +27 -0
- package/dist/cjs/Video.stories.js +68 -0
- package/dist/cjs/Video.stories.js.map +1 -0
- package/dist/cjs/custom-element/WowVideo.js +88 -0
- package/dist/cjs/custom-element/WowVideo.js.map +1 -0
- package/dist/cjs/custom-element/registry.js +34 -0
- package/dist/cjs/custom-element/registry.js.map +1 -0
- package/dist/cjs/custom-element/utils.js +138 -0
- package/dist/cjs/custom-element/utils.js.map +1 -0
- package/dist/cjs/custom-element/videoLayout.js +120 -0
- package/dist/cjs/custom-element/videoLayout.js.map +1 -0
- package/dist/cjs/customElementInit.js +10 -0
- package/dist/cjs/customElementInit.js.map +1 -0
- package/dist/cjs/dataManifest.js +53 -0
- package/dist/cjs/dataManifest.js.map +1 -0
- package/dist/cjs/external-types.d.js +2 -0
- package/dist/cjs/external-types.d.js.map +1 -0
- package/dist/cjs/index.js +23 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/storybook/Container.js +33 -0
- package/dist/cjs/storybook/Container.js.map +1 -0
- package/dist/cjs/storybook/args.js +178 -0
- package/dist/cjs/storybook/args.js.map +1 -0
- package/dist/cjs/test-types.d.js +2 -0
- package/dist/cjs/test-types.d.js.map +1 -0
- package/dist/cjs/types.js +4 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/esm/Video.js +95 -0
- package/dist/esm/Video.js.map +1 -0
- package/dist/esm/Video.module.scss +27 -0
- package/dist/esm/Video.stories.js +47 -0
- package/dist/esm/Video.stories.js.map +1 -0
- package/dist/esm/custom-element/WowVideo.js +83 -0
- package/dist/esm/custom-element/WowVideo.js.map +1 -0
- package/dist/esm/custom-element/registry.js +29 -0
- package/dist/esm/custom-element/registry.js.map +1 -0
- package/dist/esm/custom-element/utils.js +131 -0
- package/dist/esm/custom-element/utils.js.map +1 -0
- package/dist/esm/custom-element/videoLayout.js +117 -0
- package/dist/esm/custom-element/videoLayout.js.map +1 -0
- package/dist/esm/customElementInit.js +13 -0
- package/dist/esm/customElementInit.js.map +1 -0
- package/dist/esm/dataManifest.js +49 -0
- package/dist/esm/dataManifest.js.map +1 -0
- package/dist/esm/external-types.d.js +2 -0
- package/dist/esm/external-types.d.js.map +1 -0
- package/dist/esm/index.js +6 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/storybook/Container.js +21 -0
- package/dist/esm/storybook/Container.js.map +1 -0
- package/dist/esm/storybook/args.js +174 -0
- package/dist/esm/storybook/args.js.map +1 -0
- package/dist/esm/test-types.d.js +2 -0
- package/dist/esm/test-types.d.js.map +1 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/statics/189.chunk.js +35383 -0
- package/dist/statics/189.chunk.js.map +1 -0
- package/dist/statics/189.chunk.min.js +2 -0
- package/dist/statics/189.chunk.min.js.map +1 -0
- package/dist/statics/janet/110.8a580c2d.iframe.bundle.js +10826 -0
- package/dist/statics/janet/110.8a580c2d.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/134.6007b391.iframe.bundle.js +484 -0
- package/dist/statics/janet/134.6007b391.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/134.d48c36bc94ecd2280c0a.manager.bundle.js +1 -0
- package/dist/statics/janet/317.2df397a1e1f34d5a30fd.manager.bundle.js +1 -0
- package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js +1998 -0
- package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js +2 -0
- package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js.LICENSE.txt +31 -0
- package/dist/statics/janet/470.aab6696c.iframe.bundle.js +35380 -0
- package/dist/statics/janet/470.aab6696c.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/599.37d4aa34.iframe.bundle.js +3294 -0
- package/dist/statics/janet/599.37d4aa34.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/599.47c7dacc8997e4d71eac.manager.bundle.js +1 -0
- package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js +2652 -0
- package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/61.a575d4776ab0d42da5c8.manager.bundle.js +1 -0
- package/dist/statics/janet/673.59f2a23a.iframe.bundle.js +173 -0
- package/dist/statics/janet/673.59f2a23a.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js +2 -0
- package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js.LICENSE.txt +8 -0
- package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js +10451 -0
- package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js +2 -0
- package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js.LICENSE.txt +94 -0
- package/dist/statics/janet/833.75275036.iframe.bundle.js +6777 -0
- package/dist/statics/janet/833.75275036.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js +2 -0
- package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js.LICENSE.txt +12 -0
- package/dist/statics/janet/W-06.svg +1 -0
- package/dist/statics/janet/favicon.ico +0 -0
- package/dist/statics/janet/iframe.html +364 -0
- package/dist/statics/janet/index.html +59 -0
- package/dist/statics/janet/janet.json +10 -0
- package/dist/statics/janet/main.666d4853f3d62ab20aa1.manager.bundle.js +1 -0
- package/dist/statics/janet/main.d8a321d6.iframe.bundle.js +73260 -0
- package/dist/statics/janet/main.d8a321d6.iframe.bundle.js.map +1 -0
- package/dist/statics/janet/project.json +1 -0
- package/dist/statics/janet/runtime~main.2195d24e465f19ad9c9a.manager.bundle.js +1 -0
- package/dist/statics/janet/w-06.ico +0 -0
- package/dist/statics/manifest.json +4 -0
- package/dist/statics/manifest.min.json +4 -0
- package/dist/statics/video.css +10 -0
- package/dist/statics/video.css.map +1 -0
- package/dist/statics/video.min.css +1 -0
- package/dist/statics/video.rtl.css +8 -0
- package/dist/statics/video.rtl.min.css +1 -0
- package/dist/statics/video.umd.js +5990 -0
- package/dist/statics/video.umd.js.map +1 -0
- package/dist/statics/video.umd.min.js +2 -0
- package/dist/statics/video.umd.min.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/Video.d.ts +5 -0
- package/dist/types/Video.d.ts.map +1 -0
- package/dist/types/Video.stories.d.ts +20 -0
- package/dist/types/Video.stories.d.ts.map +1 -0
- package/dist/types/custom-element/WowVideo.d.ts +4 -0
- package/dist/types/custom-element/WowVideo.d.ts.map +1 -0
- package/dist/types/custom-element/registry.d.ts +3 -0
- package/dist/types/custom-element/registry.d.ts.map +1 -0
- package/dist/types/custom-element/utils.d.ts +11 -0
- package/dist/types/custom-element/utils.d.ts.map +1 -0
- package/dist/types/custom-element/videoLayout.d.ts +35 -0
- package/dist/types/custom-element/videoLayout.d.ts.map +1 -0
- package/dist/types/customElementInit.d.ts +4 -0
- package/dist/types/customElementInit.d.ts.map +1 -0
- package/dist/types/dataManifest.d.ts +2 -0
- package/dist/types/dataManifest.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/storybook/Container.d.ts +5 -0
- package/dist/types/storybook/Container.d.ts.map +1 -0
- package/dist/types/storybook/args.d.ts +174 -0
- package/dist/types/storybook/args.d.ts.map +1 -0
- package/dist/types/types.d.ts +62 -0
- package/dist/types/types.d.ts.map +1 -0
- package/package.json +121 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB1C,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyG/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Meta } from '@wix/yoshi-storybook-dependencies';
|
|
3
|
+
import type { QualityPolicy } from './types';
|
|
4
|
+
declare const _default: Meta<import("@wix/yoshi-storybook-dependencies").Args>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type StoryArgs = {
|
|
7
|
+
qualityPolicy: QualityPolicy;
|
|
8
|
+
uri: string;
|
|
9
|
+
containerHeight: number;
|
|
10
|
+
containerWidth: number;
|
|
11
|
+
loop: boolean;
|
|
12
|
+
muted: boolean;
|
|
13
|
+
autoplay: boolean;
|
|
14
|
+
playbackRate: number;
|
|
15
|
+
posterEffect: 'fade';
|
|
16
|
+
focalPointX: number;
|
|
17
|
+
focalPointY: number;
|
|
18
|
+
};
|
|
19
|
+
export declare const Default: React.VFC<StoryArgs>;
|
|
20
|
+
//# sourceMappingURL=Video.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Video.stories.d.ts","sourceRoot":"","sources":["../../src/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;;AAUzD,wBAIU;AAEV,KAAK,SAAS,GAAG;IACf,aAAa,EAAE,aAAa,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CA+BxC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WowVideo.d.ts","sourceRoot":"","sources":["../../../src/custom-element/WowVideo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,UAAU,CAAC;AAE1D,iBAAS,eAAe,CACtB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,MAAM,GAAG,OAAO,UAAU,GACxC,GAAG,CAyGL;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/custom-element/registry.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,UAAU,CAAC;AAElB,wBAAgB,IAAI,CAClB,aAAa,EAAE,MAAM,GAAG,OAAO,UAAU,EACzC,QAAQ,EAAE,qBAAqB,QAqChC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';
|
|
2
|
+
export declare function sortQualities(sources: VideoSource[]): VideoSource[];
|
|
3
|
+
export declare function setVideoFocalPoint(videoNode: HTMLVideoElement, focalPoint: {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
}): void;
|
|
7
|
+
export declare function getVideoSource(width: number, height: number, uri: string, qualityPolicy: QualityPolicy, sources?: VideoSource[], adaptiveSources?: AdaptiveVideoSource[], duration?: number, onError?: (error: Error) => void): Promise<{
|
|
8
|
+
videoSourceUrl: string;
|
|
9
|
+
patchVideoSource: (videoNode: HTMLVideoElement) => void;
|
|
10
|
+
}>;
|
|
11
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/custom-element/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ3E,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,iBAEnD;AA6CD,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,QAMrC;AAED,wBAAsB,cAAc,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,CAAC,EAAE,WAAW,EAAE,EACvB,eAAe,CAAC,EAAE,mBAAmB,EAAE,EACvC,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAC/B,OAAO,CAAC;IACT,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzD,CAAC,CA6HD"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
/**
|
|
4
|
+
* @param {HTMLVideoElement} videoNode
|
|
5
|
+
* @param {HTMLElement} container
|
|
6
|
+
* @param {QualityPolicy} quality
|
|
7
|
+
* @param {string} uri
|
|
8
|
+
* @param {Object[]} sources
|
|
9
|
+
* @param {Object[]} adaptiveSources
|
|
10
|
+
* @param {number} duration
|
|
11
|
+
* @param {(error: Error) => void} onError
|
|
12
|
+
* @return {{currentSrc: string, videoSourceUrl: string}}
|
|
13
|
+
*/
|
|
14
|
+
measure(videoNode: HTMLVideoElement, container: HTMLElement, quality: QualityPolicy, uri: string, sources?: VideoSource[], adaptiveSources?: AdaptiveVideoSource[], duration?: number, onError?: ((error: Error) => void) | undefined): Promise<{
|
|
15
|
+
needsSrcUpdate: boolean;
|
|
16
|
+
patchVideoSource: (videoNode: HTMLVideoElement) => void;
|
|
17
|
+
}>;
|
|
18
|
+
/**
|
|
19
|
+
* @param {HTMLDivElement} poster
|
|
20
|
+
* @param {HTMLVideoElement} videoNode
|
|
21
|
+
* @param {boolean} autoplay
|
|
22
|
+
* @param {boolean} needsSrcUpdate
|
|
23
|
+
* @param {string} posterEffect
|
|
24
|
+
* @param {number} playbackRate
|
|
25
|
+
* @param {(videoNode: HTMLVideoElement) => void} patchVideoSource
|
|
26
|
+
* @param {Object[]} sources
|
|
27
|
+
* @param {Object} focalPoint
|
|
28
|
+
*/
|
|
29
|
+
mutate(poster: HTMLDivElement, videoNode: HTMLVideoElement, autoplay: boolean, needsSrcUpdate: boolean, posterEffect: string, playbackRate: number, patchVideoSource: (videoNode: HTMLVideoElement) => void, sources?: VideoSource[], focalPoint?: {
|
|
30
|
+
x: number;
|
|
31
|
+
y: number;
|
|
32
|
+
}): void;
|
|
33
|
+
};
|
|
34
|
+
export default _default;
|
|
35
|
+
//# sourceMappingURL=videoLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"videoLayout.d.ts","sourceRoot":"","sources":["../../../src/custom-element/videoLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;IAI9E;;;;;;;;;;OAUG;uBAEU,gBAAgB,aAChB,WAAW,WACb,aAAa,OACjB,MAAM,YACD,WAAW,EAAE,oBACL,mBAAmB,EAAE,aAC5B,MAAM,qBACC,KAAK,KAAK,IAAI;;;;IAkBlC;;;;;;;;;;OAUG;mBAEO,cAAc,aACX,gBAAgB,YACjB,OAAO,kBACD,OAAO,gBACT,MAAM,gBACN,MAAM,gCACU,gBAAgB,KAAK,IAAI,YAC7C,WAAW,EAAE,eACV;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GACpC,IAAI;;AA3DT,wBAoFE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"customElementInit.d.ts","sourceRoot":"","sources":["../../src/customElementInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,iBAAiB,CACxB,aAAa,GAAE,CAAC,MAAM,GAAG,OAAO,UAAU,CAAC,GAAG,IAAW,EACzD,QAAQ,GAAE,qBAA0B,QAKrC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dataManifest.d.ts","sourceRoot":"","sources":["../../src/dataManifest.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAsCjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;AACvD,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/storybook/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAc/C,CAAC"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
export declare const sampleVideo: {
|
|
2
|
+
videoMedia: {
|
|
3
|
+
sources: ({
|
|
4
|
+
quality: "1080p";
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
types: {
|
|
8
|
+
format: "mp4";
|
|
9
|
+
uri: string;
|
|
10
|
+
}[];
|
|
11
|
+
} | {
|
|
12
|
+
quality: "720p";
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
types: {
|
|
16
|
+
format: "mp4";
|
|
17
|
+
uri: string;
|
|
18
|
+
}[];
|
|
19
|
+
} | {
|
|
20
|
+
quality: "480p";
|
|
21
|
+
width: number;
|
|
22
|
+
height: number;
|
|
23
|
+
types: {
|
|
24
|
+
format: "mp4";
|
|
25
|
+
uri: string;
|
|
26
|
+
}[];
|
|
27
|
+
} | {
|
|
28
|
+
quality: "360p";
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
types: {
|
|
32
|
+
format: "mp4";
|
|
33
|
+
uri: string;
|
|
34
|
+
}[];
|
|
35
|
+
})[];
|
|
36
|
+
adaptiveSources: {
|
|
37
|
+
format: "hls";
|
|
38
|
+
uri: string;
|
|
39
|
+
}[];
|
|
40
|
+
uri: string;
|
|
41
|
+
hasAudio: boolean;
|
|
42
|
+
fps: number;
|
|
43
|
+
duration: number;
|
|
44
|
+
poster: {
|
|
45
|
+
id: string;
|
|
46
|
+
uri: string;
|
|
47
|
+
width: number;
|
|
48
|
+
height: number;
|
|
49
|
+
name: string;
|
|
50
|
+
alt: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
loop: boolean;
|
|
54
|
+
muted: boolean;
|
|
55
|
+
autoplay: boolean;
|
|
56
|
+
posterEffect: string;
|
|
57
|
+
playbackRate: number;
|
|
58
|
+
qualityPolicy: string;
|
|
59
|
+
};
|
|
60
|
+
export declare const argTypes: {
|
|
61
|
+
qualityPolicy: {
|
|
62
|
+
control: string;
|
|
63
|
+
options: string[];
|
|
64
|
+
defaultValue: string;
|
|
65
|
+
description: string;
|
|
66
|
+
table: {
|
|
67
|
+
type: {
|
|
68
|
+
summary: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
containerWidth: {
|
|
73
|
+
control: string;
|
|
74
|
+
defaultValue: number;
|
|
75
|
+
description: string;
|
|
76
|
+
table: {
|
|
77
|
+
type: {
|
|
78
|
+
summary: string;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
containerHeight: {
|
|
83
|
+
control: string;
|
|
84
|
+
defaultValue: number;
|
|
85
|
+
description: string;
|
|
86
|
+
table: {
|
|
87
|
+
type: {
|
|
88
|
+
summary: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
muted: {
|
|
93
|
+
control: string;
|
|
94
|
+
defaultValue: boolean;
|
|
95
|
+
description: string;
|
|
96
|
+
table: {
|
|
97
|
+
type: {
|
|
98
|
+
summary: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
loop: {
|
|
103
|
+
control: string;
|
|
104
|
+
defaultValue: boolean;
|
|
105
|
+
description: string;
|
|
106
|
+
table: {
|
|
107
|
+
type: {
|
|
108
|
+
summary: string;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
posterEffect: {
|
|
113
|
+
control: string;
|
|
114
|
+
options: (string | undefined)[];
|
|
115
|
+
defaultValue: undefined;
|
|
116
|
+
description: string;
|
|
117
|
+
table: {
|
|
118
|
+
type: {
|
|
119
|
+
summary: string;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
};
|
|
123
|
+
playbackRate: {
|
|
124
|
+
control: string;
|
|
125
|
+
defaultValue: number;
|
|
126
|
+
description: string;
|
|
127
|
+
table: {
|
|
128
|
+
type: {
|
|
129
|
+
summary: string;
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
autoplay: {
|
|
134
|
+
control: string;
|
|
135
|
+
defaultValue: boolean;
|
|
136
|
+
description: string;
|
|
137
|
+
table: {
|
|
138
|
+
type: {
|
|
139
|
+
summary: string;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
focalPointX: {
|
|
144
|
+
control: {
|
|
145
|
+
type: string;
|
|
146
|
+
min: number;
|
|
147
|
+
max: number;
|
|
148
|
+
step: number;
|
|
149
|
+
};
|
|
150
|
+
defaultValue: number;
|
|
151
|
+
description: string;
|
|
152
|
+
table: {
|
|
153
|
+
type: {
|
|
154
|
+
summary: string;
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
focalPointY: {
|
|
159
|
+
control: {
|
|
160
|
+
type: string;
|
|
161
|
+
min: number;
|
|
162
|
+
max: number;
|
|
163
|
+
step: number;
|
|
164
|
+
};
|
|
165
|
+
defaultValue: number;
|
|
166
|
+
description: string;
|
|
167
|
+
table: {
|
|
168
|
+
type: {
|
|
169
|
+
summary: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
};
|
|
174
|
+
//# sourceMappingURL=args.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"args.d.ts","sourceRoot":"","sources":["../../../src/storybook/args.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHpB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ImageMedia } from '@wix/image';
|
|
3
|
+
export type VideoSource = {
|
|
4
|
+
quality: '1080p' | '720p' | '480p' | '360p';
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
types: {
|
|
8
|
+
format: 'mp4' | 'mp4-luminance';
|
|
9
|
+
uri: string;
|
|
10
|
+
}[];
|
|
11
|
+
};
|
|
12
|
+
export type AdaptiveVideoSource = {
|
|
13
|
+
format: 'hls' | 'dash';
|
|
14
|
+
uri: string;
|
|
15
|
+
};
|
|
16
|
+
export type VideoMedia = {
|
|
17
|
+
uri: string;
|
|
18
|
+
poster?: ImageMedia;
|
|
19
|
+
name?: string;
|
|
20
|
+
sources?: VideoSource[];
|
|
21
|
+
adaptiveSources?: AdaptiveVideoSource[];
|
|
22
|
+
hasAudio?: boolean;
|
|
23
|
+
fps?: number;
|
|
24
|
+
duration?: number;
|
|
25
|
+
};
|
|
26
|
+
export type QualityPolicy = 'adaptive' | 'highest' | 'proportional';
|
|
27
|
+
export type VideoProps = {
|
|
28
|
+
id: string;
|
|
29
|
+
videoMedia: VideoMedia;
|
|
30
|
+
qualityPolicy: QualityPolicy;
|
|
31
|
+
loop: boolean;
|
|
32
|
+
muted: boolean;
|
|
33
|
+
autoplay: boolean;
|
|
34
|
+
motionPart?: string;
|
|
35
|
+
playbackRate?: number;
|
|
36
|
+
posterEffect?: 'fade';
|
|
37
|
+
videoRef: React.RefObject<HTMLVideoElement>;
|
|
38
|
+
focalPoint?: {
|
|
39
|
+
x: number;
|
|
40
|
+
y: number;
|
|
41
|
+
};
|
|
42
|
+
onError?: (error: Error) => void;
|
|
43
|
+
};
|
|
44
|
+
export type VideoData = Omit<VideoProps, 'videoRef' | 'id' | 'onError'>;
|
|
45
|
+
export type Timeout = ReturnType<typeof setTimeout>;
|
|
46
|
+
export type EnvConsts = {
|
|
47
|
+
experiments?: Record<string, string | boolean>;
|
|
48
|
+
};
|
|
49
|
+
export type CustomElementServices = {
|
|
50
|
+
isExperimentOpen?: (experiment: string) => boolean;
|
|
51
|
+
mutationService?: any;
|
|
52
|
+
};
|
|
53
|
+
export type WowVideoServices = CustomElementServices & {
|
|
54
|
+
resizeService?: ResizeObserver;
|
|
55
|
+
intersectionService?: IntersectionObserver;
|
|
56
|
+
};
|
|
57
|
+
export type WowVideo = Element & {
|
|
58
|
+
reLayout: () => void;
|
|
59
|
+
observeResize: () => void;
|
|
60
|
+
unobserveIntersect: () => void;
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,MAAM,EAAE,KAAK,GAAG,eAAe,CAAC;QAChC,GAAG,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAExE,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG;IACrD,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@wix/video",
|
|
3
|
+
"license": "MIT",
|
|
4
|
+
"description": "Wix base video component",
|
|
5
|
+
"version": "1.72.0",
|
|
6
|
+
"author": {
|
|
7
|
+
"name": "wow!Team",
|
|
8
|
+
"email": "wow-dev@wix.com"
|
|
9
|
+
},
|
|
10
|
+
"homepage": "https://github.com/wix-private/wow-libs/tree/master/packages/video",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"sideEffects": false,
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"LICENSE"
|
|
18
|
+
],
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "yoshi-library build && yarn build:storybook && janet-build",
|
|
21
|
+
"build:storybook": "yoshi-library storybook build",
|
|
22
|
+
"start": "yoshi-library storybook start",
|
|
23
|
+
"test": "yoshi-library test",
|
|
24
|
+
"lint": "yoshi-library lint",
|
|
25
|
+
"format": "yoshi-library lint --fix"
|
|
26
|
+
},
|
|
27
|
+
"lint-staged": {
|
|
28
|
+
"*.{js,ts}": "yarn lint"
|
|
29
|
+
},
|
|
30
|
+
"dependencies": {
|
|
31
|
+
"@babel/runtime": "^7.26.0",
|
|
32
|
+
"@wix/editor-elements-definitions": "^1.125.0",
|
|
33
|
+
"@wix/image": "1.427.0",
|
|
34
|
+
"@wix/image-kit": "^1.114.0",
|
|
35
|
+
"fastdom": "^1.0.12",
|
|
36
|
+
"hls.js": "^1.6.2"
|
|
37
|
+
},
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@testing-library/jest-dom": "^5.17.0",
|
|
40
|
+
"@testing-library/react": "^12.1.5",
|
|
41
|
+
"@types/jest": "^27.5.2",
|
|
42
|
+
"@types/node": "^16.18.123",
|
|
43
|
+
"@types/react": "^16.14.62",
|
|
44
|
+
"@types/react-dom": "^16.9.25",
|
|
45
|
+
"@wix/component-protocol": "1.68.0",
|
|
46
|
+
"@wix/eslint-config-yoshi": "^6.163.0",
|
|
47
|
+
"@wix/janet-build": "^1.0.8",
|
|
48
|
+
"@wix/janet-dev-server": "^1.16.20",
|
|
49
|
+
"@wix/jest-yoshi-preset": "^6.163.0",
|
|
50
|
+
"@wix/yoshi-flow-library": "^6.163.0",
|
|
51
|
+
"@wix/yoshi-storybook-dependencies": "^6.163.0",
|
|
52
|
+
"@wix/yoshi-style-dependencies": "^6.163.0",
|
|
53
|
+
"express": "^4.21.2",
|
|
54
|
+
"husky": "~4.2.1",
|
|
55
|
+
"lint-staged": "^10.5.4",
|
|
56
|
+
"react": "^16.14.0",
|
|
57
|
+
"react-dom": "^16.14.0",
|
|
58
|
+
"ts-jest": "^29.2.5",
|
|
59
|
+
"typescript": "~4.9.5"
|
|
60
|
+
},
|
|
61
|
+
"jest": {
|
|
62
|
+
"preset": "@wix/jest-yoshi-preset"
|
|
63
|
+
},
|
|
64
|
+
"yoshiFlowLibrary": {
|
|
65
|
+
"buildEsmWithBabel": true,
|
|
66
|
+
"bundle": {
|
|
67
|
+
"library": "video",
|
|
68
|
+
"externals": {
|
|
69
|
+
"react": "React"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"eslintConfig": {
|
|
74
|
+
"extends": "@wix/eslint-config-yoshi"
|
|
75
|
+
},
|
|
76
|
+
"exports": {
|
|
77
|
+
".": {
|
|
78
|
+
"types": "./dist/types/index.d.ts",
|
|
79
|
+
"require": "./dist/cjs/index.js",
|
|
80
|
+
"import": "./dist/esm/index.js"
|
|
81
|
+
},
|
|
82
|
+
"./customElement": {
|
|
83
|
+
"types": "./dist/types/customElementInit.d.ts",
|
|
84
|
+
"require": "./dist/cjs/customElementInit.js",
|
|
85
|
+
"import": "./dist/esm/customElementInit.js"
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
"wix": {
|
|
89
|
+
"artifact": {
|
|
90
|
+
"groupId": "com.wixpress.wow",
|
|
91
|
+
"artifactId": "video",
|
|
92
|
+
"targets": {
|
|
93
|
+
"static": true
|
|
94
|
+
},
|
|
95
|
+
"previewUrls": [
|
|
96
|
+
"https://bo.wix.com/pages/video/"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
"validations": {
|
|
100
|
+
"postDependenciesBuild": [
|
|
101
|
+
"lint"
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
"framework": {
|
|
105
|
+
"type": "yoshi-flow-library"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
"wallaby": {
|
|
109
|
+
"autoDetect": true
|
|
110
|
+
},
|
|
111
|
+
"publishConfig": {
|
|
112
|
+
"registry": "https://registry.npmjs.org/",
|
|
113
|
+
"access": "public"
|
|
114
|
+
},
|
|
115
|
+
"husky": {
|
|
116
|
+
"hooks": {
|
|
117
|
+
"pre-commit": "lint-staged"
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
"falconPackageHash": "b4cdca490acd55390032ca8230fde35b9b59bf90b3a8607f24a4c1d3"
|
|
121
|
+
}
|