在Stable Diffusion中生成视频，你需要安装一些特定的插件和模型。以下是详细的步骤和所需内容：
插件安装
Temporal Kit：

功能：用于制作视频的扩展插件，支持视频风格迁移和时间一致性。

安装方法：

打开Stable Diffusion Web UI，点击“扩展”。

选择“从网址安装”，粘贴以下网址：Temporal Kit GitHub。

点击“安装”并重启Web UI。

AnimateDiff：

功能：制作丝滑动画视频插件，支持图生动画和视频重绘动画。

安装方法：

打开Stable Diffusion Web UI，点击“扩展”。

选择“从网址安装”，粘贴以下网址：AnimateDiff GitHub。

点击“安装”并重启Web UI。

模型下载：

动画模型：下载“mm_sd_v15_v2.ckpt”并放置在…\extensions\sd-webui-animatediff\model目录下。

LoRA模型：下载八个控制镜头的LoRA模型并放置在…\stable-diffusion-webui\models\lora目录下。

Deforum：

功能：将静态图片转化为动态视频的插件。

安装方法：

打开Stable Diffusion Web UI，点击“扩展”。

选择“可下载”标签，输入“deforum”，点击“安装”。

安装后，点击“应用更改并重启”。

模型选择
Stable Video Diffusion：

功能：Stability AI发布的视频生成大模型，支持文生视频和图像到视频的生成。

使用方法：

下载并安装Stable Video Diffusion模型。

在Stable Diffusion Web UI中选择该模型进行视频生成。

图生图模型：

功能：用于将关键帧图像转换为统一风格的图像。

使用方法：

选择合适的图生图模型（如CyberRealistic - v3.3）。

在图生图页面中输入关键帧图像，设置提示词和参数，生成新的关键帧图像。

clipboardjs
https://clipboardjs.com/
https://zenorocha.github.io/clipboard.js

https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem/ClipboardItem

async function writeClipImg() {
  try {
    if (ClipboardItem.supports("image/png")) {
      const imgURL = "/my-image.png";
      const data = await fetch(imgURL);
      const blob = await data.blob();
      await navigator.clipboard.write([
        new ClipboardItem({
          [blob.type]: blob,
        }),
      ]);
      console.log("Fetched image copied.");
    } else {
      console.log("image png is not supported");
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

Clipboard::write接口
https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard/write

function setClipboard(text) {
  const type = "text/plain";
  const blob = new Blob([text], { type });
  const data = [new ClipboardItem({ [type]: blob })];

  navigator.clipboard.write(data).then(
    () => {
      /* success */
    },
    () => {
      /* failure */
    },
  );
}

证书申请失败的原因是 CA（证书颁发机构）返回了 retryafter=86400，需要等待1天再试
这种问题通常与 CA 的验证流程或速率限制相关
acme默认是申请 ZeroSSL 的证书，可以手动设置默认CA为 letsencrypt

acme.sh --set-default-ca --server letsencrypt

nginx相关配置(--webroot方式申请证书)：

    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }

    #禁止在证书验证目录放入敏感文件
    if ( $uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$" ) {
        return 403;
    }

!function(win, lib) {
    var timer,
        doc     = win.document,
        docElem = doc.documentElement,

        vpMeta   = doc.querySelector('meta[name="viewport"]'),
        flexMeta = doc.querySelector('meta[name="flexible"]'),

        dpr   = 0,
        scale = 0,

        flexible = lib.flexible || (lib.flexible = {});

    // 设置了 viewport meta
    if (vpMeta) {

        console.warn("将根据已有的meta标签来设置缩放比例");
        var initial = vpMeta.getAttribute("content").match(/initial\-scale=([\d\.]+)/);

        if (initial) {
            scale = parseFloat(initial[1]); // 已设置的 initialScale
            dpr = parseInt(1 / scale);      // 设备像素比 devicePixelRatio
        }

    }
    // 设置了 flexible Meta
    else if (flexMeta) {
        var flexMetaContent = flexMeta.getAttribute("content");
        if (flexMetaContent) {

            var initial = flexMetaContent.match(/initial\-dpr=([\d\.]+)/),
                maximum = flexMetaContent.match(/maximum\-dpr=([\d\.]+)/);

            if (initial) {
                dpr = parseFloat(initial[1]);
                scale = parseFloat((1 / dpr).toFixed(2));
            }

            if (maximum) {
                dpr = parseFloat(maximum[1]);
                scale = parseFloat((1 / dpr).toFixed(2));
            }
        }
    }

    // viewport 或 flexible
    // meta 均未设置
    if (!dpr && !scale) {
        // QST
        // 这里的 第一句有什么用 ?
        // 和 Android 有毛关系 ?
        var u = (win.navigator.appVersion.match(/android/gi), win.navigator.appVersion.match(/iphone/gi)),
            _dpr = win.devicePixelRatio;

        // 所以这里似乎是将所有 Android 设备都设置为 1 了
        dpr = u ? ( (_dpr >= 3 && (!dpr || dpr >= 3))
                        ? 3
                        : (_dpr >= 2 && (!dpr || dpr >= 2))
                            ? 2
                            : 1
                  )
                : 1;

        scale = 1 / dpr;
    }

    docElem.setAttribute("data-dpr", dpr);

    // 插入 viewport meta
    if (!vpMeta) {
        vpMeta = doc.createElement("meta");

        vpMeta.setAttribute("name", "viewport");
        vpMeta.setAttribute("content",
            "initial-scale=" + scale + ", maximum-scale=" + scale + ", minimum-scale=" + scale + ", user-scalable=no");

        if (docElem.firstElementChild) {
            docElem.firstElementChild.appendChild(vpMeta)
        } else {
            var div = doc.createElement("div");
            div.appendChild(vpMeta);
            doc.write(div.innerHTML);
        }
    }

    function setFontSize() {
        var winWidth = docElem.getBoundingClientRect().width;

        if (winWidth / dpr > 540) {
            (winWidth = 540 * dpr);
        }

        // 根节点 fontSize 根据宽度决定
        var baseSize = winWidth * 0.0625;

        docElem.style.fontSize = baseSize + "px";
        flexible.rem = win.rem = baseSize;
    }

    // 调整窗口时重置
    win.addEventListener("resize", function() {
        clearTimeout(timer);
        timer = setTimeout(setFontSize, 300);
    }, false);


    // 这一段是我自己加的
    // orientationchange 时也需要重算下吧
    win.addEventListener("orientationchange", function() {
        clearTimeout(timer);
        timer = setTimeout(setFontSize, 300);
    }, false);


    // pageshow
    // keyword: 倒退 缓存相关
    win.addEventListener("pageshow", function(e) {
        if (e.persisted) {
            clearTimeout(timer);
            timer = setTimeout(setFontSize, 300);
        }
    }, false);

    // 设置基准字体
    if ("complete" === doc.readyState) {
        doc.body.style.fontSize = 12 * dpr + "px";
    } else {
        doc.addEventListener("DOMContentLoaded", function() {
            doc.body.style.fontSize = 12 * dpr + "px";
        }, false);
    }

    setFontSize();

    flexible.dpr = win.dpr = dpr;

    flexible.refreshRem = setFontSize;

    flexible.rem2px = function(d) {
        var c = parseFloat(d) * this.rem;
        if ("string" == typeof d && d.match(/rem$/)) {
            c += "px";
        }
        return c;
    };

    flexible.px2rem = function(d) {
        var c = parseFloat(d) / this.rem;

        if ("string" == typeof d && d.match(/px$/)) {
            c += "rem";
        }
        return c;
    }
}(window, window.lib || (window.lib = {}));