index.html

<!doctype html>
<html lang="ja">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="color-scheme" content="light dark"><title>VideoNature</title><link rel="stylesheet" href="./style.css"></head>
<body><main class="shell">
<header class="hero"><h1 id="title">Workflow Studio</h1><p id="description"></p></header>
<div class="workspace"><section class="editor">
<form id="app-form"><div class="top-panel"><label class="field" id="mode-field"><span>モード</span><select id="mode"></select></label></div>
<div id="quick-controls"></div><div id="upload-list" class="media-list"></div><div id="workflow-form"></div>
</form><div class="app-execution"><div class="token-summary" aria-live="polite"><p id="token-balance">トークン残高を確認しています…</p><p id="token-usage"></p></div><button id="app-execute" type="button" disabled>実行する</button><p id="ui-status" class="status" role="status" aria-live="polite">接続を確認しています…</p><progress id="transfer-progress" max="1" value="0" hidden></progress><small>起動・読み込み・実行・停止待ちはGPUの稼働時間に含まれます。タブを閉じても処理はキャンセルされません。</small></div></section>
<aside class="output"><div class="output-heading"><h2>プレビュー</h2></div><div class="preview-stage"><div id="preview-loading" class="preview-loading" role="status" aria-live="polite" hidden><span class="light-ring" aria-hidden="true"></span><span>生成中…</span></div><div id="results"><div class="empty-state"><span>✧</span><p>実行結果がここに表示されます。</p></div></div></div></aside></div>

