GY∕T 332-2020 互联网互动视频数据格式规范.pdf

GY 中华人民共和国广播电视和网络视听行业标准 GY/T 3322020 互联网互动视频数据格式规范 Specification of data format for interactive video over the internet 2020 - 10 - 12 发布 2020 - 10 - 12 实施 国家广播电视总局 发 布 GY/T 3322020 I 目 次 前言 . II 1 范围 . 1 2 规范性引用文件 . 1 3 术语和定义 . 1 4 互动视频系统架构 . 3 5 互动组件分类和参数配置 . 4 5.1 剧情选择组件 . 4 5.2 视角切换组件 . 5 5.3 画面交互组件 . 6 5.4 自定义交互组件 . 7 6 互动视频数据格式 . 7 6.1 数据组织结构 . 7 6.2 剧 . 8 6.3 章 . 9 6.4 播放区间 . 9 6.5 互动节点 . 9 附录 A（资料性） 数据格式示例一 . 13 附录 B（资料性） 数据格式示例二 . 30 附录 C（资料性） 数据格式示例三 . 48 附录 D（资料性） 数据格式示例四 . 75 GY/T 3322020 II 前 言 本文件按照GB/T 1.12020标准化工作导则 第1部分：标准化文件的结构和起草规则的规定起草。 请注意本文件的某些内容可能涉及专利。本文件发布机构不承担识别这些专利的责任。 本文件由全国广播电影电视标准化技术委员会（SAC/TC 239）归口。 本文件起草单位： 国家广播电视总局广播电视规划院、 北京爱奇艺科技有限公司、 腾讯科技 （深圳）有限公司、 优酷信息技术 （北京） 有限公司、 湖南快乐阳光互动娱乐传媒有限公司、 中央广播电视总台、国家广播电视总局广播电视科学研究院、 中国电子技术标准化研究院、 国广东方网络 （北京） 有限公司、央视频融媒体发展有限公司、好易购家庭购物有限公司、智令互动（深圳）科技有限公司、百视通网络电视技术发展有限责任公司、咪咕视讯科技有限公司、中国传媒大学、清华大学、北京航空航天大学、互影科技（北京）有限公司、中移（杭州）信息技术有限公司。 本文件主要起草人：邓向冬、刘文翰、杨子斌、刘里、章兢、薛潋、梅剑平、黄卓伟、宁金辉、杨光、王涛、郑磊、雷彬、洪薇、张旭、徐昊、王磊、范科峰、梁自强、李凯东、张瑞圣、郑炜、刘松鹏、张歌东、张松海、陆峰、鹍鹏、罗红。GY/T 3322020 1 互联网互动视频数据格式规范 1 范围 本文件规定了互联网互动视频的数据格式。 本文件适用于互联网互动视频系统的建设、运维，以及内容的制作、交换、分发、播放等。 2 规范性引用文件 本文件没有规范性引用文件。 3 术语和定义 下列术语和定义适用于本文件。 3.1 互联网互动视频 interactive video over the internet 通过互联网(含移动互联网)向公众提供的具有分支剧情选择、视角切换、画面交互等交互能力，能够为用户带来互动观看体验的一种视频业务，以下简称“互动视频”。 3.2 互动视频制作平台 interactive video production platform 为视频添加互动能力，制作互动视频内容的生产工具平台。 3.3 互动视频服务平台 interactive video service platform 为互动视频提供上传、编目、审核、存储、版权、分发、统计、分析等功能的服务平台。 3.4 互动视频播放系统 interactive video play system 播放互动视频并实现互动能力的播放软硬件和播放服务的统称。 3.5 播放区间 video play segment 互动视频中， 每一个视频片段及其相关属性信息的集合， 一个完整的互动视频包含多个视频片段和相关属性信息的集合。 3.6 互动组件 interactive component GY/T 3322020 2 由样式模板和参数配置封装组成的对象， 其中样式模板定义互动能力的界面样式， 参数配置定义标题、倒计时控件、按钮、按钮触发后的播放区间链接等信息。 3.7 互动节点 interactive node 互动视频中，每一组描述视频互动逻辑的交互信息集合，包含所在的播放区间信息，以及单个或多个互动组件。 3.8 故事线 story line 由播放区间和互动节点组成的分支结构，以节点和分支的方式体现。 3.9 互动事件 interactive event 互动视频中响应用户交互动作的消息事件，包括但不限于单次点击、连续点击、滑动特定路径、长按、摇一摇、姿态、手势、语音命令等。 3.10 互动视频交互能力 interaction-ability of interactive video 互动视频播放系统提供给用户进行剧情选择、视角切换、画面交互等交互类型的能力，通过互动组件进行定义和实现。 3.11 剧情选择 story choice 用户选择进入到不同剧情分支的互动能力。 3.12 视角切换 viewpoint switch 用户选择不同摄像机视角或角色视角进行观看的互动能力。 3.13 画面交互 screen interaction 用户在视频画面中通过互动事件实现交互和信息探索的互动能力，其包括多种表现形式，例如：文字、图片、视频、小游戏等。 3.14 自定义交互 custom interaction 创作者自己定义交互方式的能力，用于交互能力的扩展。 3.15 互动因子 interactive factor 用户在较长时间跨度内互动操作参数的集合，通过互动操作参数的累计数值可触发不同观看内容。 GY/T 3322020 3 3.16 互动引擎 interactive engine 在播放终端中，集成互动视频播放控制接口、设备控制接口、用户接口及互动管理接口等，为互动程序提供运行环境，并支撑与播放器、终端设备及后台服务交互数据的模块。 3.17 互动视频数据格式 interactive video data format 互动视频互动内容和组织结构的数据规则。 3.18 互动视频脚本文件集 interactive video script files 对互动视频内容、组织结构及其参数描述的脚本文件集合。 4 互动视频系统架构 互动视频系统架构包括互动视频制作平台、 互动视频服务平台、 互动视频播放系统等模块， 见图1。 创作者互动视频制作平台互动视频制作平台制作互动视频了解用户偏好再创作内容互动视频播放系统互动视频播放系统（含播放器和互动引擎含播放器和互动引擎）电 视电 脑手 机平 板用 户互动视频服务平台互动视频服务平台账号管理媒资管理网络分发统计分析互动操作生成数据文件反馈互动数据记录互动数据分发数据文件内内容容生生产产端端用用户户应应用用端端平台服务端平台服务端剧情选择组件视角切换组件画面互动组件自定义交互组件VR/AR设备 图1 互动视频系统架构 互动视频制作平台通过互动视频制作工具为视频添加剧情选择、视角切换、画面交互等互动组件，并为其设定样式和参数，编辑、预览视频互动效果，实现互动视频交互能力。 互动视频服务平台通过互联网提供互动视频服务，完成互动视频的账号管理、媒资管理（上传、转码、编目、审核、存储、版权、发布）、网络分发、统计分析等业务。 互动视频播放系统通过播放器和互动引擎实现互动视频的播放、缓冲、渲染和交互等功能，同时采集用户互动数据。 创作者在互动视频制作平台完成互动视频制作并传输至互动视频服务平台， 互动视频服务平台将互动视频内容分发至互动视频播放系统， 用户在互动视频播放系统上观看体验视频内容， 同时播放系统收集互动数据并反馈至互动视频服务平台，供平台统计分析或指导创作者再创作。 GY/T 3322020 4 5 互动组件分类和参数配置 5.1 剧情选择组件 剧情选择组件包括以下互动参数配置内容。 a) 配置剧情选择标题（可选）。 b) 配置两个及以上不同分支选项的按钮及出现时间。 c) 配置选项跳转方式，包括计时式和暂停式两种。 1) 计时式：视频播放至互动节点，出现选项，并开始倒计时。如计时过程中，用户选择了选项，则进入下一个情节。如计时完成但用户未选择，则进入默认选项。 2) 暂停式：视频播放至互动节点，视频暂停播放，仅当用户选择后，播放对应视频。 d) 配置不同分支选项按钮所触发的播放区间链接信息。 剧情选择组件样式示意图见图2，具体的组件形状、大小、位置、颜色、字体、数量等均可自行规定。 选项A视频内容选项B分支选项按钮浮层背景图剧情选择标题剧情选择标题倒计时进度条 图2 剧情选择组件样式示意图 应用剧情选择能力的互动视频应支持以故事线形式进行剧情浏览。 用户通过单击已完成故事线中的互动节点或播放区间，可回到原情节处重新选择故事线路径观影。故事线样式示意图见图3，具体的组件形状、大小、位置、颜色、字体、数量及是否显示观看进度、用户选项百分比等内容均可自行规定。 GY/T 3322020 5 故事线结构图播放区间N（已选择）互动节点1互动节点2播放区间互动节点关 闭关闭故事线已观看X% 解锁Y个结局观看进度播放区间B（未选择）播放区间A（已选择） 图3 故事线样式示意图 5.2 视角切换组件 视角切换组件包括以下互动参数配置内容： a) 配置视角切换标题（可选）； b) 配置两个及以上不同切换选项的按钮及出现时间； c) 配置触发事件，包括：点击、长按等方式； d) 配置不同切换选项按钮所触发的播放区间链接信息。 视角切换组件的两种常用样式示意图见图4和图5，具体的组件形状、大小、位置、颜色、字体、数量等均可自行规定。 视频内容切换选项按钮视角A视角切换标题视角切换标题浮层背景图视角B视角C 图4 视角切换组件样式 1 示意图 GY/T 3322020 6 图5 视角切换组件样式 2 示意图 5.3 画面交互组件 画面交互组件包括以下互动参数配置内容： a) 配置画面交互标题（可选）； b) 配置选项按钮及出现时间； c) 配置触发事件，包括：默认、点击、快速重复点击、长按、滑动、滑动特定路径等方式； d) 配置选项按钮所触发的信息。 画面交互组件样式示意图见图6和图7，具体的组件形状、大小、位置、颜色、字体、数量等均可自行规定。 画面互动标题主视频可探索视频画面互动标题 图6 画面交互组件样式 1 示意图 GY/T 3322020 7 视频场景图5&vele25&vele25&vele25&vele25&vele25&vele210, actionType: SWITCHVIDEO, nextVideo: video004 , ctrls: / 特殊控件配置，例如倒计时控件 name: countdown-default, prop: time: 7000 , / 特殊控件配置，例如背景音效 name: bgd-audio, prop: audio: backgroundMusic.mp3 , id: video002, filename: video2.mp4 , id: video003, filename: video3.mp4 , id: video004, GY/T 3322020 46 filename: video4.mp4 , customInteractTemplate: base: template001, metas: style: color: #000, backgroundColor: #000, left: 10, top: 10, width: 100px, height: 10%, opacity: 0.5, rotate: 30 , imgs: style: color: #000, backgroundColor: #000, left: 10, top: 10, width: 100px, height: 10%, opacity: 0.5, rotate: 30 , btns: style: color: #000, backgroundColor: #000, left: 10, top: 10, width: 100px, height: 10%, opacity: 0.5, rotate: 30 , ctrls: style: color: #000, GY/T 3322020 47 backgroundColor: #000, left: 10, top: 10, width: 100px, height: 10%, opacity: 0.5, rotate: 30 GY/T 3322020 48 附 录 C （资料性） 数据格式示例三 C.1 概述 本附录的数据格式在遵循第6章规定的基础上，对脚本文件命名规范、索引脚本结构、互动节点属性等内容进行了补充细化。 C.2 脚本文件集结构 C.2.1 脚本文件集构成 脚本文件集由索引脚本文件、资源文件两部分构成，见表 C.1。 表 C.1 脚本文件集结构 序号 文件类型 功能描述 示例名称 1 索引脚本文件 描述所有的播放区间、互动节点和互动组件信息 index.json 2 资源文件 互动节点脚本使用的图像、音视频资源 支持的格式主要包括：png、jpg、mpg、mp3、mp4 button.png C.2.2 脚本文件命名规范 脚本文件命名规范见表C.2。 表 C.2 脚本文件命名规范 序号 文件类型 命名规范 约束限制 1 索引脚本文件 名称固定为/ivp/platform/cid/ivp_vid.json 全小写，半角英文 C.3 索引脚本文件 C.3.1 索引脚本结构 索引脚本文件描述所有播放区间和互动节点信息。其属性说明见表 C.3。 表 C.3 索引脚本属性说明 序号 参数名称 类型 是否必填 说明 1 Version String 是 互动脚本版本号 2 Name String 是 互动脚本名称 3 Description String 是 互动脚本描述 4 ControlPanel Dictionary 是 播放控件 UI 描述 5 InteractNode Array 是 互动视频所需的全部互动节点 GY/T 3322020 49 表 C.3（续） 序号 参数名称 类型 是否必填 说明 6 Video Array 是 互动视频所需的全部播放区间 7 Interact Array 是 互动视频所需的全部互动组件 8 Medias Array 是 互动视频所需的全部媒体资源，包括图片，音频，视频 示例： Version: 1, Name: 测试互动视频, Description: 测试视频用于测试目的, Global: , ControlPanel: , Video: , Medias: , Interact: , InteractNode: C.3.2 剧 剧的组织，创作者可通过互动视频制作平台将视频文件存储在媒资系统中管理，故此处不做额外说明。 C.3.3 章 章的组织，同上，基于互动视频制作平台和媒资系统的视频partId关联管理，此处不做额外说明。 C.3.4 播放控件 播放控件配置属性说明见表C.4,其中web端所有播放控件按钮均可自定义配置。 表C.4 脚本播放控件配置属性说明 序号 参数名称 类型 是否必填 说明 1 backButton Dictionary 是 退出全屏按钮 2 fullButton Dictionary 是 进入全屏按钮 3 interactButton Dictionary 是 直跳互动按钮 4 loading Dictionary 是 加载图 5 pauseButton Dictionary 是 暂停按钮 6 playButton Dictionary 是 播放按钮 7 reInteractButton Dictionary 是 重头开始按钮 8 storyLineButton Dictionary 是 故事线按钮 9 speedButton Dictionary 是 倍速按钮 10 switchVideoButton Dictionary 是 选集按钮 GY/T 3322020 50 表C.4（续） 序号 参数名称 类型 是否必填 说明 11 definitionButton Dictionary 是 清晰度按钮 12 customButtons Array 否 自定义按钮 示例： controlPanel: fullButton: , backButton: , interactButton: , loading: , pauseButton: , playButton: , reInteractButton: , storyLineButton: , speedButton: , definitionButton: , switchVideoButton: , customButtons: 播放控件元素属性说明见表C.5。 表C.5 播放控件元素属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 控件元素 id 2 show Number 是 是否展示次控件元素 3 image String 否 控件元素图片 4 defaultStyle Number 否 元素是否使用默认样式：1 使用默认样式，0 不使用默认样式 5 style Dictionary 否 元素展示样式描述，默认样式defaultStyle 为 0 时，此属性必须设置。 6 interactive Dictionary 否 同 C.3.6.3 Interactive,只有自定义按钮有此属性 示例： fullButton: id:fullButton_1, show:1, image:, GY/T 3322020 51 text:, defaultStyle:1, style: fontSize:36, color:#44444, selectColor:#ff7777, shadowColor:#888888, backgroundNormalImage:, backgroundFocusImage:, backgroundColor:#000000, backgroundSelectColor:#ffffff, left:94.79, top:91.85, width:2.92, height:5.19, alpha:100 C.3.5 播放区间 互动脚本播放区间属性说明见表C.6。 表C.6 互动脚本播放区间属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 播放区间 ID 格式为 Video_+编号 命名示例：Video_1 2 hasInteractive Number 是 播放区间上是否存在交互，0：不存在交互，1：存在交互 3 vid String 是 播放区间对应的视频 ID 4 in Array 否 播放区间的来源数组 5 out Array 否 播放区间的出口数组 6 isFeedback Number 否 是否错误反馈播放区间 1：错误反馈播放区间 0 或为空：普通播放区间 7 name String 是 播放区间名称 8 defaultOut String 否 视频播放结束时是否有默认播放区间可以播放，为空则不继续播放，即互动剧播放结束。不为空则为默认播放的播放区间 ID 9 image String 是 播放区间缩略图 GY/T 3322020 52 表C.6（续） 序号 参数名称 类型 是否必填 说明 10 Videos Array 否 播放区间上所有弹窗视频 ID,用于预加载弹窗视频 11 isVip Number 否 播放区间是否 vip 播放区间 0：不是 1：是 12 viewports Array 否 播放区间视频视角窗口描述 13 defaultViewport String 否 默认播放的播放区间视频视角窗口 ID 示例： id:branch_274, hasInteractive:1, vid:5162132, image:, name:前期争执, in:branch_272,branch_273, out:branch_278,branch_279,branch_276, isFeedback:1， viewports: id:viewport_001, x1:0, y1:0, x2:100, y2:100 , defaultViewport:branch_001, defaultOut: image_908, videos: video_001,video_002, isVip: 0 C.3.6 互动节点 C.3.6.1 互动节点属性 互动节点属性说明见表C.7。 GY/T 3322020 53 表C.7 互动节点属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 互动节点 ID 本节点内容格式： InteractNode_+编号 InteractNode_为固定字符 命名示例：InteractNode_1 2 Video String 是 该互动节点所在的播放区间 ID 该节点需在索引脚本文件 Video 节点中存在定义，与Video 中的 id 节点相对应 3 time String 否 互动节点开始时间 单位为秒（s） 本节点可取值为 036000.0 的浮点数 实际取值需要满足以下公式： time互动节点所对应的视频片段的总时长-互动节点展示时长 4 label String 否 互动节点的描述，仅用于统计，不用做实际展示 5 actions Array 是 互动节点展示行为列表 示例： InteractNode: id: InteractNode_001, Video: Video_001, time: 35, label: InteractNode_001, actions: type: OpenInteract, data: target: Interact_1 C.3.6.2 actions 脚本actions属性说明见表C.8。 GY/T 3322020 54 表C.8 脚本actions属性说明 序号 参数名称 类型 是否必填 说明 1 type String 是 表示互动节点展示时行为类型，如：OpenInteract 2 data Dictionary 是 表示互动节点展示时行为数据，如： target: Interact_1 ， 在 行 为 类 型 为OpenInteract时，data 中 target 属性中记录的是Interact 属性中的 id 示例： actions: type: OpenInteract , data: target: Interact_1 C.3.7 互动因子 互动因子属性说明见表C.9。 表C.9 互动因子属性说明 序号 参数名称 类型 是否必填 说明 1 name String 是 互动因子名称，在本文其他部分中使用的互动因子都需在此处定义 这些部分包括： 互动节点信息 InteractNodes 播放区间信息 Videos 按钮元素信息 buttons 因子元素信息 factors 2 init String 是 互动因子初始值，不填写默认为 0 示例： factorList: name:var_24, init:0 , GY/T 3322020 55 name:var_26, init:0 C.4 互动节点配置 C.4.1 互动节点脚本属性 互动节点脚本属性说明见表C.10。 表C.10 互动节点脚本属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 互动节点 ID 本节点内容格式：InteractNode_+编号 InteractNode_为固定字符 命名示例：InteractNode_1 2 Video String 是 该互动节点所在的播放区间 ID 该节点需在索引脚本文件 Video 节点中存在定义，与Video 中的 id 节点相对应 3 time String 否 互动节点开始时间 单位为秒（s） 本节点可取值为 036000.0 的浮点数 实际取值需要满足以下公式： time互动节点所对应的视频片段的总时长-互动节点展示时长 4 label String 否 互动节点的描述，仅用于统计，不用做实际展示 5 actions Array 是 互动节点展示行为列表 示例： InteractNode: id: InteractNode_001, Video: Video_001, time: 35, label: InteractNode_001, actions: type: OpenInteract, data: target: Interact_1 GY/T 3322020 56 C.4.2 互动组件 互动组件脚本文件为互动组件样式文件提供组件展示所需必要信息， 作为互动组件样式文件的输入，实现组件内容的动态化处理、展示。互动组件脚本文件属性说明见表C.11。 表C.11 互动组件脚本文件属性说明 序号 参数名称 类型 是否必填 说明 1 InteractTemplate String 是 互动组件样式模板 2 id String 是 互动组件 ID 3 duration String 是 互动组件显示显示时长 4 profile String 是 交互行为类型 5 skipType String 是 是否可跳过交互，0 可跳过，继续播放视频，1：不可跳过，停止在最后播放帧，2：可跳过，跳转到默认分支，需结合 defaultData 字段，3：不可跳过，循环播放，需结合 loop 字段 6 defaultData Dictionary 否 skipType 为 2 时，默认跳过时的默认跳转分支，支持可不跳，直接续播。数据结构通 Action 7 loop Dictionary 否 skipType 为 3 时，不能跳过时，循环播放的起止时间定义 8 texts Array 否 包含了组件中可供内容制作者配置的全部文本元素 9 icons Array 否 包含了组件中可供内容制作者配置的全部图像元素 10 buttons Array 否 包含了组件中可供内容制作者配置的全部按钮元素 11 countTime Dictionary 否 包含了组件中倒计时 UI 信息，只有 InteractTemplate为 countTime 时才有 12 title String 否 包含了组件中标题信息，目前只有 InteractTemplate 为countTime 时才有 13 showConditionList Array 否 当组件展示时，元素可能会受到互动因子的影响，根据互动因子的值来确定是否能够展示，此时可以使用本节点来判断元素是否满足展示条件 当本节点不为空时展示条件中有任意一条满足则展示元素，否则不展示 当本节点为空或不存在时默认为展示对应的元素 14 popContent Dictionary 否 当 InteractTemplate 类型为 popOverlay 时才存在此字段描述弹窗显示内容 示例： GY/T 3322020 57 InteractTemplate: countTime, id: overlay_1, profile: tap, skipType: 1, texts : , icons : , showConditionList:, duration : 5, title: id: title_001, text: 标题, defaultStyle:0, style: fontSize: 22, color: #44444, selectColor: #ff777777, shadowColor: #888888, alpha: 100, backgroundNormalImage: , backgroundFocusImage: , left: , top: , width: , height: , buttons: , countTime: id: counttime_001, progressColor: #ffffff, backgroundColor: #ffffff, width: 80, height: 1 互动组件脚本中的组件类型说明见表 C.12。 GY/T 3322020 58 表C.12 互动组件脚本中组件类型说明 序号 InteractTemplate 类型 定义 主要参数 备注 1 countDown 倒计时组件 duration：倒计时时间 countTime：倒计时进度条描述 2 switchRole 角色切换组件 3 interrupt 打断式组件 skipType:跳转类型 4 customOverlay 自定义组件 texts：文本信息 icons：图片信息 buttons:交互元素信息 factors：因子元素信息 文本和图片可显示，无交互，按钮可交互，因子元素无 YI显示，条件判断切换分支 5 switchViewport 视角切换组件 切换视角需要和播放区间的viewports 结合使用 6 popOverlay 弹窗 popContent:弹窗内容 支持嵌入视频，图片和 H5 7 effectsOverlay 交互特效浮层 duration:特效展示时长 icons:特效图片信息描述 8 pluginOverlay 插件交互组件 source:插件包资源 id options:描述插件包中的交互按钮信息 C.4.3 基础信息 互动组件脚本中基础信息属性说明见表C.13。 表C.13 互动组件脚本中基础信息属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 互动组件元素 ID 2 defaultStyle Number 是 元素是否使用默认样式：1 使用默认样式，0 不使用默认样式 3 startTime Number 否 元素展示开始时间，默认为 0 开始，即同浮层显示开始时间 4 duration Number 否 元素展示持续时间，未设置此值时，元素显示时长同浮层样式时长 5 style Dictionary 否 元素展示样式描述，默认样式 defaultStyle 为 0 时，此属性必须设置。 6 showConditionList Array 否 当组件展示时，元素可能会受到互动因子的影响，根据互动因子的值来确定是否能够展示，此时可以使用本节点来判断元素是否满足展示条件 当本节点不为空时展示条件中有任意一条满足则展示元素，否则不展示 当本节点为空或不存在时默认为展示对应的元素 本节点数组中元素个数最大值为 20 GY/T 3322020 59 示例： id: text_001, defaultStyle:0, startTime:0, duration : , showConditionList:, style: fontSize: 36, color: rgba(255, 255, 255, 1), selectColor: rgba(103, 103, 103, 1), shadowColor: #000, shadowDx: 36, shadowDy: 36, shadowRadius: 36, alpha: 100, backgroundNormalImage: , backgroundFocusImage: , left: 58, top: 55, width: 0, height: 0 互动组件脚本中基础信息style属性说明见表C.14。 表C.14 互动组件脚本中基础信息Style属性说明 序号 参数名称 类型 是否必填 说明 1 fontSize String 否 元素中文本字体大小 2 color String 否 元素中文本颜色 3 selectColor String 否 元素被选中状态文本颜色 4 shadowColor String 否 元素中文本阴影颜色 5 alpha String 否 元素透明度 6 backgroundNormalImage String 否 按钮元素未选中状态背景图，可以是资源库中图片 id，也可以是图片统一资源定位符（URL）地址 7 left String 否 元素显示位置 x 值，此值是相对于 1920 宽度1080 高度设计稿的百分比值 8 top String 否 元素显示位置 y 值，此值是相对于 1920 宽度1080 高度设计稿的百分比值 9 width String 否 元素显示宽度，此值是相对于 1920 宽度1080 高度设计稿的百分比值 GY/T 3322020 60 表C.14（续） 序号 参数名称 类型 是否必填 说明 10 Height String 否 元素显示高度，此值是相对于 1920 宽度1080 高度设计稿的百分比值 示例： id: text_001, defaultStyle:0, startTime:0, duration : , showConditionList:, style: fontSize: 36, color: rgba(255, 255, 255, 1), selectColor: rgba(103, 103, 103, 1), shadowColor: #000, shadowDx: 36, shadowDy: 36, shadowRadius: 36, alpha: 100, backgroundNormalImage: , backgroundFocusImage: , left: 58, top: 55, width: 0, height: 0 C.4.4 文本元素信息 互动组件脚本文本元素信息属性说明见表C.15。 表C.15 互动组件脚本文本元素信息属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 文本元素 ID，此处省略其他通用基础属性 2 text String 否 文本元素展示在界面中的文本内容，最大长度为 50 个中英文字符、数字 示例： GY/T 3322020 61 texts: id: text_001, defaultStyle:0, startTime:0, text: 1 秒内点击 6 下, duration : , showConditionList:, style: fontSize: 36, color: rgba(255, 255, 255, 1), selectColor: rgba(103, 103, 103, 1), shadowColor: #000, shadowDx: 36, shadowDy: 36, shadowRadius: 36, alpha: 100, backgroundNormalImage: , backgroundFocusImage: , left: 58, top: 55, width: 0, height: 0 C.4.5 图像元素信息 互动组件脚本图像元素信息属性说明见表 C.16。 表C.16 互动组件脚本图像元素信息属性说明 序号 参数名称 类型 是否必填 说明 1 id String 是 图像元素 ID，此处省略其他通用基础属性 2 image String 是 图像元素在界面中展示的图片对应的资源库中的 ID 或图片的 URL 地址 示例： icons : id: icon_001, defaultStyle:0, startTime:2, showConditionList:, GY/T 3322020 62 image: ./image/test/1.png, duration : , style: fontSize: , color: , selectColor: , shadowColor: , alpha: 100, backgroundNormalImage: , backgroundFoc