media：图片、音频和视频怎样表达？

在课程里放一段短视频，重点不仅是媒体地址，还包括类型、控制方式与替代说明。图片的 alt 帮助解释内容；自动播放仍受浏览器策略等约束。媒体 URL 与节点 src 数据绑定也要按具体字段区分。

先认识这些属性

顶层 type: "media" 表示媒体节点，props.type 进一步选择图片、头像、音频或视频。props.src 是媒体文件地址；它不同于节点顶层用于连接数据源的 src。alt 为图片提供替代说明；controls 决定是否呈现音视频播放控制。

读一个结构例子

以下摘自源码注册示例。它展示结构，未在本页运行；示例中的路径和动作需要应用提供。

{
  "id": "profile-pic",
  "type": "media",
  "props": {
    "type": "avatar",
    "src": "/img/user.jpg",
    "name": "Alice",
    "alt": "Profile"
  }
}

例子选择了头像形式。name: "Alice" 可用于姓名首字母的后备呈现，alt 是替代说明；它们都不是这个人的账号权限。这个例子没有配置视频播放，不能据此推断自动播放效果。

查看 media 的技术文档。