</main><script id="app-config" type="application/json">{"id":"video-extend","title":"VideoNature","description":"サブ画像・元動画を使った動画生成","modes":[{"id":"continue","label":"動画を延長","workflow":{"1":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"}},"2":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["1",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"3":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"}},"4":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["3",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"5":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"}},"6":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"Continue the scene directly from the supplied final frame. Preserve the same subject, appearance, action direction, motion speed, scene, lighting, and camera continuity unless the user explicitly requests a change.\nA peaceful garden, natural light"}},"7":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"bad video, low quality, blur, flicker, artifacts, distorted anatomy, low quality, blurry"}},"8":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"}},"20":{"class_type":"BerniniConditioning","inputs":{"positive":["6",0],"negative":["7",0],"vae":["8",0],"width":704,"height":704,"length":53,"batch_size":1,"ref_max_size":720,"source_video":["29",0]}},"21":{"class_type":"KSamplerAdvanced","inputs":{"model":["2",0],"positive":["20",0],"negative":["20",1],"latent_image":["20",2],"add_noise":"enable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"22":{"class_type":"KSamplerAdvanced","inputs":{"model":["4",0],"positive":["20",0],"negative":["20",1],"latent_image":["21",0],"add_noise":"disable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"23":{"class_type":"VAEDecode","inputs":{"samples":["22",0],"vae":["8",0]}},"24":{"class_type":"VHS_VideoCombine","inputs":{"images":["26",0],"frame_rate":20,"loop_count":0,"filename_prefix":"bernini/continue","format":"video/h264-mp4","pix_fmt":"yuv420p","crf":16,"save_metadata":false,"trim_to_audio":false,"pingpong":false,"save_output":true}},"25":{"class_type":"FrameInterpolationModelLoader","inputs":{"model_name":"interpolator-01.safetensors"}},"26":{"class_type":"FrameInterpolate","inputs":{"interp_model":["25",0],"images":["28",0],"multiplier":2}},"27":{"class_type":"BerniniColorCorrection","inputs":{"images":["23",0],"saturation":0.82,"contrast":1}},"28":{"class_type":"BerniniStartFrameBlend","inputs":{"images":["27",0],"start_image":["29",0],"blend_frames":1}},"29":{"class_type":"LoadImage","inputs":{"image":"bernini_continuation_last_frame.png"}}},"continuation":{"enabled":true,"source_video_name":"bernini_source_video.mp4","last_frame_name":"bernini_continuation_last_frame.png","width":704,"height":704,"fps":20,"drop_generated_frames":2,"target_duration_seconds":10},"note":"元動画の最終フレームから続きの動画を生成し、結合します。","missingNodes":["BerniniColorCorrection","BerniniStartFrameBlend"]},{"id":"continue_ref","label":"サブ画像付きで動画を延長","workflow":{"1":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"}},"2":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["1",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"3":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"}},"4":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["3",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"5":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"}},"6":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"Continue the scene directly from the supplied final frame while using the reference images for identity, hairstyle, clothing, and object appearance. Preserve motion direction, speed, composition, scene, lighting, and camera continuity unless explicitly changed.\nA peaceful garden, natural light"}},"7":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"bad video, low quality, blur, flicker, artifacts, distorted anatomy, low quality, blurry"}},"8":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"}},"9":{"class_type":"LoadImage","inputs":{"image":"bernini_reference_1.png"}},"20":{"class_type":"BerniniConditioning","inputs":{"positive":["6",0],"negative":["7",0],"vae":["8",0],"width":704,"height":704,"length":53,"batch_size":1,"ref_max_size":720,"reference_images.reference_image_0":["9",0],"source_video":["29",0]}},"21":{"class_type":"KSamplerAdvanced","inputs":{"model":["2",0],"positive":["20",0],"negative":["20",1],"latent_image":["20",2],"add_noise":"enable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"22":{"class_type":"KSamplerAdvanced","inputs":{"model":["4",0],"positive":["20",0],"negative":["20",1],"latent_image":["21",0],"add_noise":"disable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"23":{"class_type":"VAEDecode","inputs":{"samples":["22",0],"vae":["8",0]}},"24":{"class_type":"VHS_VideoCombine","inputs":{"images":["26",0],"frame_rate":20,"loop_count":0,"filename_prefix":"bernini/continue_ref","format":"video/h264-mp4","pix_fmt":"yuv420p","crf":16,"save_metadata":false,"trim_to_audio":false,"pingpong":false,"save_output":true}},"25":{"class_type":"FrameInterpolationModelLoader","inputs":{"model_name":"interpolator-01.safetensors"}},"26":{"class_type":"FrameInterpolate","inputs":{"interp_model":["25",0],"images":["28",0],"multiplier":2}},"27":{"class_type":"BerniniColorCorrection","inputs":{"images":["23",0],"saturation":0.82,"contrast":1}},"28":{"class_type":"BerniniStartFrameBlend","inputs":{"images":["27",0],"start_image":["29",0],"blend_frames":1}},"29":{"class_type":"LoadImage","inputs":{"image":"bernini_continuation_last_frame.png"}}},"continuation":{"enabled":true,"source_video_name":"bernini_source_video.mp4","last_frame_name":"bernini_continuation_last_frame.png","width":704,"height":704,"fps":20,"drop_generated_frames":2,"target_duration_seconds":10},"note":"元動画の最終フレームから続きの動画を生成し、結合します。","missingNodes":["BerniniColorCorrection","BerniniStartFrameBlend"]},{"id":"r2v","label":"サブ画像から動画","workflow":{"1":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"}},"2":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["1",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"3":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"}},"4":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["3",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"5":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"}},"6":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"You are a helpful assistant specialized in subject-to-video generation.\nA peaceful garden, natural light"}},"7":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"bad video, low quality, blur, flicker, artifacts, distorted anatomy, low quality, blurry"}},"8":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"}},"9":{"class_type":"LoadImage","inputs":{"image":"bernini_reference_1.png"}},"20":{"class_type":"BerniniConditioning","inputs":{"positive":["6",0],"negative":["7",0],"vae":["8",0],"width":704,"height":704,"length":53,"batch_size":1,"ref_max_size":720,"reference_images.reference_image_0":["9",0]}},"21":{"class_type":"KSamplerAdvanced","inputs":{"model":["2",0],"positive":["20",0],"negative":["20",1],"latent_image":["20",2],"add_noise":"enable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"22":{"class_type":"KSamplerAdvanced","inputs":{"model":["4",0],"positive":["20",0],"negative":["20",1],"latent_image":["21",0],"add_noise":"disable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"23":{"class_type":"VAEDecode","inputs":{"samples":["22",0],"vae":["8",0]}},"24":{"class_type":"VHS_VideoCombine","inputs":{"images":["26",0],"frame_rate":20,"loop_count":0,"filename_prefix":"bernini/r2v","format":"video/h264-mp4","pix_fmt":"yuv420p","crf":16,"save_metadata":false,"trim_to_audio":false,"pingpong":false,"save_output":true}},"25":{"class_type":"FrameInterpolationModelLoader","inputs":{"model_name":"interpolator-01.safetensors"}},"26":{"class_type":"FrameInterpolate","inputs":{"interp_model":["25",0],"images":["27",0],"multiplier":2}},"27":{"class_type":"BerniniColorCorrection","inputs":{"images":["23",0],"saturation":0.82,"contrast":1}}},"note":"","missingNodes":["BerniniColorCorrection"]},{"id":"v2v","label":"動画を編集","workflow":{"1":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"}},"2":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["1",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"3":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"}},"4":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["3",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"5":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"}},"6":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"You are a helpful assistant specialized in video editing.\nA peaceful garden, natural light"}},"7":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"bad video, low quality, blur, flicker, artifacts, distorted anatomy, low quality, blurry"}},"8":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"}},"20":{"class_type":"BerniniConditioning","inputs":{"positive":["6",0],"negative":["7",0],"vae":["8",0],"width":704,"height":704,"length":53,"batch_size":1,"ref_max_size":720,"source_video":["30",0]}},"21":{"class_type":"KSamplerAdvanced","inputs":{"model":["2",0],"positive":["20",0],"negative":["20",1],"latent_image":["20",2],"add_noise":"enable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"22":{"class_type":"KSamplerAdvanced","inputs":{"model":["4",0],"positive":["20",0],"negative":["20",1],"latent_image":["21",0],"add_noise":"disable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"23":{"class_type":"VAEDecode","inputs":{"samples":["22",0],"vae":["8",0]}},"24":{"class_type":"VHS_VideoCombine","inputs":{"images":["26",0],"frame_rate":20,"loop_count":0,"filename_prefix":"bernini/v2v","format":"video/h264-mp4","pix_fmt":"yuv420p","crf":16,"save_metadata":false,"trim_to_audio":false,"pingpong":false,"save_output":true}},"25":{"class_type":"FrameInterpolationModelLoader","inputs":{"model_name":"interpolator-01.safetensors"}},"26":{"class_type":"FrameInterpolate","inputs":{"interp_model":["25",0],"images":["27",0],"multiplier":2}},"27":{"class_type":"BerniniColorCorrection","inputs":{"images":["23",0],"saturation":0.82,"contrast":1}},"30":{"class_type":"VHS_LoadVideo","inputs":{"video":"bernini_source_video.mp4","force_rate":10,"custom_width":704,"custom_height":704,"frame_load_cap":53,"skip_first_frames":0,"select_every_nth":1}}},"note":"","missingNodes":["BerniniColorCorrection"]},{"id":"rv2v","label":"サブ画像付き動画編集","workflow":{"1":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"}},"2":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["1",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"3":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"}},"4":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["3",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"5":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"}},"6":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"動画の中の女性の顔と服装を画像の女性に入れ替える"}},"7":{"class_type":"CLIPTextEncode","inputs":{"clip":["5",0],"text":"bad video, low quality, blur, flicker, artifacts, distorted anatomy, low quality, blurry"}},"8":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"}},"9":{"class_type":"LoadImage","inputs":{"image":"bernini_reference_1.png"}},"20":{"class_type":"BerniniConditioning","inputs":{"positive":["6",0],"negative":["7",0],"vae":["8",0],"width":704,"height":704,"length":53,"batch_size":1,"ref_max_size":720,"reference_images.reference_image_0":["9",0],"source_video":["30",0]}},"21":{"class_type":"KSamplerAdvanced","inputs":{"model":["2",0],"positive":["20",0],"negative":["20",1],"latent_image":["20",2],"add_noise":"enable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"22":{"class_type":"KSamplerAdvanced","inputs":{"model":["4",0],"positive":["20",0],"negative":["20",1],"latent_image":["21",0],"add_noise":"disable","noise_seed":1,"control_after_generate":"fixed","steps":4,"cfg":1,"sampler_name":"dpmpp_2m_sde","scheduler":"sgm_uniform","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"23":{"class_type":"VAEDecode","inputs":{"samples":["22",0],"vae":["8",0]}},"24":{"class_type":"VHS_VideoCombine","inputs":{"images":["26",0],"frame_rate":20,"loop_count":0,"filename_prefix":"bernini/rv2v","format":"video/h264-mp4","pix_fmt":"yuv420p","crf":16,"save_metadata":false,"trim_to_audio":false,"pingpong":false,"save_output":true}},"25":{"class_type":"FrameInterpolationModelLoader","inputs":{"model_name":"interpolator-01.safetensors"}},"26":{"class_type":"FrameInterpolate","inputs":{"interp_model":["25",0],"images":["27",0],"multiplier":2}},"27":{"class_type":"BerniniColorCorrection","inputs":{"images":["23",0],"saturation":0.82,"contrast":1}},"30":{"class_type":"VHS_LoadVideo","inputs":{"video":"bernini_source_video.mp4","force_rate":10,"custom_width":704,"custom_height":704,"frame_load_cap":53,"skip_first_frames":0,"select_every_nth":1}}},"note":"","missingNodes":["BerniniColorCorrection"]}],"source":"host-current-r2v-deploy"}</script><script src="./app.js" defer></script></body></html>