带时间属性的HTML文档

带时间属性的HTML文档

带时间属性的HTML文档

带时间属性的HTML文档是HyperFrames框架的核心抽象,通过标准HTML数据属性将视频描述抽象为具有时间维度的DOM结构。

关键数据属性

  • data-composition-id:定义主容器(画布)
  • data-width / data-height:定义画布尺寸
  • data-start:指定视频片段的起始时间
  • data-duration:指定视频片段的持续时间
  • data-track-index:指定轨道层级

设计理念

在HyperFrames中,视频并不是先进入一个剪辑软件工程,而是先变成一个DOM结构,再由运行时系统去解释这个结构。这是一种HTML-native的方法,没有专有DSL,没有React强依赖,也没有封闭格式。只要会写网页,就可以写视频。

优势

  • 利用开发者已有的HTML/CSS知识
  • LLM天然擅长生成HTML结构
  • 便于版本控制、测试和复用
  • 与Web生态系统无缝集成
分享到