[发明专利]一种基于web页面的多媒体编辑方法及装置

说明书

本发明提供了一种基于web页面的多媒体编辑方法及装置，涉及图像处理领域。所述方法包括：在web页面的视频片段编辑区域中，接收对目标片段的拖拽操作；在拖拽操作结束时，若目标片段位于第一时间线轨道中，则确定当前接收到的处理指令的类型；其中，第一时间线轨道中显示有待编辑视频；若处理指令的类型为插入指令，则根据目标片段在第一时间线轨道中的位置，将目标片段插入待编辑视频；若处理指令的类型为覆盖指令，则根据目标片段在第一时间线轨道中的位置，将目标片段覆盖在待编辑视频上。在本发明实施例，可将目标片段自动插入待编辑视频或覆盖在待编辑视频上，且web页面的视频片段编辑区可自由实现插入功能或覆盖功能，提高用户的体验度。

技术领域

本发明涉及图像处理领域，特别是涉及一种基于web页面的多媒体编辑方法及装置。

背景技术

在图像/视频的后期处理软件中，通常利用web端后期处理软件来实现对视频/音频片段的位置调整，或新增、删除视频/音频片段。而在目前web端后期处理软件中，其通常只能兼容覆盖功能，以同时达到新增和删除的目的。

然而，若用户想要在不破坏已编辑的原始已有视频的顺序和效果的基础上，来插入新的视频片段时，采用覆盖的方式会破坏原始已有视频片段的顺序和效果，导致原始已有片段内容的错乱。而若要保证原始已有片段的顺序和效果的不变，在单一的覆盖功能中，就需要用户手动拖动新的片段所要插入点位置之后的所有原始已有片段，使得插入方式繁琐，用户体验度不高。

发明内容

本发明实施例提供一种基于web页面的多媒体编辑方法及装置，以至少解决现有技术中web页面兼容的功能单一，且在插入新片段时，手动插入新片段的方式导致插入方式繁琐、用户体验度不高的问题。

为了解决上述技术问题，本发明是这样实现的：

第一方面，本申请提供了一种基于web页面的多媒体编辑方法，包括：

在web页面的视频片段编辑区域中，接收对目标片段的拖拽操作；

在所述拖拽操作结束时，若所述目标片段位于第一时间线轨道中，则确定当前接收到的处理指令的类型；其中，所述第一时间线轨道中显示有待编辑视频；

若所述处理指令的类型为插入指令，则根据所述目标片段在所述第一时间线轨道中的位置，将所述目标片段插入所述待编辑视频；

若所述处理指令的类型为覆盖指令，则根据所述目标片段在所述第一时间线轨道中的位置，将所述目标片段覆盖在所述待编辑视频上。

可选地，所述接收对目标片段的拖拽操作，包括：

接收对目标片段所对应的第一图像元素的拖拽操作；

所述根据所述目标片段在所述第一时间线轨道中的位置，将所述目标片段插入所述待编辑视频，包括：

根据所述第一图像元素在所述第一时间线轨道中的位置，将所述第一图像元素插入所述待编辑视频对应的待编辑图像元素中；

根据所述第一时间线轨道中插入后的待编辑图像元素，将所述目标片段插入所述待编辑视频；

所述根据所述目标片段在所述第一时间线轨道中的位置，将所述目标片段覆盖在所述待编辑视频上，包括：

根据所述第一图像元素在所述第一时间线轨道中的位置，将所述第一图像元素覆盖在所述待编辑视频对应的待编辑图像元素上；

根据所述第一时间线轨道中覆盖后的待编辑图像元素，将所述目标片段覆盖在所述待编辑视频上。

可选地，所述根据所述第一图像元素在所述第一时间线轨道中的位置，将所述第一图像元素插入所述待编辑视频对应的待编辑图像元素中的步骤，包括：