diff --git a/packages/components/src/api/face_animation/EnqueueFaceAnimation.ts b/packages/components/src/api/face_animation/EnqueueFaceAnimation.ts index 8c404bab57..e2ac51333a 100644 --- a/packages/components/src/api/face_animation/EnqueueFaceAnimation.ts +++ b/packages/components/src/api/face_animation/EnqueueFaceAnimation.ts @@ -19,9 +19,10 @@ export interface EnqueueFaceAnimationRequest { audio_source: AudioSource, image_source: ImageSource, - crop?: string, + dimensions?: string, + make_still?: boolean, - high_quality?: boolean, + disable_face_enhancement?: boolean, remove_watermark?: boolean, } diff --git a/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx b/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx index 0aa357c568..9eeb8d9fd0 100644 --- a/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx @@ -30,16 +30,14 @@ import { } from "@storyteller/components/src/jobs/InferenceJob"; interface LipSyncProps { - animationChange: any; - animationStyle: any; audioProps: any; children?: any; - cropChange: any; - cropping: any; imageProps: any; + frameDimensions: any; + frameDimensionsChange: any; + disableFaceEnhancement: any; + disableFaceEnhancementChange: any; index: number; - highQuality: any; - highQualityChange: any; still: any; stillChange: any; style: any; @@ -64,14 +62,12 @@ interface EditorProps { const softSpring = { config: { mass: 1, tension: 80, friction: 10 } }; const InputPage = ({ - animationChange, - animationStyle, audioProps, - cropping, - cropChange, imageProps, - highQuality, - highQualityChange, + frameDimensions, + frameDimensionsChange, + disableFaceEnhancement, + disableFaceEnhancementChange, still, stillChange, toggle, @@ -90,24 +86,23 @@ const InputPage = ({ onRest: () => toggle.image(imageProps.file ? true : false), }} /> - - - - - - + - - + + + - - + + + + {/* + */}
{t("headings.audio")}
@@ -182,17 +177,23 @@ export default function LipsyncEditor({ const [animationStyle,animationStyleSet] = useState(0); - const [cropping,croppingSet] = useState("full"); + const [frameDimensions,frameDimensionsSet] = useState("twitter_square"); const [removeWatermark,removeWatermarkSet] = useState(false); - const [highQuality,highQualitySet] = useState(true); + const [disableFaceEnhancement,disableFaceEnhancementSet] = useState(false); const [still,stillSet] = useState(false); const animationChange = ({ target }: any) => animationStyleSet(target.value); - const cropChange = ({ target }: any) => croppingSet(target.value); + const frameDimensionsChange = ({ target }: any) => frameDimensionsSet(target.value); const removeWatermarkChange = ({ target }: any) => removeWatermarkSet(target.checked); - const highQualityChange = ({ target }: any) => highQualitySet(target.checked); + const disableFaceEnhancementChange = ({ target }: any) => disableFaceEnhancementSet(target.checked); const stillChange = ({ target }: any) => stillSet(target.checked); - const clearInputs = () => { animationStyleSet(0); croppingSet("crop"); removeWatermarkSet(false); } + const clearInputs = () => { + animationStyleSet(0); + stillSet(false); + frameDimensionsSet("twitter_square"); + removeWatermarkSet(false); + disableFaceEnhancementSet(false); + } const makeRequest = (mode: number) => ({ uuid_idempotency_token: uuidv4(), @@ -233,10 +234,10 @@ export default function LipsyncEditor({ image_source: { maybe_media_upload_token: responses.image.upload_token, }, - crop: cropping, make_still: still, - high_quality: highQuality, + disable_face_enhancement: disableFaceEnhancement, remove_watermark: removeWatermark, + dimensions: frameDimensions, }); } }) @@ -283,14 +284,12 @@ export default function LipsyncEditor({