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>VideoKarma2</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-karma","title":"VideoKarma2","description":"画像・テキストから動画","modes":[{"id":"i2v","label":"画像から","workflow":{"84":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"},"_meta":{"title":"処理 Text Encoder"}},"85":{"class_type":"KSamplerAdvanced","inputs":{"model":["103",0],"positive":["98",0],"negative":["98",1],"latent_image":["86",0],"add_noise":"disable","noise_seed":0,"steps":4,"cfg":1,"sampler_name":"euler","scheduler":"simple","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"86":{"class_type":"KSamplerAdvanced","inputs":{"model":["104",0],"positive":["98",0],"negative":["98",1],"latent_image":["98",2],"add_noise":"enable","noise_seed":1,"steps":4,"cfg":1,"sampler_name":"euler","scheduler":"simple","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"87":{"class_type":"VAEDecode","inputs":{"samples":["85",0],"vae":["90",0]}},"89":{"class_type":"CLIPTextEncode","inputs":{"clip":["84",0],"text":"low quality, blurry, artifacts, watermark, text, zoom in, close-up, crop, face distortion, identity change"},"_meta":{"title":"ネガティブプロンプト"}},"90":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"},"_meta":{"title":"処理 VAE"}},"93":{"class_type":"CLIPTextEncode","inputs":{"clip":["84",0],"text":"女性が笑顔で笑う"},"_meta":{"title":"ポジティブプロンプト"}},"94":{"class_type":"CreateVideo","inputs":{"images":["87",0],"fps":16}},"95":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-01.safetensors","weight_dtype":"default"},"_meta":{"title":"High Noise Model"}},"96":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-02.safetensors","weight_dtype":"default"},"_meta":{"title":"Low Noise Model"}},"97":{"class_type":"LoadImage","inputs":{"image":"VideoKarma2-input.png"},"_meta":{"title":"入力画像"}},"98":{"class_type":"WanImageToVideo","inputs":{"positive":["93",0],"negative":["89",0],"vae":["90",0],"start_image":["97",0],"width":704,"height":704,"length":81,"batch_size":1}},"101":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["95",0],"lora_name":"adapter-01.safetensors","strength_model":1}},"102":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["96",0],"lora_name":"adapter-02.safetensors","strength_model":1}},"103":{"class_type":"ModelSamplingSD3","inputs":{"model":["102",0],"shift":5}},"104":{"class_type":"ModelSamplingSD3","inputs":{"model":["101",0],"shift":5}},"108":{"class_type":"SaveVideo","inputs":{"video":["94",0],"filename_prefix":"video/VideoKarma2_i2v","format":"auto","codec":"auto"}}},"missingNodes":[]},{"id":"t2v","label":"テキストから","workflow":{"84":{"class_type":"CLIPLoader","inputs":{"clip_name":"encoder-01.safetensors","type":"wan","device":"default"},"_meta":{"title":"処理 Text Encoder"}},"85":{"class_type":"KSamplerAdvanced","inputs":{"model":["103",0],"positive":["93",0],"negative":["89",0],"latent_image":["86",0],"add_noise":"disable","noise_seed":0,"steps":4,"cfg":1,"sampler_name":"euler","scheduler":"simple","start_at_step":2,"end_at_step":4,"return_with_leftover_noise":"disable"}},"86":{"class_type":"KSamplerAdvanced","inputs":{"model":["104",0],"positive":["93",0],"negative":["89",0],"latent_image":["wan_t2v_latent",0],"add_noise":"enable","noise_seed":1,"steps":4,"cfg":1,"sampler_name":"euler","scheduler":"simple","start_at_step":0,"end_at_step":2,"return_with_leftover_noise":"enable"}},"87":{"class_type":"VAEDecode","inputs":{"samples":["85",0],"vae":["90",0]}},"89":{"class_type":"CLIPTextEncode","inputs":{"clip":["84",0],"text":"low quality, blurry, artifacts, watermark, text, zoom in, close-up, crop, face distortion, identity change"},"_meta":{"title":"ネガティブプロンプト"}},"90":{"class_type":"VAELoader","inputs":{"vae_name":"decoder-01.safetensors"},"_meta":{"title":"処理 VAE"}},"93":{"class_type":"CLIPTextEncode","inputs":{"clip":["84",0],"text":"女性が笑顔で笑う"},"_meta":{"title":"ポジティブプロンプト"}},"94":{"class_type":"CreateVideo","inputs":{"images":["87",0],"fps":16}},"95":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-03.safetensors","weight_dtype":"default"},"_meta":{"title":"High Noise Model"}},"96":{"class_type":"UNETLoader","inputs":{"unet_name":"denoiser-04.safetensors","weight_dtype":"default"},"_meta":{"title":"Low Noise Model"}},"101":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["95",0],"lora_name":"adapter-03.safetensors","strength_model":1}},"102":{"class_type":"LoraLoaderModelOnly","inputs":{"model":["96",0],"lora_name":"adapter-04.safetensors","strength_model":1}},"103":{"class_type":"ModelSamplingSD3","inputs":{"model":["102",0],"shift":5}},"104":{"class_type":"ModelSamplingSD3","inputs":{"model":["101",0],"shift":5}},"108":{"class_type":"SaveVideo","inputs":{"video":["94",0],"filename_prefix":"video/VideoKarma2_t2v","format":"auto","codec":"auto"}},"wan_t2v_latent":{"class_type":"EmptyHunyuanLatentVideo","inputs":{"width":704,"height":704,"length":81,"batch_size":1}}},"missingNodes":[]}],"source":"host-current-r2v-deploy"}</script><script src="./app.js" defer></script></body></html>