@zync/zync-screnplay-player 0.1.191 → 0.1.193
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/bundle.js +1 -1
- package/dist/screenplay/RemotionRenderer/components/LottieAnimationGlobal.js +21 -21
- package/dist/screenplay/RemotionRenderer/components/layouts/BrollGreenScreen.js +1 -1
- package/dist/screenplay/RemotionRenderer/components/utils/FaceCenteredVideo.js +50 -50
- package/dist/screenplay/RemotionRenderer/components/utils/PausableImg.js +4 -4
- package/dist/screenplay/RemotionRenderer/components/utils/README.md +80 -80
- package/dist/screenplay/RemotionRenderer/components/utils/StretchTextDemo.js +3 -3
- package/dist/screenplay/RemotionRenderer/helpers/convertToSeconds.js +8 -8
- package/dist/screenplay/RemotionRenderer/helpers/faceBasedVideoStyles.js +4 -4
- package/dist/screenplay/RemotionRenderer/helpers/faceCenteredVideoTransforms.js +46 -46
- package/dist/screenplay/RemotionRenderer/main/screenplaySchema.js +51 -51
- package/dist/screenplay/RemotionRenderer/registeredComponents.js +2 -2
- package/dist/screenplay/RemotionRenderer/theme/themes/sports/Nametag.js +2 -2
- package/dist/screenplay/RemotionRenderer/tracks/LayoutVideoTrack.js +20 -20
- package/package.json +47 -47
|
@@ -29,58 +29,58 @@ export var screenplaySchema = z.object({
|
|
|
29
29
|
}), z.object({
|
|
30
30
|
type: "segmentx"
|
|
31
31
|
})])),
|
|
32
|
-
/* z.object({
|
|
33
|
-
type: "segment",
|
|
34
|
-
segments: z.array(
|
|
35
|
-
z.object({
|
|
36
|
-
layout: z.any(),
|
|
37
|
-
effects: z.array(effectSchema),
|
|
38
|
-
})
|
|
39
|
-
),
|
|
32
|
+
/* z.object({
|
|
33
|
+
type: "segment",
|
|
34
|
+
segments: z.array(
|
|
35
|
+
z.object({
|
|
36
|
+
layout: z.any(),
|
|
37
|
+
effects: z.array(effectSchema),
|
|
38
|
+
})
|
|
39
|
+
),
|
|
40
40
|
})*/
|
|
41
|
-
/*z.object({
|
|
42
|
-
type: "effect",
|
|
43
|
-
segments: z.array(effectSchema),
|
|
44
|
-
}),
|
|
45
|
-
z.object({
|
|
46
|
-
type: z.enum(segmentTypes),
|
|
47
|
-
segments: z.array([
|
|
48
|
-
{
|
|
49
|
-
type: "caption",
|
|
50
|
-
segments: z.array(
|
|
51
|
-
z.object({
|
|
52
|
-
type: "caption_simple",
|
|
53
|
-
data: {
|
|
54
|
-
transcript_text: z.array(
|
|
55
|
-
z.object({
|
|
56
|
-
text: z.string(),
|
|
57
|
-
offset: z.number(),
|
|
58
|
-
duration: z.number(),
|
|
59
|
-
})
|
|
60
|
-
),
|
|
61
|
-
duration: z.number().optional(),
|
|
62
|
-
offset: z.number().optional(),
|
|
63
|
-
},
|
|
64
|
-
})
|
|
65
|
-
),
|
|
66
|
-
},
|
|
67
|
-
]),
|
|
68
|
-
}),
|
|
69
|
-
z.object({
|
|
70
|
-
type: "audio",
|
|
71
|
-
segments: z.array([
|
|
72
|
-
z.object({
|
|
73
|
-
type: z.string(),
|
|
74
|
-
data: {
|
|
75
|
-
sourceAudio: {
|
|
76
|
-
url: z.string().url(),
|
|
77
|
-
volume: z.number().min(0).max(1),
|
|
78
|
-
start: z.number(),
|
|
79
|
-
},
|
|
80
|
-
offset: z.number(),
|
|
81
|
-
},
|
|
82
|
-
}),
|
|
83
|
-
]),
|
|
41
|
+
/*z.object({
|
|
42
|
+
type: "effect",
|
|
43
|
+
segments: z.array(effectSchema),
|
|
44
|
+
}),
|
|
45
|
+
z.object({
|
|
46
|
+
type: z.enum(segmentTypes),
|
|
47
|
+
segments: z.array([
|
|
48
|
+
{
|
|
49
|
+
type: "caption",
|
|
50
|
+
segments: z.array(
|
|
51
|
+
z.object({
|
|
52
|
+
type: "caption_simple",
|
|
53
|
+
data: {
|
|
54
|
+
transcript_text: z.array(
|
|
55
|
+
z.object({
|
|
56
|
+
text: z.string(),
|
|
57
|
+
offset: z.number(),
|
|
58
|
+
duration: z.number(),
|
|
59
|
+
})
|
|
60
|
+
),
|
|
61
|
+
duration: z.number().optional(),
|
|
62
|
+
offset: z.number().optional(),
|
|
63
|
+
},
|
|
64
|
+
})
|
|
65
|
+
),
|
|
66
|
+
},
|
|
67
|
+
]),
|
|
68
|
+
}),
|
|
69
|
+
z.object({
|
|
70
|
+
type: "audio",
|
|
71
|
+
segments: z.array([
|
|
72
|
+
z.object({
|
|
73
|
+
type: z.string(),
|
|
74
|
+
data: {
|
|
75
|
+
sourceAudio: {
|
|
76
|
+
url: z.string().url(),
|
|
77
|
+
volume: z.number().min(0).max(1),
|
|
78
|
+
start: z.number(),
|
|
79
|
+
},
|
|
80
|
+
offset: z.number(),
|
|
81
|
+
},
|
|
82
|
+
}),
|
|
83
|
+
]),
|
|
84
84
|
}),*/
|
|
85
85
|
output: z.object({
|
|
86
86
|
orientation: z["enum"](orientations),
|
|
@@ -38,8 +38,8 @@ import { DynamicTriangle } from "./components/layouts/DynamicTriangle";
|
|
|
38
38
|
import { KeywordStudioBackdrop } from "./components/layouts/KeywordStudioBackdrop";
|
|
39
39
|
import { MotionStillGreenScreenV2 } from "./components/layouts/MotionStillGreenScreenV2";
|
|
40
40
|
|
|
41
|
-
/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
|
|
42
|
-
* Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
|
|
41
|
+
/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
|
|
42
|
+
* Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
|
|
43
43
|
* */
|
|
44
44
|
export var RegisteredComponents = {
|
|
45
45
|
// Layouts
|
|
@@ -29,11 +29,11 @@ export var SportsNametag = function SportsNametag(_ref) {
|
|
|
29
29
|
lottieAnimationPath: "https://storage.googleapis.com/zync-media/assets/lottie/sports/nametag/landscape.json"
|
|
30
30
|
},
|
|
31
31
|
portrait: {
|
|
32
|
-
containerBottomOffset: -
|
|
32
|
+
containerBottomOffset: -1450,
|
|
33
33
|
nameStyles: {
|
|
34
34
|
bottom: 175,
|
|
35
35
|
left: 100,
|
|
36
|
-
fontSize:
|
|
36
|
+
fontSize: 44
|
|
37
37
|
},
|
|
38
38
|
titleStyles: {
|
|
39
39
|
bottom: 135,
|
|
@@ -23,26 +23,26 @@ var transitionThemes = {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
|
|
26
|
-
/*
|
|
27
|
-
const UseMotionBlur = ({ children, componentName }) => {
|
|
28
|
-
const {
|
|
29
|
-
props: {
|
|
30
|
-
output: { theme = "default" } = {
|
|
31
|
-
theme: window.screenplayProps.output.theme,
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
} = useVideoConfig();
|
|
35
|
-
|
|
36
|
-
if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
|
|
37
|
-
return (
|
|
38
|
-
<CameraMotionBlur shutterAngle={180} samples={5}>
|
|
39
|
-
{children}
|
|
40
|
-
</CameraMotionBlur>
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return children;
|
|
45
|
-
};
|
|
26
|
+
/*
|
|
27
|
+
const UseMotionBlur = ({ children, componentName }) => {
|
|
28
|
+
const {
|
|
29
|
+
props: {
|
|
30
|
+
output: { theme = "default" } = {
|
|
31
|
+
theme: window.screenplayProps.output.theme,
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
} = useVideoConfig();
|
|
35
|
+
|
|
36
|
+
if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
|
|
37
|
+
return (
|
|
38
|
+
<CameraMotionBlur shutterAngle={180} samples={5}>
|
|
39
|
+
{children}
|
|
40
|
+
</CameraMotionBlur>
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return children;
|
|
45
|
+
};
|
|
46
46
|
*/
|
|
47
47
|
|
|
48
48
|
var NestedEffects = function NestedEffects(_ref) {
|
package/package.json
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@zync/zync-screnplay-player",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"files": [
|
|
5
|
-
"dist"
|
|
6
|
-
],
|
|
7
|
-
"main": "dist/bundle.js",
|
|
8
|
-
"module": "dist/index.js",
|
|
9
|
-
"exports": {
|
|
10
|
-
"import": "./dist/index.js",
|
|
11
|
-
"require": "./dist/bundle.js"
|
|
12
|
-
},
|
|
13
|
-
"scripts": {
|
|
14
|
-
"clean": "rimraf dist",
|
|
15
|
-
"build": "npm run clean && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
|
|
16
|
-
"publish-lib": "npm run build && npm publish --access public"
|
|
17
|
-
},
|
|
18
|
-
"dependencies": {
|
|
19
|
-
"@remotion/google-fonts": "4.0.208",
|
|
20
|
-
"@remotion/lottie": "4.0.208",
|
|
21
|
-
"@remotion/motion-blur": "4.0.208",
|
|
22
|
-
"@remotion/player": "4.0.208",
|
|
23
|
-
"@remotion/transitions": "4.0.208",
|
|
24
|
-
"remotion": "4.0.208"
|
|
25
|
-
},
|
|
26
|
-
"peerDependencies": {
|
|
27
|
-
"react": "16.14.0",
|
|
28
|
-
"react-dom": "16.14.0"
|
|
29
|
-
},
|
|
30
|
-
"devDependencies": {
|
|
31
|
-
"@babel/cli": "7.21.5",
|
|
32
|
-
"@babel/core": "7.21.5",
|
|
33
|
-
"@babel/preset-env": "7.21.5",
|
|
34
|
-
"@babel/preset-react": "7.18.6",
|
|
35
|
-
"@babel/preset-typescript": "^7.26.0",
|
|
36
|
-
"babel-loader": "^9.2.1",
|
|
37
|
-
"terser-webpack-plugin": "^5.3.11",
|
|
38
|
-
"ts-loader": "^9.5.2",
|
|
39
|
-
"typescript": "^5.7.3",
|
|
40
|
-
"webpack": "^5.97.1",
|
|
41
|
-
"webpack-cli": "^6.0.1",
|
|
42
|
-
"rimraf": "^5.0.7"
|
|
43
|
-
},
|
|
44
|
-
"browser": {
|
|
45
|
-
"fs": false
|
|
46
|
-
}
|
|
47
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@zync/zync-screnplay-player",
|
|
3
|
+
"version": "0.1.193",
|
|
4
|
+
"files": [
|
|
5
|
+
"dist"
|
|
6
|
+
],
|
|
7
|
+
"main": "dist/bundle.js",
|
|
8
|
+
"module": "dist/index.js",
|
|
9
|
+
"exports": {
|
|
10
|
+
"import": "./dist/index.js",
|
|
11
|
+
"require": "./dist/bundle.js"
|
|
12
|
+
},
|
|
13
|
+
"scripts": {
|
|
14
|
+
"clean": "rimraf dist",
|
|
15
|
+
"build": "npm run clean && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
|
|
16
|
+
"publish-lib": "npm run build && npm publish --access public"
|
|
17
|
+
},
|
|
18
|
+
"dependencies": {
|
|
19
|
+
"@remotion/google-fonts": "4.0.208",
|
|
20
|
+
"@remotion/lottie": "4.0.208",
|
|
21
|
+
"@remotion/motion-blur": "4.0.208",
|
|
22
|
+
"@remotion/player": "4.0.208",
|
|
23
|
+
"@remotion/transitions": "4.0.208",
|
|
24
|
+
"remotion": "4.0.208"
|
|
25
|
+
},
|
|
26
|
+
"peerDependencies": {
|
|
27
|
+
"react": "16.14.0",
|
|
28
|
+
"react-dom": "16.14.0"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@babel/cli": "7.21.5",
|
|
32
|
+
"@babel/core": "7.21.5",
|
|
33
|
+
"@babel/preset-env": "7.21.5",
|
|
34
|
+
"@babel/preset-react": "7.18.6",
|
|
35
|
+
"@babel/preset-typescript": "^7.26.0",
|
|
36
|
+
"babel-loader": "^9.2.1",
|
|
37
|
+
"terser-webpack-plugin": "^5.3.11",
|
|
38
|
+
"ts-loader": "^9.5.2",
|
|
39
|
+
"typescript": "^5.7.3",
|
|
40
|
+
"webpack": "^5.97.1",
|
|
41
|
+
"webpack-cli": "^6.0.1",
|
|
42
|
+
"rimraf": "^5.0.7"
|
|
43
|
+
},
|
|
44
|
+
"browser": {
|
|
45
|
+
"fs": false
|
|
46
|
+
}
|
|
47
|
+
}
|