media-preview.md

基本信息

• 类型: React Client 组件
• 路径: ./src/components/prompts/media-preview.tsx

功能描述

媒体预览组件，用于在Prompt详情页展示媒体文件。支持图片、视频和音频类型，图片支持点击放大，加载失败时显示错误提示。

导出内容

• MediaPreview - 主组件
• MediaPreviewProps - Props接口

Props 接口

属性	类型	说明
mediaUrl	string	媒体文件URL
title	string	Prompt标题
type	string	媒体类型

支持类型

• IMAGE - 图片（支持点击查看大图）
• VIDEO - 视频（带控制条）
• AUDIO - 音频（使用AudioPlayer组件）

依赖

• react - React核心
• next-intl - 国际化
• lucide-react - 图标库
• ./audio-player - 音频播放器

相关组件

• AudioPlayer - 音频播放器
• UserExamplesSection - 用户示例区块
• PromptDetail - Prompt详情页