diff --git a/packages/components/src/api/ApiConfig.ts b/packages/components/src/api/ApiConfig.ts index 42c934ed21..453ba0d200 100644 --- a/packages/components/src/api/ApiConfig.ts +++ b/packages/components/src/api/ApiConfig.ts @@ -501,6 +501,11 @@ class ApiConfig { return `${this.getApiOrigin()}/v1/workflow/comfy/create`; } + // =============== Video Styletransfer =============== + enqueueVideoStyleTransfer(): string { + return `${this.getApiOrigin()}/v1/workflow/comfy/create`; + } + // =============== Convert FBX to glTF =============== enqueueFbxToGltf(): string { return `${this.getApiOrigin()}/v1/conversion/enqueue_fbx_to_gltf`; diff --git a/packages/components/src/api/comments/ListComments.ts b/packages/components/src/api/comments/ListComments.ts index defb7f79b8..00d45d50df 100644 --- a/packages/components/src/api/comments/ListComments.ts +++ b/packages/components/src/api/comments/ListComments.ts @@ -1,64 +1,73 @@ import { ApiConfig } from "@storyteller/components"; +import { UserDetailsLight } from "../_common/UserDetailsLight"; export interface ListCommentsSuccessResponse { - success: boolean, - comments: Array + success: boolean; + comments: Array; } export interface Comment { - token: string, + token: string; + user: UserDetailsLight; + user_token: string; + username: string; + user_display_name: string; + user_gravatar_hash: string; - user_token: string, - username: string, - user_display_name: string, - user_gravatar_hash: string, + comment_markdown: string; + comment_rendered_html: string; - comment_markdown: string, - comment_rendered_html: string, - - created_at: Date, - updated_at: Date, - maybe_edited_at?: Date, + created_at: Date; + updated_at: Date; + maybe_edited_at?: Date; } export interface ListCommentsErrorResponse { - success: boolean, + success: boolean; } -type ListCommentsResponse = ListCommentsSuccessResponse | ListCommentsErrorResponse; +type ListCommentsResponse = + | ListCommentsSuccessResponse + | ListCommentsErrorResponse; -export function ListCommentsIsOk(response: ListCommentsResponse): response is ListCommentsSuccessResponse { +export function ListCommentsIsOk( + response: ListCommentsResponse +): response is ListCommentsSuccessResponse { return response?.success === true; } -export function ListCommentsIsError(response: ListCommentsResponse): response is ListCommentsErrorResponse { +export function ListCommentsIsError( + response: ListCommentsResponse +): response is ListCommentsErrorResponse { return response?.success === false; } -export async function ListComments(entityType: string, entityToken: string) : Promise -{ +export async function ListComments( + entityType: string, + entityToken: string +): Promise { const endpoint = new ApiConfig().commentList(entityType, entityToken); - - return await fetch(endpoint, { - method: 'GET', - headers: { - 'Accept': 'application/json', - }, - credentials: 'include', - }) - .then(res => res.json()) - .then(res => { - if (!res) { - return { success : false }; // TODO: This loses error semantics and is deprecated - } - if (res && 'success' in res) { - return res; - } else { - return { success : false }; - } + return await fetch(endpoint, { + method: "GET", + headers: { + Accept: "application/json", + }, + credentials: "include", }) - .catch(e => { - return { success : false }; - }); + .then(res => res.json()) + .then(res => { + if (!res) { + return { success: false }; // TODO: This loses error semantics and is deprecated + } + + if (res && "success" in res) { + return res; + } else { + return { success: false }; + } + }) + .catch(e => { + return { success: false }; + }); } diff --git a/packages/components/src/api/media_files/GetMedia.ts b/packages/components/src/api/media_files/GetMedia.ts index 1e005058b3..1fd37c665a 100644 --- a/packages/components/src/api/media_files/GetMedia.ts +++ b/packages/components/src/api/media_files/GetMedia.ts @@ -8,6 +8,7 @@ export interface MediaFile { token: string; media_type: MediaFileType; public_bucket_path: string; + maybe_batch_token: string; maybe_creator_user: UserDetailsLight | null; creator_set_visibility: string; created_at: Date; @@ -25,11 +26,17 @@ export interface MediaFile { export interface GetMediaRequest {} export interface GetMediaResponse { - success: boolean, - media_file?: MediaFile + success: boolean; + media_file?: MediaFile; } -export const GetMedia = MakeRequest({ +export const GetMedia = MakeRequest< + string, + GetMediaRequest, + GetMediaResponse, + {} +>({ method: "GET", - routingFunction: (mediaFileToken: string) => `/v1/media_files/file/${mediaFileToken}`, -}); \ No newline at end of file + routingFunction: (mediaFileToken: string) => + `/v1/media_files/file/${mediaFileToken}`, +}); diff --git a/packages/components/src/api/media_files/GetMediaBatchImages.ts b/packages/components/src/api/media_files/GetMediaBatchImages.ts new file mode 100644 index 0000000000..8fbb96042a --- /dev/null +++ b/packages/components/src/api/media_files/GetMediaBatchImages.ts @@ -0,0 +1,22 @@ +import MakeRequest from "../MakeRequest"; +import { MediaFile } from "./GetMedia"; + +export interface GetMediaBatchImagesRequest {} + +export interface GetMediaBatchImagesResponse { + success: boolean; + results: MediaFile[]; +} + +export interface GetMediaBatchImagesParams {} + +export const GetMediaBatchImages = MakeRequest< + string, + GetMediaBatchImagesRequest, + GetMediaBatchImagesResponse, + GetMediaBatchImagesParams +>({ + method: "GET", + routingFunction: (batchToken: string) => + `/v1/media_files/batch/${batchToken}`, +}); diff --git a/packages/components/src/api/media_files/GetMediaByUser.ts b/packages/components/src/api/media_files/GetMediaByUser.ts index 340b623620..d5de1230b7 100644 --- a/packages/components/src/api/media_files/GetMediaByUser.ts +++ b/packages/components/src/api/media_files/GetMediaByUser.ts @@ -1,21 +1,26 @@ import MakeRequest from "../MakeRequest"; import { MediaFile } from "./GetMedia"; -import { MediaFileType } from "../_common/enums/MediaFileType"; import { Pagination } from "../_common/SharedFetchTypes"; export interface GetMediaRequest {} export interface GetMediaListResponse { - pagination: Pagination, - success: boolean, - results: MediaFile[] + pagination: Pagination; + success: boolean; + results: MediaFile[]; } export interface GetMediaParams { - page_index: number, + page_index: number; } -export const GetMediaByUser = MakeRequest({ +export const GetMediaByUser = MakeRequest< + string, + GetMediaRequest, + GetMediaListResponse, + GetMediaParams +>({ method: "GET", - routingFunction: (userToken: string) => `/v1/media_files/list/user/${userToken}`, -}); \ No newline at end of file + routingFunction: (userToken: string) => + `/v1/media_files/list/user/${userToken}`, +}); diff --git a/packages/components/src/api/media_files/GetMediaFile.ts b/packages/components/src/api/media_files/GetMediaFile.ts index 1e87adf051..3d59eb5d6e 100644 --- a/packages/components/src/api/media_files/GetMediaFile.ts +++ b/packages/components/src/api/media_files/GetMediaFile.ts @@ -22,6 +22,7 @@ export interface MediaFile { maybe_cover_image_public_bucket_path: string; }; maybe_text_transcript?: string; + maybe_batch_token?: string; } export enum MediaFileLookupError { diff --git a/packages/components/src/api/stats/queues/GetQueueStats.ts b/packages/components/src/api/stats/queues/GetQueueStats.ts index 839dde3a36..dac2474ddc 100644 --- a/packages/components/src/api/stats/queues/GetQueueStats.ts +++ b/packages/components/src/api/stats/queues/GetQueueStats.ts @@ -20,6 +20,7 @@ export interface ByQueueStats { pending_svc_jobs: number, pending_tacotron2_jobs: number, pending_voice_designer: number, + pending_stable_diffusion: number, } export interface LegacyTtsInfo { diff --git a/packages/components/src/api/video_styleTransfer/EnqueueVideoStyleTransfer.tsx b/packages/components/src/api/video_styleTransfer/EnqueueVideoStyleTransfer.tsx new file mode 100644 index 0000000000..59b4d69195 --- /dev/null +++ b/packages/components/src/api/video_styleTransfer/EnqueueVideoStyleTransfer.tsx @@ -0,0 +1,68 @@ +import { ApiConfig } from "@storyteller/components"; + +export interface EnqueueVideoStyleTransferRequest { + "uuid_idempotency_token": string, + + "maybe_sd_model": string, + "maybe_workflow_config": string, + "maybe_input_file": string, + "maybe_output_path": string, + "maybe_json_modifications": { + "$.510.inputs.Text": string, + "$.8.inputs.text": string, + "$.173.inputs.seed": string, + "$.401.inputs.Value": number, + "$.918.inputs.Value": number, + "$.137.inputs.Value": number, + "$.186.inputs.Value": number, + "$.140.inputs.Value":number, + "$.154.inputs.Value": number, + "$.445.inputs.number": number, + "$.947.inputs.Value": number, + "$.800.inputs.Value": number, + "$.797.inputs.Value": number, + "$.796.inputs.Value": number, + "$.772.inputs.Value": number, + "$.771.inputs.Value": number, + "$.527.inputs.Value": number, + "$.403.inputs.Value": number, + } +} + +export interface EnqueueVideoStyleTransferResponse { + success: boolean, + inference_job_token?: string, +} + +export async function EnqueueVideoStyleTransfer(request: EnqueueVideoStyleTransferRequest) : Promise +{ + // const endpoint = "/v1/workflow/comfy/create"; + + const endpoint = new ApiConfig().enqueueVideoStyleTransfer(); + + return await fetch(endpoint, { + method: 'POST', + headers: { + 'Accept': 'application/json', + 'Content-Type': 'application/json', + }, + credentials: 'include', + body: JSON.stringify(request), + }) + .then(res => res.json()) + .then(res => { + if (!res) { + return { success : false }; + } + + if (res && 'success' in res) { + return res; + } else { + return { success : false }; + } + }) + .catch(e => { + return { success : false }; + }); +} + diff --git a/packages/components/src/api/video_styleTransfer/index.ts b/packages/components/src/api/video_styleTransfer/index.ts new file mode 100644 index 0000000000..fed600385c --- /dev/null +++ b/packages/components/src/api/video_styleTransfer/index.ts @@ -0,0 +1,7 @@ +export type { + EnqueueVideoStyleTransferRequest, EnqueueVideoStyleTransferResponse, +} from './EnqueueVideoStyleTransfer'; + +export { + EnqueueVideoStyleTransfer as default +} from './EnqueueVideoStyleTransfer'; \ No newline at end of file diff --git a/packages/components/src/jobs/InferenceJob.ts b/packages/components/src/jobs/InferenceJob.ts index 4ff6ad37db..eee50ef525 100644 --- a/packages/components/src/jobs/InferenceJob.ts +++ b/packages/components/src/jobs/InferenceJob.ts @@ -13,6 +13,7 @@ export enum FrontendInferenceJobType { ConvertFbxtoGltf, EngineComposition, VideoWorkflow, + VideoStyleTransfer, } // NB: Many of these fields are optional despite the response payload containing them diff --git a/packages/fakeyou.com/package.json b/packages/fakeyou.com/package.json index 9345c24955..42897d0898 100644 --- a/packages/fakeyou.com/package.json +++ b/packages/fakeyou.com/package.json @@ -75,6 +75,7 @@ "react-twitch-embed": "^3.0.1", "react-wavesurfer.js": "^0.0.8", "sass": "^1.57.1", + "swiper": "^11.0.5", "typescript": "^3.7.5", "universal-cookie": "^6.1.1", "uuid": "^8.3.2", diff --git a/packages/fakeyou.com/public/images/test/castle-1.png b/packages/fakeyou.com/public/images/test/castle-1.png new file mode 100644 index 0000000000..997b1bf1e7 Binary files /dev/null and b/packages/fakeyou.com/public/images/test/castle-1.png differ diff --git a/packages/fakeyou.com/public/images/test/castle-2.png b/packages/fakeyou.com/public/images/test/castle-2.png new file mode 100644 index 0000000000..b216668716 Binary files /dev/null and b/packages/fakeyou.com/public/images/test/castle-2.png differ diff --git a/packages/fakeyou.com/public/locales/bn/SideNav.json b/packages/fakeyou.com/public/locales/bn/SideNav.json index 6f52b17b08..f8bece16dd 100644 --- a/packages/fakeyou.com/public/locales/bn/SideNav.json +++ b/packages/fakeyou.com/public/locales/bn/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "ভয়েস টু ভয়েস", "videoFaceAnimator": "ফেস অ্যানিমেটর", "videoMotionCapture": "ভিডিও মোশন ক্যাপচার", + "videoStyleTransfer": "ভিডিও শৈলী স্থানান্তর", "videoTitle": "ভিডিও জেনারেশন", "videoW2l": "ভিডিও লিপ সিঙ্ক", "videoWorkflow": "ভিডিও ওয়ার্কফ্লো" diff --git a/packages/fakeyou.com/public/locales/bn/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/bn/VideoStyleTansfer.json new file mode 100644 index 0000000000..06b146f981 --- /dev/null +++ b/packages/fakeyou.com/public/locales/bn/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "বাতিল করুন", + "enqueue": "স্টাইল ট্রান্সফার প্রয়োগ করুন", + "generateNew": "অন্য ভিডিও স্থানান্তর করুন", + "proceed": "স্টাইল ট্রান্সফারে এগিয়ে যান", + "upload": "আপলোড করুন" + }, + "headings": { + "subtitle": "আপনার ভিডিওর স্টাইল একটি থেকে অন্যটিতে পরিবর্তন করুন", + "title": "ভিডিও শৈলী স্থানান্তর" + }, + "image": { + "label": { + "preview": "স্টাইল ট্রান্সফার প্রয়োগ করার পরে একটি ফ্রেমের পূর্বরূপ" + } + }, + "input": { + "label": { + "negPrompt": "নেতিবাচক প্রম্পট", + "prompt": "একটি প্রম্পট লিখুন", + "selectStyle": "একটি শৈলী নির্বাচন করুন", + "styleStrength": "শৈলী শক্তি" + }, + "placeholder": { + "negPrompt": "এখানে প্রম্পট টাইপ করুন। যেমন: মানুষ ভাল্লুক নয়", + "prompt": "এখানে প্রম্পট টাইপ করুন। যেমন: ম্যান অ্যানিমে স্টাইলে নাচছে" + }, + "thumbtip": { + "styleStrength": "শক্তি" + } + }, + "message": { + "fileUploading": "ফাইল আপলোড হচ্ছে..." + }, + "tabTitle": { + "library": "আপলোড করা থেকে বেছে নিন", + "upload": "একটি ভিডিও আপলোড করুন" + }, + "video": { + "instruction": "একটি ভিডিও বাছাই করুন, তারপর একটি শৈলীর একটি মডেল চয়ন করুন এবং তারপর StoryTeller.ai কে এটি ঘটতে দিন৷", + "label": { + "original": "অরিজিনাল ভিডিও" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/bn/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/bn/VideoStyleTransfer.json new file mode 100644 index 0000000000..06b146f981 --- /dev/null +++ b/packages/fakeyou.com/public/locales/bn/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "বাতিল করুন", + "enqueue": "স্টাইল ট্রান্সফার প্রয়োগ করুন", + "generateNew": "অন্য ভিডিও স্থানান্তর করুন", + "proceed": "স্টাইল ট্রান্সফারে এগিয়ে যান", + "upload": "আপলোড করুন" + }, + "headings": { + "subtitle": "আপনার ভিডিওর স্টাইল একটি থেকে অন্যটিতে পরিবর্তন করুন", + "title": "ভিডিও শৈলী স্থানান্তর" + }, + "image": { + "label": { + "preview": "স্টাইল ট্রান্সফার প্রয়োগ করার পরে একটি ফ্রেমের পূর্বরূপ" + } + }, + "input": { + "label": { + "negPrompt": "নেতিবাচক প্রম্পট", + "prompt": "একটি প্রম্পট লিখুন", + "selectStyle": "একটি শৈলী নির্বাচন করুন", + "styleStrength": "শৈলী শক্তি" + }, + "placeholder": { + "negPrompt": "এখানে প্রম্পট টাইপ করুন। যেমন: মানুষ ভাল্লুক নয়", + "prompt": "এখানে প্রম্পট টাইপ করুন। যেমন: ম্যান অ্যানিমে স্টাইলে নাচছে" + }, + "thumbtip": { + "styleStrength": "শক্তি" + } + }, + "message": { + "fileUploading": "ফাইল আপলোড হচ্ছে..." + }, + "tabTitle": { + "library": "আপলোড করা থেকে বেছে নিন", + "upload": "একটি ভিডিও আপলোড করুন" + }, + "video": { + "instruction": "একটি ভিডিও বাছাই করুন, তারপর একটি শৈলীর একটি মডেল চয়ন করুন এবং তারপর StoryTeller.ai কে এটি ঘটতে দিন৷", + "label": { + "original": "অরিজিনাল ভিডিও" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/de/SideNav.json b/packages/fakeyou.com/public/locales/de/SideNav.json index 7084a5c57b..9e164d36c7 100644 --- a/packages/fakeyou.com/public/locales/de/SideNav.json +++ b/packages/fakeyou.com/public/locales/de/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Stimme zu Stimme", "videoFaceAnimator": "Gesichtsanimator", "videoMotionCapture": "Video-Bewegungserfassung", + "videoStyleTransfer": "Übertragung des Videostils", "videoTitle": "Videogenerierung", "videoW2l": "Video-Lippensynchronisation", "videoWorkflow": "Video-Workflow" diff --git a/packages/fakeyou.com/public/locales/de/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/de/VideoStyleTansfer.json new file mode 100644 index 0000000000..ae652bfd7c --- /dev/null +++ b/packages/fakeyou.com/public/locales/de/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Stornieren", + "enqueue": "Stilübertragung anwenden", + "generateNew": "Übertragen Sie ein anderes Video", + "proceed": "Fahren Sie mit der Stilübertragung fort", + "upload": "Hochladen" + }, + "headings": { + "subtitle": "Ändern Sie den Stil Ihres Videos von einem zum anderen", + "title": "Übertragung des Videostils" + }, + "image": { + "label": { + "preview": "Vorschau eines Rahmens nach der Anwendung von Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Negative Aufforderung", + "prompt": "Geben Sie eine Eingabeaufforderung ein", + "selectStyle": "Wählen Sie einen Stil aus", + "styleStrength": "Stilstärke" + }, + "placeholder": { + "negPrompt": "Geben Sie hier prompt ein. ZB: Der Mensch ist kein Bär", + "prompt": "Geben Sie hier prompt ein. Beispiel: Mann tanzt im Anime-Stil" + }, + "thumbtip": { + "styleStrength": "Stärke" + } + }, + "message": { + "fileUploading": "Datei wird hochgeladen..." + }, + "tabTitle": { + "library": "Wählen Sie aus den hochgeladenen", + "upload": "Ein Video hochladen" + }, + "video": { + "instruction": "Wählen Sie ein Video, dann ein Modell eines Stils aus und lassen Sie es dann von StoryTeller.ai Wirklichkeit werden", + "label": { + "original": "Originalvideo" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/de/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/de/VideoStyleTransfer.json new file mode 100644 index 0000000000..ae652bfd7c --- /dev/null +++ b/packages/fakeyou.com/public/locales/de/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Stornieren", + "enqueue": "Stilübertragung anwenden", + "generateNew": "Übertragen Sie ein anderes Video", + "proceed": "Fahren Sie mit der Stilübertragung fort", + "upload": "Hochladen" + }, + "headings": { + "subtitle": "Ändern Sie den Stil Ihres Videos von einem zum anderen", + "title": "Übertragung des Videostils" + }, + "image": { + "label": { + "preview": "Vorschau eines Rahmens nach der Anwendung von Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Negative Aufforderung", + "prompt": "Geben Sie eine Eingabeaufforderung ein", + "selectStyle": "Wählen Sie einen Stil aus", + "styleStrength": "Stilstärke" + }, + "placeholder": { + "negPrompt": "Geben Sie hier prompt ein. ZB: Der Mensch ist kein Bär", + "prompt": "Geben Sie hier prompt ein. Beispiel: Mann tanzt im Anime-Stil" + }, + "thumbtip": { + "styleStrength": "Stärke" + } + }, + "message": { + "fileUploading": "Datei wird hochgeladen..." + }, + "tabTitle": { + "library": "Wählen Sie aus den hochgeladenen", + "upload": "Ein Video hochladen" + }, + "video": { + "instruction": "Wählen Sie ein Video, dann ein Modell eines Stils aus und lassen Sie es dann von StoryTeller.ai Wirklichkeit werden", + "label": { + "original": "Originalvideo" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/en/SideNav.json b/packages/fakeyou.com/public/locales/en/SideNav.json index 22b56ba943..1d05a4121d 100644 --- a/packages/fakeyou.com/public/locales/en/SideNav.json +++ b/packages/fakeyou.com/public/locales/en/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Voice to Voice", "videoFaceAnimator": "Face Animator", "videoMotionCapture": "Video Motion Capture", + "videoStyleTransfer": "Video Style Transfer", "videoTitle": "Video Generation", "videoW2l": "Video Lip Sync", "videoWorkflow": "Video Workflow" diff --git a/packages/fakeyou.com/public/locales/en/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/en/VideoStyleTansfer.json new file mode 100644 index 0000000000..ed0139d6ce --- /dev/null +++ b/packages/fakeyou.com/public/locales/en/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancel", + "enqueue": "Apply Style Transfer", + "generateNew": "Transfer another video", + "proceed": "Proceed to Style Transfer", + "upload": "Upload" + }, + "headings": { + "subtitle": "Change the style of your video from one to another", + "title": "Video Style Transfer" + }, + "image": { + "label": { + "preview": "Preview of a frame after applying Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Negative Prompt", + "prompt": "Enter a prompt", + "selectStyle": "Select a style", + "styleStrength": "Style Strength" + }, + "placeholder": { + "negPrompt": "Type prompt here. Eg: Man is not a bear", + "prompt": "Type prompt here. Eg: Man dancing in the style of anime" + }, + "thumbtip": { + "styleStrength": "Strength" + } + }, + "message": { + "fileUploading": "Uploading File..." + }, + "tabTitle": { + "library": "Choose from uploaded", + "upload": "Upload a video" + }, + "video": { + "instruction": "Pick a video, then pick a model of a style, and then let StoryTeller.ai make it happen", + "label": { + "original": "Original Video" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/en/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/en/VideoStyleTransfer.json new file mode 100644 index 0000000000..ed0139d6ce --- /dev/null +++ b/packages/fakeyou.com/public/locales/en/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancel", + "enqueue": "Apply Style Transfer", + "generateNew": "Transfer another video", + "proceed": "Proceed to Style Transfer", + "upload": "Upload" + }, + "headings": { + "subtitle": "Change the style of your video from one to another", + "title": "Video Style Transfer" + }, + "image": { + "label": { + "preview": "Preview of a frame after applying Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Negative Prompt", + "prompt": "Enter a prompt", + "selectStyle": "Select a style", + "styleStrength": "Style Strength" + }, + "placeholder": { + "negPrompt": "Type prompt here. Eg: Man is not a bear", + "prompt": "Type prompt here. Eg: Man dancing in the style of anime" + }, + "thumbtip": { + "styleStrength": "Strength" + } + }, + "message": { + "fileUploading": "Uploading File..." + }, + "tabTitle": { + "library": "Choose from uploaded", + "upload": "Upload a video" + }, + "video": { + "instruction": "Pick a video, then pick a model of a style, and then let StoryTeller.ai make it happen", + "label": { + "original": "Original Video" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/es/SideNav.json b/packages/fakeyou.com/public/locales/es/SideNav.json index cac92b0c52..26c56841a2 100644 --- a/packages/fakeyou.com/public/locales/es/SideNav.json +++ b/packages/fakeyou.com/public/locales/es/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Voz a Voz", "videoFaceAnimator": "Animador de rostros", "videoMotionCapture": "Captura de movimiento de vídeo", + "videoStyleTransfer": "Transferencia de estilo de vídeo", "videoTitle": "Generación de vídeo", "videoW2l": "Sincronización de labios de vídeo", "videoWorkflow": "Flujo de trabajo de vídeo" diff --git a/packages/fakeyou.com/public/locales/es/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/es/VideoStyleTansfer.json new file mode 100644 index 0000000000..e4d3a1f35b --- /dev/null +++ b/packages/fakeyou.com/public/locales/es/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancelar", + "enqueue": "Aplicar transferencia de estilo", + "generateNew": "Transferir otro video", + "proceed": "Continuar con la transferencia de estilo", + "upload": "Subir" + }, + "headings": { + "subtitle": "Cambia el estilo de tu vídeo de uno a otro", + "title": "Transferencia de estilo de vídeo" + }, + "image": { + "label": { + "preview": "Vista previa de un marco después de aplicar Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Aviso negativo", + "prompt": "Ingrese un mensaje", + "selectStyle": "Selecciona un estilo", + "styleStrength": "Fuerza del estilo" + }, + "placeholder": { + "negPrompt": "Escriba el mensaje aquí. Por ejemplo: el hombre no es un oso", + "prompt": "Escriba el mensaje aquí. Por ejemplo: hombre bailando al estilo anime." + }, + "thumbtip": { + "styleStrength": "Fortaleza" + } + }, + "message": { + "fileUploading": "Subiendo archivo..." + }, + "tabTitle": { + "library": "Elige entre cargado", + "upload": "Subir un video" + }, + "video": { + "instruction": "Elija un video, luego elija un modelo de estilo y luego deje que StoryTeller.ai lo haga realidad.", + "label": { + "original": "Vídeo original" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/es/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/es/VideoStyleTransfer.json new file mode 100644 index 0000000000..e4d3a1f35b --- /dev/null +++ b/packages/fakeyou.com/public/locales/es/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancelar", + "enqueue": "Aplicar transferencia de estilo", + "generateNew": "Transferir otro video", + "proceed": "Continuar con la transferencia de estilo", + "upload": "Subir" + }, + "headings": { + "subtitle": "Cambia el estilo de tu vídeo de uno a otro", + "title": "Transferencia de estilo de vídeo" + }, + "image": { + "label": { + "preview": "Vista previa de un marco después de aplicar Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Aviso negativo", + "prompt": "Ingrese un mensaje", + "selectStyle": "Selecciona un estilo", + "styleStrength": "Fuerza del estilo" + }, + "placeholder": { + "negPrompt": "Escriba el mensaje aquí. Por ejemplo: el hombre no es un oso", + "prompt": "Escriba el mensaje aquí. Por ejemplo: hombre bailando al estilo anime." + }, + "thumbtip": { + "styleStrength": "Fortaleza" + } + }, + "message": { + "fileUploading": "Subiendo archivo..." + }, + "tabTitle": { + "library": "Elige entre cargado", + "upload": "Subir un video" + }, + "video": { + "instruction": "Elija un video, luego elija un modelo de estilo y luego deje que StoryTeller.ai lo haga realidad.", + "label": { + "original": "Vídeo original" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/fr/SideNav.json b/packages/fakeyou.com/public/locales/fr/SideNav.json index e808325925..c739e92c52 100644 --- a/packages/fakeyou.com/public/locales/fr/SideNav.json +++ b/packages/fakeyou.com/public/locales/fr/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Voix à voix", "videoFaceAnimator": "Animateur de visage", "videoMotionCapture": "Capture de mouvement vidéo", + "videoStyleTransfer": "Transfert de style vidéo", "videoTitle": "Génération vidéo", "videoW2l": "Synchronisation labiale vidéo", "videoWorkflow": "Flux de travail vidéo" diff --git a/packages/fakeyou.com/public/locales/fr/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/fr/VideoStyleTansfer.json new file mode 100644 index 0000000000..c32fe60789 --- /dev/null +++ b/packages/fakeyou.com/public/locales/fr/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Annuler", + "enqueue": "Appliquer le transfert de style", + "generateNew": "Transférer une autre vidéo", + "proceed": "Passer au transfert de style", + "upload": "Télécharger" + }, + "headings": { + "subtitle": "Changez le style de votre vidéo de l'un à l'autre", + "title": "Transfert de style vidéo" + }, + "image": { + "label": { + "preview": "Aperçu d'un cadre après application de Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Invite négative", + "prompt": "Entrez une invite", + "selectStyle": "Sélectionnez un style", + "styleStrength": "Force du style" + }, + "placeholder": { + "negPrompt": "Tapez l'invite ici. Ex : L'homme n'est pas un ours", + "prompt": "Tapez l'invite ici. Par exemple : un homme qui danse à la manière d'un anime" + }, + "thumbtip": { + "styleStrength": "Force" + } + }, + "message": { + "fileUploading": "Téléchargement du fichier..." + }, + "tabTitle": { + "library": "Choisissez parmi les fichiers téléchargés", + "upload": "Télécharger une vidéo" + }, + "video": { + "instruction": "Choisissez une vidéo, puis choisissez un modèle d'un style, puis laissez StoryTeller.ai le réaliser", + "label": { + "original": "Vidéo originale" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/fr/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/fr/VideoStyleTransfer.json new file mode 100644 index 0000000000..c32fe60789 --- /dev/null +++ b/packages/fakeyou.com/public/locales/fr/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Annuler", + "enqueue": "Appliquer le transfert de style", + "generateNew": "Transférer une autre vidéo", + "proceed": "Passer au transfert de style", + "upload": "Télécharger" + }, + "headings": { + "subtitle": "Changez le style de votre vidéo de l'un à l'autre", + "title": "Transfert de style vidéo" + }, + "image": { + "label": { + "preview": "Aperçu d'un cadre après application de Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Invite négative", + "prompt": "Entrez une invite", + "selectStyle": "Sélectionnez un style", + "styleStrength": "Force du style" + }, + "placeholder": { + "negPrompt": "Tapez l'invite ici. Ex : L'homme n'est pas un ours", + "prompt": "Tapez l'invite ici. Par exemple : un homme qui danse à la manière d'un anime" + }, + "thumbtip": { + "styleStrength": "Force" + } + }, + "message": { + "fileUploading": "Téléchargement du fichier..." + }, + "tabTitle": { + "library": "Choisissez parmi les fichiers téléchargés", + "upload": "Télécharger une vidéo" + }, + "video": { + "instruction": "Choisissez une vidéo, puis choisissez un modèle d'un style, puis laissez StoryTeller.ai le réaliser", + "label": { + "original": "Vidéo originale" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/hi/SideNav.json b/packages/fakeyou.com/public/locales/hi/SideNav.json index bb0039100d..3c36ed63e3 100644 --- a/packages/fakeyou.com/public/locales/hi/SideNav.json +++ b/packages/fakeyou.com/public/locales/hi/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "आवाज से आवाज", "videoFaceAnimator": "फेस एनिमेटर", "videoMotionCapture": "वीडियो मोशन कैप्चर", + "videoStyleTransfer": "वीडियो शैली स्थानांतरण", "videoTitle": "वीडियो जनरेशन", "videoW2l": "वीडियो लिप सिंक", "videoWorkflow": "वीडियो वर्कफ़्लो" diff --git a/packages/fakeyou.com/public/locales/hi/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/hi/VideoStyleTansfer.json new file mode 100644 index 0000000000..e99e01be75 --- /dev/null +++ b/packages/fakeyou.com/public/locales/hi/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "रद्द करना", + "enqueue": "स्टाइल ट्रांसफर लागू करें", + "generateNew": "दूसरा वीडियो ट्रांसफर करें", + "proceed": "स्टाइल ट्रांसफर के लिए आगे बढ़ें", + "upload": "डालना" + }, + "headings": { + "subtitle": "अपने वीडियो की शैली को एक से दूसरे में बदलें", + "title": "वीडियो शैली स्थानांतरण" + }, + "image": { + "label": { + "preview": "स्टाइल ट्रांसफर लागू करने के बाद फ्रेम का पूर्वावलोकन" + } + }, + "input": { + "label": { + "negPrompt": "नकारात्मक संकेत", + "prompt": "एक संकेत दर्ज करें", + "selectStyle": "एक शैली चुनें", + "styleStrength": "शैली की ताकत" + }, + "placeholder": { + "negPrompt": "यहां प्रॉम्प्ट टाइप करें। उदाहरणार्थ: मनुष्य भालू नहीं है", + "prompt": "यहां प्रॉम्प्ट टाइप करें। जैसे: आदमी एनीमे की शैली में नृत्य कर रहा है" + }, + "thumbtip": { + "styleStrength": "ताकत" + } + }, + "message": { + "fileUploading": "फ़ाइल अपलोड हो रही है..." + }, + "tabTitle": { + "library": "अपलोड किए गए में से चुनें", + "upload": "एक वीडियो अपलोड करें" + }, + "video": { + "instruction": "एक वीडियो चुनें, फिर एक शैली का मॉडल चुनें, और फिर StoryTeller.ai को ऐसा करने दें", + "label": { + "original": "मूल वीडियो" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/hi/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/hi/VideoStyleTransfer.json new file mode 100644 index 0000000000..e99e01be75 --- /dev/null +++ b/packages/fakeyou.com/public/locales/hi/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "रद्द करना", + "enqueue": "स्टाइल ट्रांसफर लागू करें", + "generateNew": "दूसरा वीडियो ट्रांसफर करें", + "proceed": "स्टाइल ट्रांसफर के लिए आगे बढ़ें", + "upload": "डालना" + }, + "headings": { + "subtitle": "अपने वीडियो की शैली को एक से दूसरे में बदलें", + "title": "वीडियो शैली स्थानांतरण" + }, + "image": { + "label": { + "preview": "स्टाइल ट्रांसफर लागू करने के बाद फ्रेम का पूर्वावलोकन" + } + }, + "input": { + "label": { + "negPrompt": "नकारात्मक संकेत", + "prompt": "एक संकेत दर्ज करें", + "selectStyle": "एक शैली चुनें", + "styleStrength": "शैली की ताकत" + }, + "placeholder": { + "negPrompt": "यहां प्रॉम्प्ट टाइप करें। उदाहरणार्थ: मनुष्य भालू नहीं है", + "prompt": "यहां प्रॉम्प्ट टाइप करें। जैसे: आदमी एनीमे की शैली में नृत्य कर रहा है" + }, + "thumbtip": { + "styleStrength": "ताकत" + } + }, + "message": { + "fileUploading": "फ़ाइल अपलोड हो रही है..." + }, + "tabTitle": { + "library": "अपलोड किए गए में से चुनें", + "upload": "एक वीडियो अपलोड करें" + }, + "video": { + "instruction": "एक वीडियो चुनें, फिर एक शैली का मॉडल चुनें, और फिर StoryTeller.ai को ऐसा करने दें", + "label": { + "original": "मूल वीडियो" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/id/SideNav.json b/packages/fakeyou.com/public/locales/id/SideNav.json index 443f264f03..49646415d9 100644 --- a/packages/fakeyou.com/public/locales/id/SideNav.json +++ b/packages/fakeyou.com/public/locales/id/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Suara ke Suara", "videoFaceAnimator": "Animator Wajah", "videoMotionCapture": "Pengambilan Gerakan Video", + "videoStyleTransfer": "Transfer Gaya Video", "videoTitle": "Pembuatan Video", "videoW2l": "Sinkronisasi Bibir Video", "videoWorkflow": "Alur Kerja Video" diff --git a/packages/fakeyou.com/public/locales/id/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/id/VideoStyleTansfer.json new file mode 100644 index 0000000000..954b96fb30 --- /dev/null +++ b/packages/fakeyou.com/public/locales/id/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Membatalkan", + "enqueue": "Terapkan Transfer Gaya", + "generateNew": "Transfer video lain", + "proceed": "Lanjutkan ke Transfer Gaya", + "upload": "Mengunggah" + }, + "headings": { + "subtitle": "Ubah gaya video Anda dari satu ke yang lain", + "title": "Transfer Gaya Video" + }, + "image": { + "label": { + "preview": "Pratinjau bingkai setelah menerapkan Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Perintah Negatif", + "prompt": "Masukkan perintah", + "selectStyle": "Pilih gaya", + "styleStrength": "Kekuatan Gaya" + }, + "placeholder": { + "negPrompt": "Ketik perintah di sini. Misalnya: Manusia bukan beruang", + "prompt": "Ketik perintah di sini. Misalnya: Pria menari dengan gaya anime" + }, + "thumbtip": { + "styleStrength": "Kekuatan" + } + }, + "message": { + "fileUploading": "Mengunggah Berkas..." + }, + "tabTitle": { + "library": "Pilih dari yang diunggah", + "upload": "Unggah video" + }, + "video": { + "instruction": "Pilih video, lalu pilih model gayanya, lalu biarkan StoryTeller.ai mewujudkannya", + "label": { + "original": "Video Asli" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/id/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/id/VideoStyleTransfer.json new file mode 100644 index 0000000000..954b96fb30 --- /dev/null +++ b/packages/fakeyou.com/public/locales/id/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Membatalkan", + "enqueue": "Terapkan Transfer Gaya", + "generateNew": "Transfer video lain", + "proceed": "Lanjutkan ke Transfer Gaya", + "upload": "Mengunggah" + }, + "headings": { + "subtitle": "Ubah gaya video Anda dari satu ke yang lain", + "title": "Transfer Gaya Video" + }, + "image": { + "label": { + "preview": "Pratinjau bingkai setelah menerapkan Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Perintah Negatif", + "prompt": "Masukkan perintah", + "selectStyle": "Pilih gaya", + "styleStrength": "Kekuatan Gaya" + }, + "placeholder": { + "negPrompt": "Ketik perintah di sini. Misalnya: Manusia bukan beruang", + "prompt": "Ketik perintah di sini. Misalnya: Pria menari dengan gaya anime" + }, + "thumbtip": { + "styleStrength": "Kekuatan" + } + }, + "message": { + "fileUploading": "Mengunggah Berkas..." + }, + "tabTitle": { + "library": "Pilih dari yang diunggah", + "upload": "Unggah video" + }, + "video": { + "instruction": "Pilih video, lalu pilih model gayanya, lalu biarkan StoryTeller.ai mewujudkannya", + "label": { + "original": "Video Asli" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/it/SideNav.json b/packages/fakeyou.com/public/locales/it/SideNav.json index 44c5e390f9..2f0fd9b385 100644 --- a/packages/fakeyou.com/public/locales/it/SideNav.json +++ b/packages/fakeyou.com/public/locales/it/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Da voce a voce", "videoFaceAnimator": "Animatore di volti", "videoMotionCapture": "Acquisizione del movimento video", + "videoStyleTransfer": "Trasferimento di stili video", "videoTitle": "Generazione video", "videoW2l": "Sincronizzazione labiale video", "videoWorkflow": "Flusso di lavoro video" diff --git a/packages/fakeyou.com/public/locales/it/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/it/VideoStyleTansfer.json new file mode 100644 index 0000000000..e951e98eb5 --- /dev/null +++ b/packages/fakeyou.com/public/locales/it/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Annulla", + "enqueue": "Applica il trasferimento di stile", + "generateNew": "Trasferisci un altro video", + "proceed": "Procedi al trasferimento dello stile", + "upload": "Caricamento" + }, + "headings": { + "subtitle": "Cambia lo stile del tuo video da uno all'altro", + "title": "Trasferimento di stili video" + }, + "image": { + "label": { + "preview": "Anteprima di un fotogramma dopo l'applicazione del Trasferimento di stile" + } + }, + "input": { + "label": { + "negPrompt": "Richiesta negativa", + "prompt": "Inserisci un messaggio", + "selectStyle": "Seleziona uno stile", + "styleStrength": "Forza dello stile" + }, + "placeholder": { + "negPrompt": "Digita la richiesta qui. Ad esempio: l'uomo non è un orso", + "prompt": "Digita la richiesta qui. Ad esempio: un uomo che balla in stile anime" + }, + "thumbtip": { + "styleStrength": "Forza" + } + }, + "message": { + "fileUploading": "Caricamento file..." + }, + "tabTitle": { + "library": "Scegli tra caricati", + "upload": "Carica un video" + }, + "video": { + "instruction": "Scegli un video, poi scegli un modello di stile e poi lascia che StoryTeller.ai lo realizzi", + "label": { + "original": "Video originale" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/it/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/it/VideoStyleTransfer.json new file mode 100644 index 0000000000..e951e98eb5 --- /dev/null +++ b/packages/fakeyou.com/public/locales/it/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Annulla", + "enqueue": "Applica il trasferimento di stile", + "generateNew": "Trasferisci un altro video", + "proceed": "Procedi al trasferimento dello stile", + "upload": "Caricamento" + }, + "headings": { + "subtitle": "Cambia lo stile del tuo video da uno all'altro", + "title": "Trasferimento di stili video" + }, + "image": { + "label": { + "preview": "Anteprima di un fotogramma dopo l'applicazione del Trasferimento di stile" + } + }, + "input": { + "label": { + "negPrompt": "Richiesta negativa", + "prompt": "Inserisci un messaggio", + "selectStyle": "Seleziona uno stile", + "styleStrength": "Forza dello stile" + }, + "placeholder": { + "negPrompt": "Digita la richiesta qui. Ad esempio: l'uomo non è un orso", + "prompt": "Digita la richiesta qui. Ad esempio: un uomo che balla in stile anime" + }, + "thumbtip": { + "styleStrength": "Forza" + } + }, + "message": { + "fileUploading": "Caricamento file..." + }, + "tabTitle": { + "library": "Scegli tra caricati", + "upload": "Carica un video" + }, + "video": { + "instruction": "Scegli un video, poi scegli un modello di stile e poi lascia che StoryTeller.ai lo realizzi", + "label": { + "original": "Video originale" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ja/SideNav.json b/packages/fakeyou.com/public/locales/ja/SideNav.json index 886551ae26..8cec91dd91 100644 --- a/packages/fakeyou.com/public/locales/ja/SideNav.json +++ b/packages/fakeyou.com/public/locales/ja/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "声から声へ", "videoFaceAnimator": "フェイスアニメーター", "videoMotionCapture": "ビデオモーションキャプチャ", + "videoStyleTransfer": "ビデオスタイルの転送", "videoTitle": "ビデオ生成", "videoW2l": "ビデオリップシンク", "videoWorkflow": "ビデオワークフロー" diff --git a/packages/fakeyou.com/public/locales/ja/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/ja/VideoStyleTansfer.json new file mode 100644 index 0000000000..9a5e5cf5a0 --- /dev/null +++ b/packages/fakeyou.com/public/locales/ja/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "キャンセル", + "enqueue": "スタイル転送の適用", + "generateNew": "別のビデオを転送する", + "proceed": "スタイル転送に進む", + "upload": "アップロード" + }, + "headings": { + "subtitle": "ビデオのスタイルを別のスタイルに変更する", + "title": "ビデオスタイルの転送" + }, + "image": { + "label": { + "preview": "スタイル転送適用後のフレームのプレビュー" + } + }, + "input": { + "label": { + "negPrompt": "否定的なプロンプト", + "prompt": "プロンプトを入力してください", + "selectStyle": "スタイルを選択してください", + "styleStrength": "スタイルの強さ" + }, + "placeholder": { + "negPrompt": "ここに「プロンプト」と入力します。例: 人間はクマではありません", + "prompt": "ここに「プロンプト」と入力します。例: アニメ風に踊る男性" + }, + "thumbtip": { + "styleStrength": "強さ" + } + }, + "message": { + "fileUploading": "ファイルをアップロードしています..." + }, + "tabTitle": { + "library": "アップロードされたものから選択", + "upload": "動画をアップロードする" + }, + "video": { + "instruction": "ビデオを選択し、スタイルのモデルを選択して、StoryTeller.ai にそれを実現させましょう", + "label": { + "original": "オリジナルビデオ" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ja/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/ja/VideoStyleTransfer.json new file mode 100644 index 0000000000..9a5e5cf5a0 --- /dev/null +++ b/packages/fakeyou.com/public/locales/ja/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "キャンセル", + "enqueue": "スタイル転送の適用", + "generateNew": "別のビデオを転送する", + "proceed": "スタイル転送に進む", + "upload": "アップロード" + }, + "headings": { + "subtitle": "ビデオのスタイルを別のスタイルに変更する", + "title": "ビデオスタイルの転送" + }, + "image": { + "label": { + "preview": "スタイル転送適用後のフレームのプレビュー" + } + }, + "input": { + "label": { + "negPrompt": "否定的なプロンプト", + "prompt": "プロンプトを入力してください", + "selectStyle": "スタイルを選択してください", + "styleStrength": "スタイルの強さ" + }, + "placeholder": { + "negPrompt": "ここに「プロンプト」と入力します。例: 人間はクマではありません", + "prompt": "ここに「プロンプト」と入力します。例: アニメ風に踊る男性" + }, + "thumbtip": { + "styleStrength": "強さ" + } + }, + "message": { + "fileUploading": "ファイルをアップロードしています..." + }, + "tabTitle": { + "library": "アップロードされたものから選択", + "upload": "動画をアップロードする" + }, + "video": { + "instruction": "ビデオを選択し、スタイルのモデルを選択して、StoryTeller.ai にそれを実現させましょう", + "label": { + "original": "オリジナルビデオ" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ko/SideNav.json b/packages/fakeyou.com/public/locales/ko/SideNav.json index 145a01a317..ff1254fc61 100644 --- a/packages/fakeyou.com/public/locales/ko/SideNav.json +++ b/packages/fakeyou.com/public/locales/ko/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "음성 대 음성", "videoFaceAnimator": "얼굴 애니메이터", "videoMotionCapture": "비디오 모션 캡처", + "videoStyleTransfer": "비디오 스타일 전송", "videoTitle": "비디오 생성", "videoW2l": "비디오 립싱크", "videoWorkflow": "비디오 워크플로우" diff --git a/packages/fakeyou.com/public/locales/ko/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/ko/VideoStyleTansfer.json new file mode 100644 index 0000000000..438e48739d --- /dev/null +++ b/packages/fakeyou.com/public/locales/ko/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "취소", + "enqueue": "스타일 전송 적용", + "generateNew": "다른 비디오 전송", + "proceed": "스타일 이전으로 진행", + "upload": "업로드" + }, + "headings": { + "subtitle": "비디오 스타일을 다른 스타일로 변경하세요.", + "title": "비디오 스타일 전송" + }, + "image": { + "label": { + "preview": "스타일 전송 적용 후 프레임 미리보기" + } + }, + "input": { + "label": { + "negPrompt": "부정적인 프롬프트", + "prompt": "프롬프트를 입력하세요", + "selectStyle": "스타일을 선택하세요", + "styleStrength": "스타일 강도" + }, + "placeholder": { + "negPrompt": "여기에 프롬프트를 입력하세요. 예: 사람은 곰이 아니다", + "prompt": "여기에 프롬프트를 입력하세요. 예: 애니메이션 스타일로 춤추는 남자" + }, + "thumbtip": { + "styleStrength": "힘" + } + }, + "message": { + "fileUploading": "파일 업로드 중..." + }, + "tabTitle": { + "library": "업로드된 것 중에서 선택하세요", + "upload": "동영상 업로드" + }, + "video": { + "instruction": "비디오를 선택한 다음 스타일 모델을 선택한 다음 StoryTeller.ai를 통해 이를 구현해 보세요.", + "label": { + "original": "원본 영상" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ko/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/ko/VideoStyleTransfer.json new file mode 100644 index 0000000000..438e48739d --- /dev/null +++ b/packages/fakeyou.com/public/locales/ko/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "취소", + "enqueue": "스타일 전송 적용", + "generateNew": "다른 비디오 전송", + "proceed": "스타일 이전으로 진행", + "upload": "업로드" + }, + "headings": { + "subtitle": "비디오 스타일을 다른 스타일로 변경하세요.", + "title": "비디오 스타일 전송" + }, + "image": { + "label": { + "preview": "스타일 전송 적용 후 프레임 미리보기" + } + }, + "input": { + "label": { + "negPrompt": "부정적인 프롬프트", + "prompt": "프롬프트를 입력하세요", + "selectStyle": "스타일을 선택하세요", + "styleStrength": "스타일 강도" + }, + "placeholder": { + "negPrompt": "여기에 프롬프트를 입력하세요. 예: 사람은 곰이 아니다", + "prompt": "여기에 프롬프트를 입력하세요. 예: 애니메이션 스타일로 춤추는 남자" + }, + "thumbtip": { + "styleStrength": "힘" + } + }, + "message": { + "fileUploading": "파일 업로드 중..." + }, + "tabTitle": { + "library": "업로드된 것 중에서 선택하세요", + "upload": "동영상 업로드" + }, + "video": { + "instruction": "비디오를 선택한 다음 스타일 모델을 선택한 다음 StoryTeller.ai를 통해 이를 구현해 보세요.", + "label": { + "original": "원본 영상" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/pt/SideNav.json b/packages/fakeyou.com/public/locales/pt/SideNav.json index f9ed73864d..6a9d009c32 100644 --- a/packages/fakeyou.com/public/locales/pt/SideNav.json +++ b/packages/fakeyou.com/public/locales/pt/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Voz para Voz", "videoFaceAnimator": "Animador facial", "videoMotionCapture": "Captura de movimento de vídeo", + "videoStyleTransfer": "Transferência de estilo de vídeo", "videoTitle": "Geração de Vídeo", "videoW2l": "Sincronização labial de vídeo", "videoWorkflow": "Fluxo de trabalho de vídeo" diff --git a/packages/fakeyou.com/public/locales/pt/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/pt/VideoStyleTansfer.json new file mode 100644 index 0000000000..4137cdad9c --- /dev/null +++ b/packages/fakeyou.com/public/locales/pt/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancelar", + "enqueue": "Aplicar transferência de estilo", + "generateNew": "Transferir outro vídeo", + "proceed": "Prossiga para a transferência de estilo", + "upload": "Carregar" + }, + "headings": { + "subtitle": "Mude o estilo do seu vídeo de um para outro", + "title": "Transferência de estilo de vídeo" + }, + "image": { + "label": { + "preview": "Visualização de um quadro após aplicar o Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Alerta negativo", + "prompt": "Insira um prompt", + "selectStyle": "Selecione um estilo", + "styleStrength": "Força do estilo" + }, + "placeholder": { + "negPrompt": "Digite prompt aqui. Ex.: O homem não é um urso", + "prompt": "Digite prompt aqui. Ex.: Homem dançando no estilo anime" + }, + "thumbtip": { + "styleStrength": "Força" + } + }, + "message": { + "fileUploading": "Carregando arquivo..." + }, + "tabTitle": { + "library": "Escolha entre os enviados", + "upload": "Carregar um vídeo" + }, + "video": { + "instruction": "Escolha um vídeo, depois escolha um modelo de estilo e deixe StoryTeller.ai fazer acontecer", + "label": { + "original": "Vídeo Original" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/pt/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/pt/VideoStyleTransfer.json new file mode 100644 index 0000000000..4137cdad9c --- /dev/null +++ b/packages/fakeyou.com/public/locales/pt/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Cancelar", + "enqueue": "Aplicar transferência de estilo", + "generateNew": "Transferir outro vídeo", + "proceed": "Prossiga para a transferência de estilo", + "upload": "Carregar" + }, + "headings": { + "subtitle": "Mude o estilo do seu vídeo de um para outro", + "title": "Transferência de estilo de vídeo" + }, + "image": { + "label": { + "preview": "Visualização de um quadro após aplicar o Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Alerta negativo", + "prompt": "Insira um prompt", + "selectStyle": "Selecione um estilo", + "styleStrength": "Força do estilo" + }, + "placeholder": { + "negPrompt": "Digite prompt aqui. Ex.: O homem não é um urso", + "prompt": "Digite prompt aqui. Ex.: Homem dançando no estilo anime" + }, + "thumbtip": { + "styleStrength": "Força" + } + }, + "message": { + "fileUploading": "Carregando arquivo..." + }, + "tabTitle": { + "library": "Escolha entre os enviados", + "upload": "Carregar um vídeo" + }, + "video": { + "instruction": "Escolha um vídeo, depois escolha um modelo de estilo e deixe StoryTeller.ai fazer acontecer", + "label": { + "original": "Vídeo Original" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ru/SideNav.json b/packages/fakeyou.com/public/locales/ru/SideNav.json index a536362e98..a5af0ef6e5 100644 --- a/packages/fakeyou.com/public/locales/ru/SideNav.json +++ b/packages/fakeyou.com/public/locales/ru/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Голос в голос", "videoFaceAnimator": "Лицевой Аниматор", "videoMotionCapture": "Захват видео движения", + "videoStyleTransfer": "Передача стиля видео", "videoTitle": "Создание видео", "videoW2l": "Видео синхронизация губ", "videoWorkflow": "Видео рабочий процесс" diff --git a/packages/fakeyou.com/public/locales/ru/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/ru/VideoStyleTansfer.json new file mode 100644 index 0000000000..414a1c1839 --- /dev/null +++ b/packages/fakeyou.com/public/locales/ru/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Отмена", + "enqueue": "Применить перенос стиля", + "generateNew": "Перенести другое видео", + "proceed": "Перейдите к переносу стиля", + "upload": "Загрузить" + }, + "headings": { + "subtitle": "Меняйте стиль вашего видео с одного на другой", + "title": "Передача стиля видео" + }, + "image": { + "label": { + "preview": "Предварительный просмотр кадра после применения Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Отрицательная подсказка", + "prompt": "Введите подсказку", + "selectStyle": "Выберите стиль", + "styleStrength": "Сила стиля" + }, + "placeholder": { + "negPrompt": "Введите подсказку здесь. Например: Человек не медведь", + "prompt": "Введите подсказку здесь. Например: Мужчина танцует в стиле аниме." + }, + "thumbtip": { + "styleStrength": "Сила" + } + }, + "message": { + "fileUploading": "Загрузка файла..." + }, + "tabTitle": { + "library": "Выбрать из загруженных", + "upload": "Загрузить видео" + }, + "video": { + "instruction": "Выберите видео, затем выберите модель стиля, а затем позвольте StoryTeller.ai воплотить это в жизнь.", + "label": { + "original": "Оригинальное видео" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/ru/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/ru/VideoStyleTransfer.json new file mode 100644 index 0000000000..414a1c1839 --- /dev/null +++ b/packages/fakeyou.com/public/locales/ru/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Отмена", + "enqueue": "Применить перенос стиля", + "generateNew": "Перенести другое видео", + "proceed": "Перейдите к переносу стиля", + "upload": "Загрузить" + }, + "headings": { + "subtitle": "Меняйте стиль вашего видео с одного на другой", + "title": "Передача стиля видео" + }, + "image": { + "label": { + "preview": "Предварительный просмотр кадра после применения Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "Отрицательная подсказка", + "prompt": "Введите подсказку", + "selectStyle": "Выберите стиль", + "styleStrength": "Сила стиля" + }, + "placeholder": { + "negPrompt": "Введите подсказку здесь. Например: Человек не медведь", + "prompt": "Введите подсказку здесь. Например: Мужчина танцует в стиле аниме." + }, + "thumbtip": { + "styleStrength": "Сила" + } + }, + "message": { + "fileUploading": "Загрузка файла..." + }, + "tabTitle": { + "library": "Выбрать из загруженных", + "upload": "Загрузить видео" + }, + "video": { + "instruction": "Выберите видео, затем выберите модель стиля, а затем позвольте StoryTeller.ai воплотить это в жизнь.", + "label": { + "original": "Оригинальное видео" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/th/SideNav.json b/packages/fakeyou.com/public/locales/th/SideNav.json index c956350a2f..1c79b15865 100644 --- a/packages/fakeyou.com/public/locales/th/SideNav.json +++ b/packages/fakeyou.com/public/locales/th/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "เสียงเป็นเสียง", "videoFaceAnimator": "แอนิเมชั่นใบหน้า", "videoMotionCapture": "จับภาพวิดีโอเคลื่อนไหว", + "videoStyleTransfer": "การถ่ายโอนสไตล์วิดีโอ", "videoTitle": "การสร้างวิดีโอ", "videoW2l": "ลิปซิงค์วิดีโอ", "videoWorkflow": "เวิร์กโฟลว์วิดีโอ" diff --git a/packages/fakeyou.com/public/locales/th/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/th/VideoStyleTansfer.json new file mode 100644 index 0000000000..dffba0f53b --- /dev/null +++ b/packages/fakeyou.com/public/locales/th/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "ยกเลิก", + "enqueue": "ใช้การถ่ายโอนสไตล์", + "generateNew": "ถ่ายโอนวิดีโออื่น", + "proceed": "ดำเนินการโอนสไตล์", + "upload": "ที่อัพโหลด" + }, + "headings": { + "subtitle": "เปลี่ยนสไตล์วิดีโอของคุณจากที่หนึ่งไปอีกที่หนึ่ง", + "title": "การถ่ายโอนสไตล์วิดีโอ" + }, + "image": { + "label": { + "preview": "ดูตัวอย่างเฟรมหลังจากใช้ Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "พรอมต์เชิงลบ", + "prompt": "ป้อนข้อความแจ้ง", + "selectStyle": "เลือกสไตล์", + "styleStrength": "ความแข็งแกร่งของสไตล์" + }, + "placeholder": { + "negPrompt": "พิมพ์ prompt ที่นี่ เช่น มนุษย์ไม่ใช่หมี", + "prompt": "พิมพ์ prompt ที่นี่ เช่น ผู้ชายเต้นตามสไตล์อนิเมะ" + }, + "thumbtip": { + "styleStrength": "ความแข็งแกร่ง" + } + }, + "message": { + "fileUploading": "กำลังอัพโหลดไฟล์..." + }, + "tabTitle": { + "library": "เลือกจากการอัพโหลด", + "upload": "อัปโหลดวิดีโอ" + }, + "video": { + "instruction": "เลือกวิดีโอ จากนั้นเลือกโมเดลของสไตล์ จากนั้นปล่อยให้ StoryTeller.ai ทำให้มันเกิดขึ้น", + "label": { + "original": "วิดีโอต้นฉบับ" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/th/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/th/VideoStyleTransfer.json new file mode 100644 index 0000000000..dffba0f53b --- /dev/null +++ b/packages/fakeyou.com/public/locales/th/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "ยกเลิก", + "enqueue": "ใช้การถ่ายโอนสไตล์", + "generateNew": "ถ่ายโอนวิดีโออื่น", + "proceed": "ดำเนินการโอนสไตล์", + "upload": "ที่อัพโหลด" + }, + "headings": { + "subtitle": "เปลี่ยนสไตล์วิดีโอของคุณจากที่หนึ่งไปอีกที่หนึ่ง", + "title": "การถ่ายโอนสไตล์วิดีโอ" + }, + "image": { + "label": { + "preview": "ดูตัวอย่างเฟรมหลังจากใช้ Style Transfer" + } + }, + "input": { + "label": { + "negPrompt": "พรอมต์เชิงลบ", + "prompt": "ป้อนข้อความแจ้ง", + "selectStyle": "เลือกสไตล์", + "styleStrength": "ความแข็งแกร่งของสไตล์" + }, + "placeholder": { + "negPrompt": "พิมพ์ prompt ที่นี่ เช่น มนุษย์ไม่ใช่หมี", + "prompt": "พิมพ์ prompt ที่นี่ เช่น ผู้ชายเต้นตามสไตล์อนิเมะ" + }, + "thumbtip": { + "styleStrength": "ความแข็งแกร่ง" + } + }, + "message": { + "fileUploading": "กำลังอัพโหลดไฟล์..." + }, + "tabTitle": { + "library": "เลือกจากการอัพโหลด", + "upload": "อัปโหลดวิดีโอ" + }, + "video": { + "instruction": "เลือกวิดีโอ จากนั้นเลือกโมเดลของสไตล์ จากนั้นปล่อยให้ StoryTeller.ai ทำให้มันเกิดขึ้น", + "label": { + "original": "วิดีโอต้นฉบับ" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/tr/SideNav.json b/packages/fakeyou.com/public/locales/tr/SideNav.json index d15feb166a..ac9021f399 100644 --- a/packages/fakeyou.com/public/locales/tr/SideNav.json +++ b/packages/fakeyou.com/public/locales/tr/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Sesten Sese", "videoFaceAnimator": "Yüz Animatörü", "videoMotionCapture": "Video Hareket Yakalama", + "videoStyleTransfer": "Video Stili Aktarımı", "videoTitle": "Video Oluşturma", "videoW2l": "Video Dudak Senkronizasyonu", "videoWorkflow": "Video İş Akışı" diff --git a/packages/fakeyou.com/public/locales/tr/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/tr/VideoStyleTansfer.json new file mode 100644 index 0000000000..ca1ac81479 --- /dev/null +++ b/packages/fakeyou.com/public/locales/tr/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "İptal etmek", + "enqueue": "Stil Transferini Uygula", + "generateNew": "Başka bir videoyu aktar", + "proceed": "Stil Transferine Devam Edin", + "upload": "Yüklemek" + }, + "headings": { + "subtitle": "Videonuzun stilini birinden diğerine değiştirin", + "title": "Video Stili Aktarımı" + }, + "image": { + "label": { + "preview": "Stil Aktarımı uygulandıktan sonra bir çerçevenin önizlemesi" + } + }, + "input": { + "label": { + "negPrompt": "Olumsuz İstem", + "prompt": "Bir istem girin", + "selectStyle": "Bir stil seçin", + "styleStrength": "Stil Gücü" + }, + "placeholder": { + "negPrompt": "İstemi buraya yazın. Örnek: İnsan ayı değildir", + "prompt": "İstemi buraya yazın. Örnek: Anime tarzında dans eden adam" + }, + "thumbtip": { + "styleStrength": "Kuvvet" + } + }, + "message": { + "fileUploading": "Dosya Yükleniyor..." + }, + "tabTitle": { + "library": "Yüklenenler arasından seçim yapın", + "upload": "Video yüklemek" + }, + "video": { + "instruction": "Bir video seçin, ardından bir stil modeli seçin ve bırakın StoryTeller.ai bunu gerçekleştirsin", + "label": { + "original": "Orijinal Video" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/tr/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/tr/VideoStyleTransfer.json new file mode 100644 index 0000000000..ca1ac81479 --- /dev/null +++ b/packages/fakeyou.com/public/locales/tr/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "İptal etmek", + "enqueue": "Stil Transferini Uygula", + "generateNew": "Başka bir videoyu aktar", + "proceed": "Stil Transferine Devam Edin", + "upload": "Yüklemek" + }, + "headings": { + "subtitle": "Videonuzun stilini birinden diğerine değiştirin", + "title": "Video Stili Aktarımı" + }, + "image": { + "label": { + "preview": "Stil Aktarımı uygulandıktan sonra bir çerçevenin önizlemesi" + } + }, + "input": { + "label": { + "negPrompt": "Olumsuz İstem", + "prompt": "Bir istem girin", + "selectStyle": "Bir stil seçin", + "styleStrength": "Stil Gücü" + }, + "placeholder": { + "negPrompt": "İstemi buraya yazın. Örnek: İnsan ayı değildir", + "prompt": "İstemi buraya yazın. Örnek: Anime tarzında dans eden adam" + }, + "thumbtip": { + "styleStrength": "Kuvvet" + } + }, + "message": { + "fileUploading": "Dosya Yükleniyor..." + }, + "tabTitle": { + "library": "Yüklenenler arasından seçim yapın", + "upload": "Video yüklemek" + }, + "video": { + "instruction": "Bir video seçin, ardından bir stil modeli seçin ve bırakın StoryTeller.ai bunu gerçekleştirsin", + "label": { + "original": "Orijinal Video" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/vi/SideNav.json b/packages/fakeyou.com/public/locales/vi/SideNav.json index dda5073295..7c0244f658 100644 --- a/packages/fakeyou.com/public/locales/vi/SideNav.json +++ b/packages/fakeyou.com/public/locales/vi/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "Giọng nói thành giọng nói", "videoFaceAnimator": "khuôn mặt hoạt hình", "videoMotionCapture": "Quay video chuyển động", + "videoStyleTransfer": "Chuyển kiểu video", "videoTitle": "Tạo video", "videoW2l": "Hát nhép video", "videoWorkflow": "Quy trình làm việc video" diff --git a/packages/fakeyou.com/public/locales/vi/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/vi/VideoStyleTansfer.json new file mode 100644 index 0000000000..b251c107be --- /dev/null +++ b/packages/fakeyou.com/public/locales/vi/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Hủy bỏ", + "enqueue": "Áp dụng chuyển kiểu", + "generateNew": "Chuyển một video khác", + "proceed": "Tiến hành Chuyển kiểu", + "upload": "Tải lên" + }, + "headings": { + "subtitle": "Thay đổi phong cách video của bạn từ cái này sang cái khác", + "title": "Chuyển kiểu video" + }, + "image": { + "label": { + "preview": "Xem trước khung hình sau khi áp dụng Chuyển kiểu" + } + }, + "input": { + "label": { + "negPrompt": "Lời nhắc tiêu cực", + "prompt": "Nhập lời nhắc", + "selectStyle": "Chọn một phong cách", + "styleStrength": "Sức mạnh phong cách" + }, + "placeholder": { + "negPrompt": "Nhập lời nhắc ở đây. Ví dụ: Con người không phải là gấu", + "prompt": "Nhập lời nhắc ở đây. Ví dụ: Người đàn ông nhảy theo phong cách anime" + }, + "thumbtip": { + "styleStrength": "Sức mạnh" + } + }, + "message": { + "fileUploading": "Đang tải tệp lên..." + }, + "tabTitle": { + "library": "Chọn từ đã tải lên", + "upload": "Tải lên một video" + }, + "video": { + "instruction": "Chọn một video, sau đó chọn mô hình theo phong cách và để StoryTeller.ai thực hiện điều đó", + "label": { + "original": "Video gốc" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/vi/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/vi/VideoStyleTransfer.json new file mode 100644 index 0000000000..b251c107be --- /dev/null +++ b/packages/fakeyou.com/public/locales/vi/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "Hủy bỏ", + "enqueue": "Áp dụng chuyển kiểu", + "generateNew": "Chuyển một video khác", + "proceed": "Tiến hành Chuyển kiểu", + "upload": "Tải lên" + }, + "headings": { + "subtitle": "Thay đổi phong cách video của bạn từ cái này sang cái khác", + "title": "Chuyển kiểu video" + }, + "image": { + "label": { + "preview": "Xem trước khung hình sau khi áp dụng Chuyển kiểu" + } + }, + "input": { + "label": { + "negPrompt": "Lời nhắc tiêu cực", + "prompt": "Nhập lời nhắc", + "selectStyle": "Chọn một phong cách", + "styleStrength": "Sức mạnh phong cách" + }, + "placeholder": { + "negPrompt": "Nhập lời nhắc ở đây. Ví dụ: Con người không phải là gấu", + "prompt": "Nhập lời nhắc ở đây. Ví dụ: Người đàn ông nhảy theo phong cách anime" + }, + "thumbtip": { + "styleStrength": "Sức mạnh" + } + }, + "message": { + "fileUploading": "Đang tải tệp lên..." + }, + "tabTitle": { + "library": "Chọn từ đã tải lên", + "upload": "Tải lên một video" + }, + "video": { + "instruction": "Chọn một video, sau đó chọn mô hình theo phong cách và để StoryTeller.ai thực hiện điều đó", + "label": { + "original": "Video gốc" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/zh-Hans/SideNav.json b/packages/fakeyou.com/public/locales/zh-Hans/SideNav.json index 8156ed2e81..2848894d63 100644 --- a/packages/fakeyou.com/public/locales/zh-Hans/SideNav.json +++ b/packages/fakeyou.com/public/locales/zh-Hans/SideNav.json @@ -19,6 +19,7 @@ "speechVc": "语音到语音", "videoFaceAnimator": "脸部动画师", "videoMotionCapture": "视频动作捕捉", + "videoStyleTransfer": "视频风格迁移", "videoTitle": "视频生成", "videoW2l": "视频唇形同步", "videoWorkflow": "视频工作流程" diff --git a/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTansfer.json b/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTansfer.json new file mode 100644 index 0000000000..30411b2b3f --- /dev/null +++ b/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTansfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "取消", + "enqueue": "应用风格转移", + "generateNew": "传输另一个视频", + "proceed": "继续风格转移", + "upload": "上传" + }, + "headings": { + "subtitle": "将视频风格从一种更改为另一种", + "title": "视频风格迁移" + }, + "image": { + "label": { + "preview": "应用样式传输后的帧预览" + } + }, + "input": { + "label": { + "negPrompt": "否定提示", + "prompt": "输入提示", + "selectStyle": "选择风格", + "styleStrength": "风格实力" + }, + "placeholder": { + "negPrompt": "在此输入提示。例如：人不是熊", + "prompt": "在此输入提示。例如：以动漫风格跳舞的男人" + }, + "thumbtip": { + "styleStrength": "力量" + } + }, + "message": { + "fileUploading": "正在上传文件..." + }, + "tabTitle": { + "library": "从上传的中选择", + "upload": "上传视频" + }, + "video": { + "instruction": "选择一个视频，然后选择一种风格的模型，然后让 StoryTeller.ai 实现它", + "label": { + "original": "原创视频" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTransfer.json b/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTransfer.json new file mode 100644 index 0000000000..30411b2b3f --- /dev/null +++ b/packages/fakeyou.com/public/locales/zh-Hans/VideoStyleTransfer.json @@ -0,0 +1,46 @@ +{ + "button": { + "cancel": "取消", + "enqueue": "应用风格转移", + "generateNew": "传输另一个视频", + "proceed": "继续风格转移", + "upload": "上传" + }, + "headings": { + "subtitle": "将视频风格从一种更改为另一种", + "title": "视频风格迁移" + }, + "image": { + "label": { + "preview": "应用样式传输后的帧预览" + } + }, + "input": { + "label": { + "negPrompt": "否定提示", + "prompt": "输入提示", + "selectStyle": "选择风格", + "styleStrength": "风格实力" + }, + "placeholder": { + "negPrompt": "在此输入提示。例如：人不是熊", + "prompt": "在此输入提示。例如：以动漫风格跳舞的男人" + }, + "thumbtip": { + "styleStrength": "力量" + } + }, + "message": { + "fileUploading": "正在上传文件..." + }, + "tabTitle": { + "library": "从上传的中选择", + "upload": "上传视频" + }, + "video": { + "instruction": "选择一个视频，然后选择一种风格的模型，然后让 StoryTeller.ai 实现它", + "label": { + "original": "原创视频" + } + } +} \ No newline at end of file diff --git a/packages/fakeyou.com/src/App.tsx b/packages/fakeyou.com/src/App.tsx index 4090cabb0f..29860ebe30 100644 --- a/packages/fakeyou.com/src/App.tsx +++ b/packages/fakeyou.com/src/App.tsx @@ -60,11 +60,9 @@ import { VoiceConversionModelUploadJob } from "@storyteller/components/src/jobs/ import { VoiceConversionModelListItem } from "@storyteller/components/src/api/voice_conversion/ListVoiceConversionModels"; import HttpBackend from "i18next-http-backend"; -import { - InferenceJobs, - ModalProvider, - SessionProvider, -} from "components/providers"; +import { SessionProvider, InferenceJobs } from "components/providers"; +//this caused an error for me (Bombay) so i had to import it as a default +import ModalProvider from "components/providers/ModalProvider"; // NB: We're transitioning over to this instance of i18n-next that loads translations over HTTP from Json Files. // The old i18n-next instance (see below) bakes in translations into the compiled javascript blob. @@ -210,7 +208,8 @@ function initInferenceJobsByCategoryMap(): Map< inferenceJobsByCategory.set(FrontendInferenceJobType.VideoMotionCapture, []); inferenceJobsByCategory.set(FrontendInferenceJobType.ImageGeneration, []); inferenceJobsByCategory.set(FrontendInferenceJobType.ConvertFbxtoGltf, []); - inferenceJobsByCategory.set(FrontendInferenceJobType.VideoWorkflow, []) + inferenceJobsByCategory.set(FrontendInferenceJobType.VideoWorkflow, []); + inferenceJobsByCategory.set(FrontendInferenceJobType.VideoStyleTransfer, []); return inferenceJobsByCategory; } @@ -347,7 +346,7 @@ class App extends React.Component { // state needs to be set here, or if instead can be refreshed locally on // the page where the new "state" needed - if (this.state.sessionFetched === false){ + if (this.state.sessionFetched === false) { this.setState({ sessionFetched: true }); } @@ -855,7 +854,7 @@ class App extends React.Component { {...{ enqueue: this.enqueueInferenceJob, byCategory: this.state.inferenceJobsByCategory, - inferenceJobs: this.state.inferenceJobs + inferenceJobs: this.state.inferenceJobs, }} > { sessionFetched: this.state.sessionFetched, }} > - - - - - - - + + + + + + diff --git a/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx b/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx index f4c662dc1f..c957d78f55 100644 --- a/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx +++ b/packages/fakeyou.com/src/components/common/NumberSliderV2/NumberSliderV2.tsx @@ -12,6 +12,7 @@ interface Props{ max: number; step?: number; initialValue?: number; + value?: number; onChange?: (x:number) => void; required?: boolean; withRevert?: boolean; @@ -31,9 +32,11 @@ const renderTrack = ({ props: { style, ...props }, children }: any) => ( const thumb = (thumbTip = "") => ({ props: { style, ...props } }: any) => { + const key = Date.now() return ( = 1 ? 1 : (max-min) / 10; const initialValue = initialValueProps !== undefined && initialValueProps <= max && initialValueProps >= min ? initialValueProps - : max-min === step ? min : roundToStep((max+min)/2, step); + : value !== undefined && value <=max && value>=min ? value + :max-min === step ? min : roundToStep((max+min)/2, step); function handleInputOnChange(e: React.ChangeEvent){ if(onChangeCallback)onChangeCallback(Number.parseInt(e.target.value)) @@ -81,7 +86,7 @@ export default function NumberSlider({
@@ -91,7 +96,7 @@ export default function NumberSlider({ renderThumb: thumb(thumbTip), renderTrack, thumbTip, - values: [initialValue], + values: [value || initialValue], }} />
diff --git a/packages/fakeyou.com/src/components/common/VideoFakeyou/VideoFakeyou.tsx b/packages/fakeyou.com/src/components/common/VideoFakeyou/VideoFakeyou.tsx index 18e1c3f105..68e3210db3 100644 --- a/packages/fakeyou.com/src/components/common/VideoFakeyou/VideoFakeyou.tsx +++ b/packages/fakeyou.com/src/components/common/VideoFakeyou/VideoFakeyou.tsx @@ -1,28 +1,37 @@ -import React, { useState } from "react"; +import React, { useState, forwardRef } from "react"; import { useMedia } from "hooks"; import { MediaFile } from "@storyteller/components/src/api/media_files/GetMediaFile"; import { BucketConfig } from "@storyteller/components/src/api/BucketConfig"; import makeClass from "resources/makeClass"; +import { Label } from "components/common" + interface Props { className?: string; src?: string; mediaToken?: string; + label?: string; + onResponse?: (res:any)=>void } -export default function VideoFromFakeyou({ +type Ref = HTMLVideoElement; + +const VideoFromFakeyou = forwardRef(({ className, src, mediaToken, + label, + onResponse, ...rest -}: Props) { +}: Props, ref) => { const [mediaFile, setMediaFile] = useState(); useMedia({ mediaToken: mediaToken, onSuccess: (res: any) => { setMediaFile(res) + if(onResponse) onResponse(res) }, }); @@ -31,11 +40,14 @@ export default function VideoFromFakeyou({ if (mediaLink){ return (
-
) } return null; -}; \ No newline at end of file +}); + +export default VideoFromFakeyou; \ No newline at end of file diff --git a/packages/fakeyou.com/src/components/common/index.tsx b/packages/fakeyou.com/src/components/common/index.tsx index 6d8e4fc0f4..6800f6da7a 100644 --- a/packages/fakeyou.com/src/components/common/index.tsx +++ b/packages/fakeyou.com/src/components/common/index.tsx @@ -40,6 +40,7 @@ import TextArea from "./TextArea"; import TextAreaV2 from "./TextAreaV2"; import TintSpinner from "./TintSpinner"; import VideoBasic from "./VideoBasic"; +import VideoFakeyou from "./VideoFakeyou"; import VideoInput from "./VideoInput"; export { @@ -85,5 +86,6 @@ export { TextAreaV2, TintSpinner, VideoBasic, + VideoFakeyou, VideoInput }; \ No newline at end of file diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx index 542506dfb5..9f4ab7d03c 100644 --- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx +++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx @@ -8,6 +8,7 @@ import { faCameraMovie, faCompass, faCloudUpload, + faFilms, faFaceViewfinder, faHome, faMessageDots, @@ -145,6 +146,7 @@ export default function SideNav({ pending_svc_jobs: 0, pending_tacotron2_jobs: 0, pending_voice_designer: 0, + pending_stable_diffusion: 0, }, }, legacy_tts: { @@ -191,6 +193,7 @@ export default function SideNav({ variant="secondary" onClick={() => { history.push("/login"); + handleNavLinkClick(); }} /> @@ -203,6 +206,7 @@ export default function SideNav({ small onClick={() => { history.push("/signup"); + handleNavLinkClick(); }} /> @@ -227,6 +231,7 @@ export default function SideNav({ variant="secondary" onClick={() => { history.push(url); + handleNavLinkClick(); }} /> @@ -241,6 +246,7 @@ export default function SideNav({ variant="danger" onClick={async () => { await logoutHandler(); + handleNavLinkClick(); }} /> @@ -305,6 +311,17 @@ export default function SideNav({ +
  • + + + {t("videoStyleTransfer")} + +
    • +
  • +
    + Image Generation:{" "} + + {queueStats.inference.by_queue.pending_stable_diffusion} + +
    {t("queueFaceAnimator")}:{" "} diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNavJobs.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNavJobs.tsx index f8654c1a76..be454db528 100644 --- a/packages/fakeyou.com/src/components/layout/SideNav/SideNavJobs.tsx +++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNavJobs.tsx @@ -26,6 +26,12 @@ export default function SideNavJobs({ byQueue, t, ttsQueuedCount }: Props) { { byQueue.pending_svc_jobs }
    +
    + Image Generation:{" "} + + { byQueue.pending_stable_diffusion } + +
    {t("queueFaceAnimator")}:{" "} diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx index 57e3e59895..ae30a4966c 100644 --- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx +++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx @@ -8,6 +8,7 @@ import { ModerationIpBanListFc } from "./pages/moderation/moderation_ip_ban_list import { ModerationViewIpBanFc } from "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc"; import FaceAnimator from "./pages/face_animator"; import VideoMocap from "./pages/video_mocap"; +import VideoStyleTransfer from "./pages/video_styletransfer"; import { ProfileEditFc } from "./pages/profile/profile_edit/ProfileEditFc"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper"; @@ -866,6 +867,20 @@ class PageContainer extends React.Component< /> + + + + Please visit our to join the wait list.

    + <> Please visit our to join the wait list. ); return ( diff --git a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx index dde414003b..679182970f 100644 --- a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx +++ b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx @@ -2,7 +2,6 @@ import React from "react"; import { formatDistance } from "date-fns"; import { Comment } from "@storyteller/components/src/api/comments/ListComments"; import { SafeDeleteCommentButton } from "./SafeDeleteCommentButton"; - import { Gravatar } from "@storyteller/components/src/elements/Gravatar"; import { Link } from "react-router-dom"; import { useSession } from "hooks"; @@ -57,12 +56,22 @@ function CommentList(props: Props) { } let profileLink = `/profile/${comment.username}`; + let username = comment?.user.username; + let gravatarHash = comment?.user.gravatar_hash; + let avatarIndex = comment?.user.default_avatar.image_index; + let backgroundColorIndex = comment?.user.default_avatar.color_index; rows.push(
    - +
    diff --git a/packages/fakeyou.com/src/v2/view/_common/comments/CreateCommentForm.tsx b/packages/fakeyou.com/src/v2/view/_common/comments/CreateCommentForm.tsx index 00c4640d32..b83bb2bbbd 100644 --- a/packages/fakeyou.com/src/v2/view/_common/comments/CreateCommentForm.tsx +++ b/packages/fakeyou.com/src/v2/view/_common/comments/CreateCommentForm.tsx @@ -24,9 +24,8 @@ function CreateCommentForm(props: Props) { const { entityType, entityToken, loadComments } = props; const [commentMarkdown, setCommentMarkdown] = useState(""); - const [uuidIdempotencyToken, setUuidIdempotencyToken] = useState( - uuidv4() - ); + const [uuidIdempotencyToken, setUuidIdempotencyToken] = + useState(uuidv4()); const [buttonVisible, setButtonVisible] = useState(false); const postComment = useCallback(async () => { @@ -91,8 +90,21 @@ function CreateCommentForm(props: Props) { let gravatarHash = user?.email_gravatar_hash; let gravatar = ; + let username = user?.username; + let emailHash = user?.email_gravatar_hash; + let avatarIndex = user?.core_info.default_avatar.image_index; + let backgroundColorIndex = user?.core_info.default_avatar.color_index; + if (gravatarHash !== undefined) { - gravatar = ; + gravatar = ( + + ); } let commentButton = <>; diff --git a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx index 0d5b6893ea..87a0068c8f 100644 --- a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; import { Link, useParams } from "react-router-dom"; import MediaAudioComponent from "./MediaAudioComponent"; import MediaVideoComponent from "./MediaVideoComponent"; @@ -32,9 +32,10 @@ import { Badge, Input, Modal } from "components/common"; import BookmarkButton from "components/common/BookmarkButton"; import LikeButton from "components/common/LikeButton"; import { useBookmarks, useMedia, useRatings, useSession } from "hooks"; -import SdCoverImagePanel from "../weight/cover_image_panels/SdCoverImagePanel"; import { WeightCategory } from "@storyteller/components/src/api/_common/enums/WeightCategory"; import Iframe from "react-iframe"; +import SdBatchMediaPanel from "./components/SdBatchMediaPanel/SdBatchMediaPanel"; +import { GetMediaBatchImages } from "@storyteller/components/src/api/media_files/GetMediaBatchImages"; export default function MediaPage() { const { canEditTtsModel, user } = useSession(); @@ -51,11 +52,31 @@ export default function MediaPage() { ratings.gather({ res, key: "token" }); }, }); - + const batchToken = mediaFile?.maybe_batch_token; + const [images, setImages] = useState([]); + const bucketConfig = new BucketConfig(); const timeCreated = moment(mediaFile?.created_at || "").fromNow(); const dateCreated = moment(mediaFile?.created_at || "").format("LLL"); const [buttonLabel, setButtonLabel] = useState("Copy"); + useEffect(() => { + if (batchToken) { + GetMediaBatchImages(batchToken, {}, {}) + .then(response => { + if (response.success) { + const imageUrls = response.results.map(result => + bucketConfig.getGcsUrl(result.public_bucket_path) + ); + setImages(imageUrls); + } else { + console.error("Failed to fetch batch images"); + } + }) + .catch(err => console.error("Error fetching batch images:", err)); + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [batchToken]); + const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false); const closeDeleteModal = () => setIsDeleteModalOpen(false); @@ -98,11 +119,17 @@ export default function MediaPage() { ); case MediaFileType.Image: - let sdMediaImage = "/images/avatars/default-pfp.png"; + let sdMediaImage = ["/images/avatars/default-pfp.png"]; if (mediaFile.public_bucket_path) { - sdMediaImage = bucketConfig.getGcsUrl(mediaFile.public_bucket_path); + sdMediaImage = [bucketConfig.getGcsUrl(mediaFile.public_bucket_path)]; } - return ; + + return ( + + ); case MediaFileType.BVH: const bvhUrl = bucketConfig.getGcsUrl(mediaFile.public_bucket_path); return ( @@ -335,8 +362,6 @@ export default function MediaPage() { const subtitleDivider = |; - const bucketConfig = new BucketConfig(); - let weightUsedCoverImage = "/images/avatars/default-pfp.png"; if ( mediaFile?.maybe_model_weight_info !== null && @@ -438,7 +463,9 @@ export default function MediaPage() { }} /> ) : null} - {mediaFile?.media_type === MediaFileType.BVH || mediaFile?.media_type === MediaFileType.GLTF || mediaFile?.media_type === MediaFileType.GLB ? ( + {mediaFile?.media_type === MediaFileType.BVH || + mediaFile?.media_type === MediaFileType.GLTF || + mediaFile?.media_type === MediaFileType.GLB ? (
    + {pageState.status === states.JOB_ENQUEUEING && +
    +

    t("message.requestingJob")

    + +
    + } + Analytics.voiceConversionClickDownload(), + jobType: FrontendInferenceJobType.VideoStyleTransfer, + }}/> + + ); +}); \ No newline at end of file diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx new file mode 100644 index 0000000000..9665276157 --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/helpers.tsx @@ -0,0 +1,83 @@ +import { v4 as uuidv4 } from "uuid"; + +export type WorkflowValuesType = { + // File Settings + fileToken: string; + outputPath: string; + // Video Settings + width: number; + height: number; + maxFrames: number; + framesCap: number; + skipFrames: number; + everyNthFrame: number; + inputFps: number; + interpolationMultiplier: number; + // Basic Inputs + workflowConfig: string; + seed: string; + sdModelToken: string; + loraModelToken: string; + posPrompt: string; + negPrompt: string; + // Advance Options Values + firstPass: number; + upscalePass: number; + motionScale: number; + upscaleMultiplier: number; + useEmptyLatent: boolean; + useFaceDetailer: boolean; + denoiseFaceDetailer: number; + useLCM: boolean; + lcmCFG: number; + lcmSteps: number; + // Control Net Values + cnCanny: number; + cnDepth: number; + cnLinearAnime: number; + cnLinearRealistic: number; + cnOpenPose: number; + cnPipeFace: number; + cnSparse: number; + cnTile: number; +} + +export function isInputValid(keyValues: {[key:string]:number|string|boolean|undefined}){ + return ( + keyValues.sdModelToken + && keyValues.sdModelToken !== "" + && keyValues.posPrompt + && keyValues.posPrompt !== "" + ); +} + +export function mapRequest(workflowValues: WorkflowValuesType){ + //TODO: improve the typing of this + return { + "uuid_idempotency_token": uuidv4(), + "maybe_sd_model": workflowValues.sdModelToken, + "maybe_workflow_config": workflowValues.workflowConfig, + "maybe_input_file": workflowValues.fileToken, + "maybe_output_path": workflowValues.outputPath, + "maybe_json_modifications": { + "$.510.inputs.Text": workflowValues.posPrompt, + "$.8.inputs.text": workflowValues.negPrompt, + "$.173.inputs.seed": workflowValues.seed, + "$.401.inputs.Value": workflowValues.firstPass, + "$.918.inputs.Value": workflowValues.motionScale, + "$.137.inputs.Value": workflowValues.framesCap, + "$.186.inputs.Value": workflowValues.skipFrames, + "$.140.inputs.Value": workflowValues.everyNthFrame, + "$.154.inputs.Value": workflowValues.inputFps, + "$.445.inputs.number": workflowValues.interpolationMultiplier, + "$.947.inputs.Value": workflowValues.cnTile, + "$.800.inputs.Value": workflowValues.cnCanny, + "$.797.inputs.Value": workflowValues.cnLinearAnime, + "$.796.inputs.Value": workflowValues.cnLinearRealistic, + "$.772.inputs.Value": workflowValues.cnDepth, + "$.771.inputs.Value": workflowValues.cnOpenPose, + "$.527.inputs.Value": workflowValues.cnPipeFace, + "$.403.inputs.Value": workflowValues.cnSparse + }, + } +} diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/index.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/index.tsx new file mode 100644 index 0000000000..8d8b7f3a57 --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/index.tsx @@ -0,0 +1 @@ +export { default } from "./pageVSTApp"; \ No newline at end of file diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/initialValues.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/initialValues.tsx new file mode 100644 index 0000000000..9d80945d9f --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/initialValues.tsx @@ -0,0 +1,45 @@ +const initialValues = { + //config + outputPath: "vid2vid/SparseUpscaleInterp_00001.mp4", + workflowConfig: "weight_q8sz47gmfw2zx02snrbz88ns9", + + //video Settings + width: 544, + height: 544, + maxFrames: 17, + framesCap: 16, + skipFrames: 0, + everyNthFrame: 2, + inputFps: 24, + interpolationMultiplier: 2, + + //basics + seed: "", + sdModelToken: "", + loraModelToken: "", + posPrompt: "", + negPrompt: "", + + //advance + firstPass: 1, + upscalePass: 0.42, + motionScale:1, + upscaleMultiplier: 1.5, + useEmptyLatent: false, + useFaceDetailer: false, + denoiseFaceDetailer: 0.45, + useLCM: false, + lcmCFG: 2, + lcmSteps: 8, + + //Control Net + cnCanny: 0, + cnDepth: 0, + cnLinearAnime: 0, + cnLinearRealistic: 0, + cnOpenPose: 0, + cnPipeFace: 0, + cnSparse: 0.7, + cnTile: 0, +}; +export default initialValues; \ No newline at end of file diff --git a/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx new file mode 100644 index 0000000000..3fd7c7e1e4 --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/video_styletransfer/components/pageVSTApp/pageVSTApp.tsx @@ -0,0 +1,232 @@ +import React, { useRef, useState } from "react"; +import { NavLink } from 'react-router-dom'; +import { useParams, useHistory } from "react-router-dom"; + +import EnqueueVideoStyleTransfer from "@storyteller/components/src/api/video_styleTransfer"; +import { Action, State } from "../../reducer"; +import { TableOfKeyValues } from "../../commons"; +import ivs from "./initialValues"; +import { + isInputValid, + mapRequest, + WorkflowValuesType, +} from "./helpers"; + +import { + Button, + Label, + NumberSliderV2, + Panel, + SelectModal, + TextArea, + VideoFakeyou +} from "components/common"; + +export default function PageVSTApp({ + debug, t, pageState, dispatchPageState, parentPath +}: { + debug?: boolean; + t: Function; + pageState: State; + parentPath: string; + dispatchPageState: (action: Action) => void; +}) { + const videoRef = useRef(null); + const { mediaToken } = useParams(); + + const [workflowValues, setWorkflowValues] = useState({ + fileToken: pageState.mediaFileToken || mediaToken, + ...ivs + }); + + const [styleStrength, setStyleStrength]= useState(8); + + if(videoRef?.current){ + if(debug) console.log("set-up video element listeners"); + const ve = videoRef.current + ve.onloadedmetadata = () =>{ + const newValues : { + width?: number; + height?: number; + maxFrames?: number; + framesCap?: number; + } = {}; + if (ve.videoWidth && ve.videoHeight) { + const aspectRatio = ve.videoWidth/ve.videoHeight + if (aspectRatio > 1) newValues.width = 960; + else if (aspectRatio < 1) newValues.height = 960 + else if (debug) console.log(`aspectRaio: ${aspectRatio}`); + } + if(ve.duration){ + newValues.maxFrames = Math.floor(ve.duration)*workflowValues.inputFps; + newValues.framesCap = newValues.maxFrames; + } + setWorkflowValues((curr)=>({ + ...curr, + ...newValues, + })) + } + } + + + const handleOnChange = (key: string, newValue:any,) => { + setWorkflowValues((curr)=>({...curr, [key]: newValue})); + } + const handleFramesCap = (newValue: number)=>{ + if(newValue - workflowValues.skipFrames >= 16) + setWorkflowValues((curr)=>({...curr, framesCap: newValue})); + } + const handleSkipFrames = (newValue: number)=>{ + if(workflowValues.framesCap - newValue >= 16) + setWorkflowValues((curr)=>({...curr, skipFrames: newValue})); + } + const handleStyleStrength = (value:number)=>{ + setStyleStrength(value); + }; + const history = useHistory(); + const handleGenerate = ()=>{ + if(debug) console.log(workflowValues) + + if (isInputValid(workflowValues)){ + const request = mapRequest(workflowValues); + if (debug) console.log(request); + EnqueueVideoStyleTransfer(request).then(res => { + if (res.success && res.inference_job_token) { + dispatchPageState({ + type: 'enqueueJobSuccess', + payload: { + inferenceJobToken: res.inference_job_token + } + }) + }else{ + console.log(res); + } + }) + dispatchPageState({type: 'enqueueJob'}) + history.push(`${parentPath}/jobs`); + }else{ + alert("you must pick an sd weight and input a prompt"); + } + } + + return( + +
    +
    + { + dispatchPageState({ + type: 'loadFileSuccess', + payload: { + mediaFile: res, + mediaFileToken: pageState.mediaFileToken || mediaToken + } + }); + }} + /> +
    +
    +
    +
    +
    +
    + { + handleOnChange("sdModelToken", token); + }} + tabs={[ + { + label: "All Weights", + tabKey: "allWeights", + typeFilter: "sd_1.5", + searcher: true, + type: "weights", + }, + { + label: "Bookmarked", + tabKey: "bookmarkedWeights", + typeFilter: "sd_1.5", + searcher: false, + type: "weights", + }, + ]} + /> +
    + +
    +
    +