@versa_ai/vmml-editor 1.0.41 → 1.0.42

package/src/index.tsx

@@ -30,7 +30,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		pauseWhenBuffering = false,
 		isBatchModify = false,
 		textWarapCenter = false,
-		hideConfig = null // { hideDelete: false, hideEdit: false, hideMute: false, hideVolume: false }
+		hideConfig = { hideDelete: false, hideEdit: false, hideMute: false, hideVolume: false } // { hideDelete: false, hideEdit: false, hideMute: false, hideVolume: false }
 	}: any,
 	ref: any,
 ) => {
@@ -274,6 +274,10 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 	const onPause = () => {
 		setShowCanvas(true)
 		setIsPlaying(false);
+		if (canvasRef.current) {
+			const { current: canvasC }: any = canvasRef;
+			canvasC.checkObjectInPoint();
+		}
 	};
 	
 	const onWaiting = () => {
@@ -317,7 +321,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		if (fcTracks.length) {
 			const clips = fcTracks.map((item: any) => item.clips).flat().filter((item: any) => Reflect.has(item, "fObj"));
 			const fObjs = clips.map((item: any) => item.fObj);
-			setInitFcObjs(fObjs);
+			// setInitFcObjs(fObjs); 暂时屏蔽
 			// 表情包标记
 			fObjs.forEach((item: any) => {
 				onVideoChange(item.clipData);

package/src/utils/VmmlConverter.ts

@@ -99,6 +99,7 @@ class VmmlConverter {
 
 		// const [rect, textbox] = fObj.objects;
 		// const { clipData: { id, inPoint, lineSpacing }} = fObj;
+		console.log(fObj, 'fObj>>>>')
 		const { clipData: { id, inPoint, text, textColor, bgColor}} = fObj;
 		const {template:{duration}} = this.vmml;
 		const clips = [];
@@ -222,6 +223,33 @@ class VmmlConverter {
 
 		// console.log("updateClip 最终vmml", this.vmml);
 	}
+	public updateTextClip(fObj: any, duration: number) {
+		console.log("updateClip fObj", fObj, this.tracks);
+		const posParam = this.setPosParam(fObj);
+		const {
+			clipData: { id },
+		} = fObj;
+		const [existClip] = this.findClip(id);
+		
+		if (existClip) {
+			const { clipData: { text, textColor, bgColor }} = fObj;
+			const scale = this.fontSize / 22;
+			existClip.duration = duration
+			console.log(bgColor, 'bgColor>>>')
+			existClip.textClip = {
+				...existClip.textClip,
+				posParam,
+				backgroundColor: this.toARGB(bgColor),
+				textContent: text,
+				textColor: this.toARGB(textColor),
+				dimension: {
+					width: Math.floor(fObj.width * scale),
+					height: Math.floor(fObj.height * scale),
+				}
+			};
+		}
+		console.log(this.vmml, 'updateText>>>')
+	}
 
 	/**
 	 * 删除 Clip
@@ -256,10 +284,12 @@ class VmmlConverter {
 				}
 			}
 		}
+		console.log('删除之后的vmml', this.vmml)
 	}
 
 	changeVmml (newVmml: any) {
 		this.vmml = newVmml;
+		this.tracks = this.vmml.template.tracks;
 	}
 
 	//切换静音 视频/音频