fix(canvas): 画布媒体 - 修复预览首帧音量和创作状态展示

web/src/components/cached-resource-image.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState, type ImgHTMLAttributes, type ReactNode } from "react";
 
-import { resourceFileUrl, resourceIdFromStorageKey } from "@/services/api/resources";
+import { getResourceAccess, resolveResourceAccessURL, resourceIdFromStorageKey } from "@/services/api/resources";
 import { resolveImageUrl } from "@/services/image-storage";
 
 type CachedResourceImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> & {
@@ -12,7 +12,7 @@ type CachedResourceImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src">
 };
 
 /**
- * 远程资源图片统一使用稳定的资源文件地址。
+ * 远程资源图片统一使用 OSS/CDN 授权地址。
  * Blob 缓存仍可用于导出、抽帧等字节处理，但不作为媒体展示 src，避免把
  * `blob:http(s)://...` 泄露到节点、素材库和浏览器媒体链路中。
  */
@@ -59,7 +59,13 @@ export function CachedResourceImage({ storageKey, src = "", fallback = null, loa
                     cancelled = true;
                 };
             }
-            setCachedSrc(resourceFileUrl(resourceId));
+            void getResourceAccess(storageKey, "display")
+                .then((access) => {
+                    if (!cancelled) setCachedSrc(resolveResourceAccessURL(access.url));
+                })
+                .catch(() => {
+                    if (!cancelled) setCacheFailed(true);
+                });
             return () => {
                 cancelled = true;
             };