为工作负荷中心配置概览部分

使用幻灯片媒体内容在工作负载的产品详细信息页中配置概览部分，以展示工作负载的功能和功能。

概述

“一目了然”部分显示工作负载的产品详细信息页上的幻灯片媒体内容，以便于您可以：

• 展示功能：显示突出显示关键功能的图像和视频
• 提供演示：包括工作负载的视频演示
• 视觉品牌：增强工作负载的视觉呈现
• 用户参与：通过富媒体帮助用户了解工作负荷

Product.json 中的配置

在您的 Product.json 清单中的 productDetail.slideMedia 数组里配置幻灯片媒体：

{
  "productDetail": {
    "publisher": "Your Company",
    "slogan": "Your workload slogan",
    "description": "Brief description of your workload",
    "image": {
      "mediaType": 0,
      "source": "assets/images/main-image.png"
    },
    "slideMedia": [
      {
        "mediaType": 1,
        "source": "https://youtube.com/embed/UNgpBOCvwa8?si=KwsR879MaVZd5CJi"
      },
      {
        "mediaType": 0,
        "source": "assets/images/feature-overview.png"
      },
      {
        "mediaType": 0,
        "source": "assets/images/dashboard-preview.png"
      }
    ]
  }
}

媒体类型

在幻灯片媒体中配置不同的媒体类型：

图像（媒体类型：0）

{
  "mediaType": 0,
  "source": "assets/images/your-image.png"
}

• 使用 PNG、JPG 或 SVG 格式
• 将 assets/images 图像存储在文件夹中
• 优化网页显示

视频 （mediaType： 1）

{
  "mediaType": 1,
  "source": "https://youtube.com/embed/VIDEO_ID"
}

支持的视频格式：

• YouTube： https://youtube.com/embed/<id> 或 https://www.youtube.com/embed/<id>
• Vimeo： https://player.vimeo.com/video/<number> （没有 www.）

配置限制

• 最大幻灯片数量：数组中有 slideMedia 10 个项目
• 建议的组合：组合图像和视频以获得最佳用户体验
• 性能：优化媒体文件以适应 Web 交付

最佳做法

内容策略

• 引导视频：首先放置演示视频以立即吸引用户
• 显示关键功能：包括主要功能的屏幕截图
• 渐进式披露：将内容从概述排列到详细功能

媒体优化

• 图像质量：使用可很好地缩放的高分辨率图像
• 视频长度：保持视频简洁（最大为 2-3 分钟）
• 缩略图：确保视频缩略图令人信服

示例配置

{
  "slideMedia": [
    {
      "mediaType": 1,
      "source": "https://youtube.com/embed/demo-overview"
    },
    {
      "mediaType": 0,
      "source": "assets/images/dashboard.png"
    },
    {
      "mediaType": 0,
      "source": "assets/images/analytics.png"
    },
    {
      "mediaType": 1,
      "source": "https://player.vimeo.com/video/tutorial"
    }
  ]
}

后续步骤

• 产品清单