[发明专利]基于UI的在线H5动画课件显示方法、装置、计算机设备

权利要求书

1.一种基于UI的在线H5动画课件显示方法，其特征在于，在线H5动画课件的当前页面配置一时间轴，所述方法包括：

当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识；

若所述用户在所述组件的入场时间点选择入场效果时，则在所述组件的入场时间点显示所述用户选择入场效果的入场效果标识；

若所述用户在所述组件的离场时间点选择离场效果时，则在所述组件的离场时间点显示所述用户选择离场效果的离场效果标识;

在所述当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识的步骤中，包括：

当用户在画布中添加第一组件时，在所述时间轴显示所述第一组件的入场时间点和离场时间点，并在所述第一组件的入场时间点的下方显示所述第一组件的标识；

当用户在画布中添加第二组件时，判断所述第二组件的入场时间点与所述第一组件的入场时间点是否相同；

若所述第二组件的入场时间点与所述第一组件的入场时间点相同，则将所述第一组件的标识更换显示为表示组件数量为两个的数量标识；若所述第二组件的入场时间点与所述第一组件的入场时间点不相同，则在所述时间轴显示所述第二组件的入场时间点和离场时间点，并在所述第二组件的入场时间点的下方显示所述第二组件的标识;

在所述若所述第二组件的入场时间点与所述第一组件的入场时间点相同，则将所述第一组件的标识更换显示为表示组件数量为两个的数量标识的步骤之后，包括：

当用户将光标停留在所述数量标识上时，在所述数量标识的上方显示所述第一组件的标识、所述第二组件的标识；若用户点击所述第一组件的标识，则在所述时间轴显示所述第一组件的入场时间点和离场时间点；

若用户点击所述第二组件的标识，则在所述时间轴显示所述第二组件的入场时间点和离场时间点。

2.根据权利要求1所述的基于UI的在线H5动画课件显示方法，其特征在于，在所述时间轴上配置活动时间点标识，所述当用户在画布中添加组件时，在所述时间轴显示所述组件的入场时间点和离场时间点，并在所述组件的入场时间点的下方显示所述组件的标识的步骤中，包括：

当用户在画布中添加组件时，识别所述活动时间点标识在所述时间轴的位置；

根据所述活动时间点标识在所述时间轴的位置，在所述时间轴显示所述组件的入场时间点；

根据所述时间轴的末端的时间点，在所述时间轴显示所述组件的离场时间点；

在所述组件的入场时间点的下方显示所述组件的标识。

3.根据权利要求2所述的基于UI的在线H5动画课件显示方法，其特征在于，在所述时间轴的末端的一侧配置控制所述时间轴增加或者减少总时长的控制键，其中，所述控制键包括增加所述时间轴总时长的增加时长控制键和减少所述时间轴总时长的减少时长控制键，在所述组件的入场时间点的下方显示所述组件的标识的步骤之后，包括：

当接收用户点击所述增加时长控制键时，增加所述时间轴的总时长；

当接收用户点击所述减少时长控制键时，减少所述时间轴的总时长。

4.根据权利要求3所述的基于UI的在线H5动画课件显示方法，其特征在于，在所述时间轴上配置时间刻度标识，在所述当接收用户点击所述减少时长控制键时，减少所述时间轴的总时长的步骤中，包括：

当接收用户点击所述减少时长控制键时，识别在所述时间刻度标识中倒数第二刻度的时间点是否存在所述组件的标识；

若在所述时间刻度标识中倒数第二刻度的时间点存在所述组件的标识，则将所述组件的标识移至在所述时间刻度标识中的倒数第三刻度的时间点，去除在所述时间刻度标识中倒数第一刻度的时间点，形成减少所述时间轴的总时长之后的时间刻度标识；

若在所述时间刻度标识中倒数第二刻度的时间点不存在所述组件的标识，则去除在所述时间刻度标识中倒数第一刻度的时间点，形成减少所述时间轴的总时长之后的时间刻度标识。