CN109684565A - 网页关联视频的生成及展示方法、装置、系统及电子设备 - Google Patents

网页关联视频的生成及展示方法、装置、系统及电子设备 Download PDF

Info

Publication number
CN109684565A
CN109684565A CN201811512272.4A CN201811512272A CN109684565A CN 109684565 A CN109684565 A CN 109684565A CN 201811512272 A CN201811512272 A CN 201811512272A CN 109684565 A CN109684565 A CN 109684565A
Authority
CN
China
Prior art keywords
webpage
template
web page
user
associated video
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201811512272.4A
Other languages
English (en)
Inventor
张博
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201811512272.4A priority Critical patent/CN109684565A/zh
Publication of CN109684565A publication Critical patent/CN109684565A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例中提供了一种网页关联视频的生成及展示方法、装置、系统及电子设备,属于网页前端技术领域,该方法包括:接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑;基于编辑后的每一模板生成图片;将生成的图片进行组合,生成网页关联视频;网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。本发明中,网页关联视频与待访问地网页内容具有很好的一致性和关联性,能够体现网页的功能和希望用户看到的效果,提高访问量;同时,用户也能因此感受到网页的诚意,提高用户体验和对网页的信任。

Description

网页关联视频的生成及展示方法、装置、系统及电子设备
技术领域
本发明涉及网页前端技术领域,尤其涉及一种网页关联视频的展示方法、装置及电子设备。
背景技术
某些情况下,基于需要,某个网页的链接会以图片或文字的形式嵌入在另一网页(第三方网页)中,当用户打开这个网页时,可能会被图片或文字吸引,进而进入与图片或文字相关联的网页中。例如,某个企业的网页介绍,或者某个培训机构的招生信息,会基于网页流量的需要,而嵌入在另外一个更加有影响力的网站上。
但是,目前,类似的链接多是以静态图片和文字的组合呈现,可能存在的问题是,不能很好的在第三方网页上体现待链接网页的特点与内容,甚至,由于图片或者文字选择的不恰当,链接的形式与对应网页的内容相关性不高,使得基于第三方网页进入待链接网页的点击率不能达到预期目标。
对于意欲借助于第三方网页提高访问量的网页而言,这是个亟需解决得问题。
发明内容
有鉴于此,本发明实施例提供一种网页关联视频的展示方法、装置及电子设备,至少部分解决现有技术中存在的问题。
第一方面,本发明实施例提供了一种网页关联视频的展示方法,包括:
接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑;
基于编辑后的每一模板生成图片;
将生成的所述图片进行组合,生成网页关联视频;
所述网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。
根据本发明实施例的一种具体实现方式,所述基于编辑后的每一模板生成图片为:
基于编辑后的每一模板,形成用户构建的网页并进行发布;并且
在发布该网页的同时,按照预定规则自动获取各个模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。
根据本发明实施例的一种具体实现方式,所述网页关联视频基于所有的所述网页模块所对应的模板生成;或,所述网页关联视频基于部分的所述网页模块对应的模板生成。
根据本发明实施例的一种具体实现方式,所述接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑包括:
获取与选定的所述网页模块对应的预定规则格式的数据,并将所述预定规则格式的数据转换为html语言片段;
将所述html语言片段植入空白网页的html中,显示所述网页模块对应的至少一个模板;
接收用户基于所述至少一个模板所选择的模板;
存储用户在所选择的模板中所编辑的内容。
根据本发明实施例的一种具体实现方式,所述网页模块对应的模板包括一个默认模板和至少一个备选模板;
所述显示所述网页模块对应的至少一个模板为:显示所述网页模块对应的默认模板和控制面板;其中,所述控制面板用于呈现备选模板,并且,供用户在所述默认模板和至少一个备选模板中进行模板切换。
根据本发明实施例的一种具体实现方式,所述基于编辑后的每一模板,形成用户构建的网页并进行发布时,多个编辑后的网页模块所展示的模板,按照流式布局呈现。
根据本发明实施例的一种具体实现方式,所述网页关联视频中,各个网页模块所对应的模板的播放顺序与所述网页模块的模板在网页中的流式布局的顺序相同。
根据本发明实施例的一种具体实现方式,所述网页关联视频中,各个网页模块所对应的模板的呈现方式为走马灯。
第二方面,本发明实施例提供了一种网页的关联视频在第三方网页中的展示方法,包括:
接收网页的网址以及所述网页的关联视频数据;
将所述关联视频数据存放至服务器;
在第三方网页所对应的html语言中,嵌入关联视频标签;
其中,所述关联视频标签其中的一个属性的属性值指向所述关联视频数据在所述服务器中的网络地址;并且,
所述关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与所述网页的所述网址对应的链接。
其中,所述网页的关联视频数据通过如上任一项所述的网页关联视频的生成方法获取。
第三方面,本发明实施例还提供了一种网页关联视频的生成装置,包括:
图片接收单元,用于接收用户用于构建网页的多个图片;
关联视频生成单元,用于将所述图片进行组合,生成网页关联视频;
所述网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。
根据本发明实施例的一种具体实现方式,所述图片接收单元包括:
接收与编辑子单元,用于接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑;
图片生成子单元,用于基于编辑后的每一模板生成对应的图片,所述图片为用户用于构建网页的图片。
根据本发明实施例的一种具体实现方式,所述图片生成子单元包括:
发布部,用于基于编辑后的每一模板,形成用户构建的网页并进行发布;并且
修改部,用于在发布该网页的同时,按照预定规则自动获取各个模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。
根据本发明实施例的一种具体实现方式,所述网页关联视频基于全部的所述网页模块所对应的模板生成;或
所述网页关联视频基于部分的所述网页模块对应的模板生成。
根据本发明实施例的一种具体实现方式,所述接收与编辑子单元包括:
转换部,用于获取与所需的网页模块对应的预定规则格式的数据,并将所述预定规则格式的数据转换为html语言片段;
植入与显示部,用于将所述html语言片段植入空白网页的html中,显示所述网页模块对应的至少一个模板;
模板接收部,用于接收用户基于所述至少一个模板所选择的模板;
内容存储部,用于存储用户在所选择的模板中所编辑的内容。
根据本发明实施例的一种具体实现方式,所述网页模块对应的模板包括一个默认模板和至少一个备选模板;
所述显示所述网页模块对应的至少一个模板为:显示所述网页模块对应的默认模板和控制面板;其中,所述控制面板用于呈现备选模板,并且,供用户在所述默认模板和至少一个备选模板中进行模板切换。
根据本发明实施例的一种具体实现方式,所述发布部中,多个编辑后的网页模块所展示的模板按照流式布局呈现。
根据本发明实施例的一种具体实现方式,所述网页关联视频中,各个网页模块所对应的模板的播放顺序与所述网页模块的模板在网页中的流式布局的顺序相同。
第四方面,本发明的实施例还提供了一种网页的关联视频在第三方网页中的展示装置,包括:
接收单元,用于接收网页的网址以及所述网页的关联视频数据;
存储单元,用于将所述关联视频数据存放至服务器;
嵌入与绑定单元,用于在第三方网页所对应的html语言中,嵌入关联视频标签;
其中,所述关联视频标签其中的一个属性的属性值指向所述关联视频数据在所述服务器中的网络地址;并且,
所述关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与所述网页的所述网址对应的链接;
所述网页的关联视频数据通过上述任一项所述的网页关联视频的生成装置获取。
第五方面,本发明的实施例还提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行前述的网页关联视频的生成方法。
第六方面,本发明的实施例还提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行前述的网页的关联视频在第三方网页中的展示方法。
第七方面,本发明实施例还提供了一种非暂态计算机可读存储介质,该非暂态计算机可读存储介质存储计算机指令,该计算机指令用于使该计算机执行前述第一方面或第一方面的任一实现方式中的网页关联视频的生成方法或网页的关联视频在第三方网页中的展示方法。
第八方面,本发明实施例还提供了一种计算机程序产品,该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序,该计算机程序包括程序指令,当该程序指令被计算机执行时,使该计算机执行前述第一方面或第一方面的任一实现方式中的网页关联视频的生成方法或网页的关联视频在第三方网页中的展示方法。
第九方面,本发明实施例还提供了网页的关联视频生成与展示系统,其特征在于,包括:如前述任一项所述的网页关联视频的生成装置,以及,网页的关联视频在第三方网页中的展示装置。
本发明实施例中网页关联视频的生成及展示方法、装置、系统及电子设备,中:通过将用户用于构建网页的多个图片进行组合,生成网页关联视频,网页关联视频在第三方网站中被点击时,能够进入用户所构建的网页。
作为本发明的一种优选实施例,若用户构建的网页是通过多个模块呈现的,而每个模块具有至少一个模板,
在用户选择构建网页所需的模块以及在该模块下的特定样式的模板后,用户即可在这个模板中进行相关信息的修改与编辑,当编辑完成时,模板及其中的内容信息将被存储。然后,基于编辑后的每一模板,生成一张图片;这样,若这个网页包括多个模块,每一个模块对应一个已经选好的模板的图片。接下来,将这些图片进行组合的方式,生成网页关联视频。这样,当把网页关联视频嵌入第三方网站中后,若该视频被点击,则能够进入用户所构建的网页。
可以看出,由于在第三方网站中嵌入的是基于网页的图片所生成的动态视频,因此,关联视频与待访问地网页内容具有非常好地一致性和关联性,能够体现网页地功能和希望用户看到的效果,提高访问量;同时,用户也能因此感受到网页的诚意,提高用户体验和对网页的信任。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的一种网页关联视频的生成方法的步骤流程图;
图2为本发明一个实施例网页的关联视频在第三方网页中的展示方法的步骤流程图;
图3为本发明另一实施例网页关联视频的生成方法的步骤流程图;
图4为培训学校构建网页时,供用户所选择的多个网页模块的示意图;
图5为在选定的网页模块下,默认模板和备选模板的示意图;
图6为培训学校构建网页时,所选择的多个网页模块形成的流式效果示意图;
图7为本发明实施例提供的网页关联视频的生成装置的结构示意图;
图8为本发明一个实施例网页的关联视频在第三方网页中的展示装置的结构框图;
图9为根据本发明另一实施例网页关联视频的生成装置中,图片接收单元的结构框图;
图10为根据本发明另一实施例网页关联视频的生成装置中,图片生成子单元的结构框图;
图11为根据本发明另一实施例网页关联视频的生成装置中,编辑子单元的结构框图;
图12为本发明实施例提供的电子设备示意图。
具体实施方式
下面结合附图对本发明实施例进行详细描述。
以下通过特定的具体实例说明本公开的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本公开的其他优点与功效。显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。本公开还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本公开的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
需要说明的是,下文描述在所附权利要求书的范围内的实施例的各种方面。应显而易见,本文中所描述的方面可体现于广泛多种形式中,且本文中所描述的任何特定结构及/或功能仅为说明性的。基于本公开,所属领域的技术人员应了解,本文中所描述的一个方面可与任何其它方面独立地实施,且可以各种方式组合这些方面中的两者或两者以上。举例来说,可使用本文中所阐述的任何数目个方面来实施设备及/或实践方法。另外,可使用除了本文中所阐述的方面中的一或多者之外的其它结构及/或功能性实施此设备及/或实践此方法。
还需要说明的是,以下实施例中所提供的图示仅以示意方式说明本公开的基本构想,图式中仅显示与本公开中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制,其实际实施时各组件的型态、数量及比例可为一种随意的改变,且其组件布局型态也可能更为复杂。
另外,在以下描述中,提供具体细节是为了便于透彻理解实例。然而,所属领域的技术人员将理解,可在没有这些特定细节的情况下实践所述方面。
本公开实施例提供一种网页关联视频的生成方法。本实施例提供的网页关联视频的生成方法可以由一计算装置来执行,该计算装置可以实现为软件,或者实现为软件和硬件的组合,该计算装置可以集成设置在服务器、终端设备等中。
参见图1,本发明实施例提供的一种网页关联视频的生成方法的步骤流程图,包括如下步骤:
S101,接收用户用于构建网页的多个图片。
本实施例中的用户,是指具有网页呈现效果和功能需求的相关的人或组织。用户基于本实施例的平台,可以按照各自需求,自主进行网页设计。
一些网站运营可能所面临的一个问题是,网络的点击量比较低,知道这个网站的人少,于是,就会想到,将该网页的链接放到另一个流量较大的网站上,这个流量较大的网站可以称为“第三方网站”。本实施例中,放到第三方网站的链接为一个视频链接,这个视频链接中素材选自用户创建的网站中的图片。在一个实施例中,可以选择网页中能够体现网页特色或者特点的图片。图片的数量根据用户想要呈现的视频效果进行选择。
S102,将图片进行组合,生成网页关联视频。其中,网页关联视频在第三方网站中被点击时,能够进入用户所构建的网页。
在一个实施例中,将图片进行组合,生成关联视频是采用现有技术中基于图片转成视频的工具,这对本领域的技术人员是习知的,在此不再赘述。下面对网页关联视频在第三方网站中被点击时,如何进入用户所构建的网页进行说明。
参照图2,图2示出了本发明一个实施例网页的关联视频在第三方网页中的展示方法的步骤流程图,包括:
S201,接收网页的网址以及所述网页的关联视频数据;
S202,将所述关联视频数据存放至服务器;
S203,在第三方网页所对应的html语言中,嵌入关联视频标签。
例如,可以通过如下语句:
<embed src="intro.swf"height="200"width="200">;或者,
<object data="intro.swf"height="200"width="200"></object>;或者
<video width="320"height="240"controls><source src="movie.mp4"type="video/mp4"></video>
根据不同的浏览器的类型,选择不同的html标签。
关联视频标签其中的一个属性的属性值指向所述关联视频数据在所述服务器中的网络地址;并且,关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与所述网页的所述网址对应的链接。网页的关联视频数据通过上述的网页关联视频的生成方法获取。
在完成S203后,刷新页面,浏览器根据嵌入关联视频标签的第三方网页所对应的html语言进行解释,在显示第三方网页时,即可看到网页关联视频,该网页关联视频即为包括了用户所构建的网页中的若个图片,若点击,则可以按照用户构建网页所对应网址进行跳转。
在本实施例中,由于在第三方网站中嵌入的是基于网页的图片所生成的动态视频,因此,关联视频与待访问地网页内容具有非常好地一致性和关联性,能够体现网页地功能和希望用户看到的效果,提高访问量;同时,用户也能因此感受到网页的诚意,提高用户体验和对网页的信任。
下面,通过另一个实施例,对本发明网页关联视频的生成方法做进一步的说明。
参照图3,图3示出了本发明另一实施例网页关联视频的生成方法的步骤流程图,包括如下步骤:
S301,接收用户构建网页的请求。
本实施例中的用户,是指具有网页呈现效果和功能需求的相关的人或组织。用户基于本实施例的平台,可以按照各自需求,自主进行网页设计。而在这个平台进行网页设计的第一步,是发出请求。该请求中可以包括所要构建网页的主题、类型等。这些参数用于平台进行后续网络模块的匹配,以推荐给用户。
S302,依据请求,匹配对应的至少一个网页模块,并显示,供用户选择。
平台的数据库中,预先存储多个网页模块,每个网页模块可以属于不同的网页主题或类型。用户需要的网页,可以通过一个网页模块,或者多个网页模块组合而成。在给定的平台接口界面上,会给用户呈现多个可供选择的网页模块,网页模块的提供方式为,根据用户创建网页的类别,与数据库中的网页模块进行匹配而呈现的。
下面通过一个实例来具体说明网页模块的匹配。
参照图4,图4为培训学校构建网页时,供用户所选择的多个网页模块的示意图。
平台接到客户构建培训学校网页的请求时,搜索数据库,选择如下八个网网页模块,分别为:
网页模块1-办学宗旨,
网页模块2-特色优势,
网页模块3-课程介绍,
网页模块4-师资力量,
网页模块5-品牌背书,
网页模块6-痛点问题,
网页模块7-招生说明,以及
网页模块8-其他问题。
并显示如图4所示。
需要补充的是,当接收到用户构建网页请求(比如,这个实例则为)后,会创建一个空白网页。在一个实施例中,用户在给定的平台接口界面上,通过鼠标点击对应按钮进行发送构建网页的请求,平台接收到这个请求后,创建一个空白页面,同时将匹配至少一个网页模块显示在用户终端上(以供用户选择)。
这里的用户终端可以为移动终端,也可以为笔记本电脑等其他电子设备。本发明对此不做限定。
S303,接收用户所选择的至少一个网页模块。
用户根据需求和意愿,在所呈现的多个网页模块中,选择所需的网页模块,可以为多个,当然也可以为一个。
例如,图4所示的实例中,用户在制作网页时,根据需要,选择网页模块1、网页模块2、网页模块3、网页模块4和网页模块7。
具体操作时,可以先选择网页模块1,然后进行内容编辑,保存后,再选择网页模块2,进行内容编辑,保存。依次类推。
S304,接收用户在选定的每一所述网页模块中所编辑的内容。
用户在选择特定的网页模块后,会进入编辑模式,接下来,用户对选定的模块进行内容的编辑,以生成个性化的网页模块。
网页模块的编辑是一个一个的进行的,编辑完一个网页模块后,接着选择下一个网页模块,然后继续进行该网页模块对应内容的编辑操作。
具体来说,该步骤可以通过如下方式实现:
1)获取与选定的网页模块对应的预定规则格式的数据,并将预定规则格式的数据转换为html语言片段。
2)将html语言片段植入空白网页的html中,显示网页模块对应的至少一个模板。
在一个实施例中,网页模块对应的模板包括一个默认模板和至少一个备选模板。在具体实施时,显示网页模块对应的至少一个模板可以通过如下方式实现:显示所述网页模块对应的默认模板和控制面板;其中,所述控制面板用于呈现备选模板,并且,供用户在所述默认模板和至少一个备选模板中进行模板切换。
图5示出了一个实施例中,在选定的网页模块下,默认模板和备选模板的示意图。
在一个实施例中,某一网页模块对应的模板包括一个默认模板A和三个备选模板,分别为备选模板B1、备选模板B2、备选模板B3。
在一个实施例中,默认模板A和三个备选模板显示如图5所示。备选模板B1、备选模板B2、备选模板B3是在控制面板中显示的。控制面板还可以和用户进行交互(具体交互可以通过对话框、复选框、点击等方式进行),供用户在默认模板和备选模板中进行模板切换。
3)接收用户基于至少一个模板所选择的模板。
用户根据类似于图5的模板显示,选择采用默认模板还是其中某一个备选模板。
4)接收用户在所选择的模板中所编辑的内容。
用户选定模板后,就可以在模板中进行内容的编辑。每一个模板,包括多种元素,其中的元素,可以根据网页主题和经验,预先设置。
在一个实施例中,编辑操作,可以包括内容的填写以及元素的修改。元素的修改,包括元素大小、样式(css)的修改,可通控制面板的工具属性面板进行。网页模块的每一个元素在模板中的位置可以采用绝对定位,当元素之间发生重叠时的上下遮挡顺序,通过用户拖拽相应元素进行修改。
在一个实施例中,模板的数据存储以json格式进行存储,呈现时,将json转化为html的代码片段,呈现给用户。
S305,根据至少一个编辑后的网页模块形成网页并发布。
将所有网页模块按照特定的方式组合起来,例如,多个网页模块按照流式布局组合形成网页,达到所要呈现的效果和所需实现的功能。
多个模块形成的流式效果如图6所示。需要说明的是,图6只是示意性的说明流式效果,事实上,每个模块的内容已经赋予了各自编辑的内容,但在此没有展现。当然,多个网页模块在流式布局中的位置可调,哪个模块在上,哪个模块在下,可以按照用户的需求进行调整。
需要说明的是,各个模块按照流式布局进行排列,仅仅是本发明的一个实施例,也可以采用其他的方式排列,本发明对此不做限定。
S306,在发布该网页的同时,按照预定规则自动获取网页模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。比如,这里的预定长高比例可以为16:9,当然,也可以为4:3,本发明对此不做限定。
S307,将预定长高比例的图片进行组合,生成网页关联视频。网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。
其中,网页关联视频可以基于全部的网页模块所对应的模板生成,也可以基于部分的所述网页模块对应的模板生成。本发明对此不做限定。
上述实施例作为本发明的一种优选实施例,若用户构建的网页是通过多个模块呈现的,而每个模块具有至少一个模板,在用户选择构建网页所需的模块以及在该模块下的特定样式的模板后,用户即可在这个模板中进行相关信息的修改与编辑,当编辑完成时,模板及其中的内容信息将被存储。然后,基于编辑后的每一模板,生成一张图片;这样,若这个网页包括多个模块,每一个模块对应一个已经选好的模板的图片。接下来,将这些图片进行组合的方式,生成网页关联视频。这样,当把网页关联视频嵌入第三方网站中后,若该视频被点击,则能够进入用户所构建的网页。由于在第三方网站中嵌入的是基于网页的图片所生成的动态视频,因此,关联视频与待访问地网页内容具有非常好地一致性和关联性,能够体现网页地功能和希望用户看到的效果,提高访问量;同时,用户也能因此感受到网页的诚意,提高用户体验和对网页的信任;并且,该网页关联视频可以快速生成,从步骤S106可以看出,在网页制作完成时,关联视频即可生成,无需专门设计。
此外,上述实施例还具有如下技术效果:方便用户用模块化的思路构建所需网页,开发效率高,成本低;无需依赖专业的开发人员进行设计开发,全面实现自主构建。尤其适合开发简单网页。比如移动终端的落地页。并且,对于开发人员来说,每一个网页的构建不再是一个独立的项目,而是一个系统,可以在优化系统的角度为更多的用户提供帮助。
需要说明的是,本实施例中,在发布该用户构建网页的同时,按照预定规则自动获取各个模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。这是当然一种优选方式,在其他的实施例中,也可以在用户编辑完每一模块的模板后,即输入每一模板对应的内容信息后,由用户截屏保留每一模板对应的图片,然后将多个网络模块对应的多个模板保存后生成视频。事实上,网页关联视频的生成也可以交由第三方网站来做,当然,这要基于客户的需求。
参照图7,图7为本发明实施例提供的网页关联视频的生成装置的结构示意图,本实施例网页关联视频的生成装置包括:
图片接收单元71,用于接收用户用于构建网页的多个图片。
本实施例中的用户,是指具有网页呈现效果和功能需求的相关的人或组织。用户基于本实施例的平台,可以按照各自需求,自主进行网页设计。
一些网站运营可能所面临的一个问题是,网络的点击量比较低,知道这个网站的燃少,于是,就会想到,将该网页的链接放到另一个流量较大的网站上,这个流量较大的网站可以称为“第三方网站”。本实施例中,放到第三方网站的链接为一个视频链接,这个视频链接中素材选自用户创建的网站中的图片。在一个实施例中,可以选择网页中能够体现网页特色或者特点的图片。图片的数量根据用户想要呈现的视频效果进行选择。
关联视频生成单元72,用于将所述图片进行组合,生成网页关联视频。其中,网页关联视频在第三方网站中被点击时,能够进入用户所构建的网页。
在一个实施例中,将图片进行组合,生成关联视频是采用现有技术中基于图片转成视频的工具,这对本领域的技术人员是习知的,在此不再赘述。下面对网页关联视频在第三方网站中被点击时,如何进入用户所构建的网页进行说明。
参照图8,图8示出了本发明一个实施例网页的关联视频在第三方网页中的展示装置的结构框图,包括:
接收单元81,用于接收网页的网址以及所述网页的关联视频数据;
存储单元82,用于将所述关联视频数据存放至服务器;
嵌入与绑定单元83,用于在第三方网页所对应的html语言中,嵌入关联视频标签。根据不同的浏览器的类型,选择不同的html标签。例如,可以通过如下语句:
<embed src="intro.swf"height="200"width="200">;或者,
<object data="intro.swf"height="200"width="200"></object>;或者
<video width="320"height="240"controls><source src="movie.mp4"type="video/mp4"></video>
关联视频标签其中的一个属性的属性值指向关联视频数据在服务器中的网络地址;并且,关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与网页的网址对应的链接;网页的关联视频数据通过上述网页关联视频的生成装置获取。
通过嵌入与绑定单元83,刷新页面,浏览器根据嵌入关联视频标签的第三方网页所对应的html语言进行解释,在显示第三方网页时,即可看到网页关联视频,该网页关联视频即为包括了用户所构建的网页中的若个图片,若点击,则可以按照用户构建网页所对应网址进行跳转。
在本实施例中,由于在第三方网站中嵌入的是基于网页的图片所生成的动态视频,因此,关联视频与待访问地网页内容具有非常好地一致性和关联性,能够体现网页地功能和希望用户看到的效果,提高访问量;同时,用户也能因此感受到网页的诚意,提高用户体验和对网页的信任;并且,该网页关联视频可以快速生成,比如在网页制作完成时,关联视频即可生成,无需专门设计。
参照图9,图9示出了根据本发明另一实施例网页关联视频的生成装置种,图片接收单元的结构框图,包括:
接收与编辑子单元91,用于接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑;
图片生成子单元92,用于基于编辑后的每一模板生成对应的图片,所述图片为用户用于构建网页的图片。
优选地,参照图10,在一个实施例中,图片生成子单元92可以进一步包括:
发布部921,用于基于编辑后的每一模板,形成用户构建的网页并进行发布;并且
修改部922,用于在发布该网页的同时,按照预定规则自动获取各个模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。
此外,在一个实施例中,网页关联视频可以基于全部的所述网页模块所对应的模板生成;也可以基于部分的所述网页模块对应的模板生成。
在本发明实施例的一种具体实现方式中,参照图11,所述接收与编辑子单元91可以包括:
转换部911,用于获取与所需的网页模块对应的预定规则格式的数据,并将所述预定规则格式的数据转换为html语言片段;
植入与显示部912,用于将所述html语言片段植入空白网页的html中,显示所述网页模块对应的至少一个模板;
模板接收部913,用于接收用户基于所述至少一个模板所选择的模板;
内容存储部914,用于存储用户在所选择的模板中所编辑的内容。
优选地,网页模块对应的模板包括一个默认模板和至少一个备选模板;显示网页模块对应的至少一个模板可以通过如下方式实现:显示所述网页模块对应的默认模板和控制面板;其中,所述控制面板用于呈现备选模板,并且,供用户在所述默认模板和至少一个备选模板中进行模板切换。
并且,在发布部中,多个编辑后的网页模块所展示的模板按照流式布局呈现。
此外,网页关联视频中,各个网页模块所对应的模板的播放顺序与所述网页模块的模板在网页中的流式布局的顺序相同,当然,也可以不同。
另一方面,本发明还提供了一种网页的关联视频生成与展示系统,包括:如上述的网页关联视频的生成装置,以及,上述网页的关联视频在第三方网页中的展示装置。
鉴于网页关联视频的生成装置以及网页的关联视频在第三方网页中的展示装置在上文已经做了说明,本发明在此不再赘述。
下面参考图12,其示出了适于用来实现本公开实施例的电子设备120的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图12示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图12所示,电子设备120可以包括处理装置(例如中央处理器、图形处理器等)1201,其可以根据存储在只读存储器(ROM)1202中的程序或者从存储装置1208加载到随机访问存储器(RAM)1203中的程序而执行各种适当的动作和处理。在RAM1203中,还存储有电子设备120操作所需的各种程序和数据。处理装置1201、ROM 1202以及RAM 1203通过总线1204彼此相连。输入/输出(I/O)接口1205也连接至总线1204。
通常,以下装置可以连接至I/O接口1205:包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置1206;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置1207;包括例如磁带、硬盘等的存储装置1208;以及通信装置1209。通信装置1209可以允许电子设备120与其他设备进行无线或有线通信以交换数据。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置1209从网络上被下载和安装,或者从存储装置1208被安装,或者从ROM 1202被安装。在该计算机程序被处理装置1201执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。

Claims (16)

1.一种网页关联视频的生成方法,其特征在于,包括:
接收用户用于构建网页的多个图片;
将所述图片进行组合,生成网页关联视频;
所述网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。
2.根据权利要求1所述的方法,其特征在于,所述接收用户用于构建网页的多个图片包括如下步骤:
接收用户构建网页所需的模块以及在该模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑;
基于编辑后的每一模板生成对应的图片,所述图片为用户用于构建网页的图片。
3.根据权利要求2所述的网页关联视频的生成方法,其特征在于,所述基于编辑后的每一模板生成对应的图片,包括如下步骤:
基于编辑后的每一模板,形成用户构建的网页并进行发布;并且
在发布该网页的同时,按照预定规则自动获取各个模块所展示的模板,并将所述所展示的模板修改为预定长高比例的图片。
4.根据权利要求3所述的网页关联视频的生成方法,其特征在于,
所述网页关联视频基于全部的所述网页模块所对应的模板生成;或
所述网页关联视频基于部分的所述网页模块对应的模板生成。
5.根据权利要求2至4中任一项所述的网页关联视频的生成方法,其特征在于,所述接收用户构建网页所需的网页模块以及在该网页模块下所选择的模板,并存储用户基于所选择的模板所进行的编辑包括:
获取与所需的网页模块对应的预定规则格式的数据,并将所述预定规则格式的数据转换为html语言片段;
将所述html语言片段植入空白网页的html中,显示所述网页模块对应的至少一个模板;
接收用户基于所述至少一个模板所选择的模板;
存储用户在所选择的模板中所编辑的内容。
6.根据权利要求5所述的网页关联视频的生成方法,其特征在于,
所述网页模块对应的模板包括一个默认模板和至少一个备选模板;
所述显示所述网页模块对应的至少一个模板为:显示所述网页模块对应的默认模板和控制面板;其中,所述控制面板用于呈现备选模板,并且,供用户在所述默认模板和至少一个备选模板中进行模板切换。
7.根据权利要求6所述的网页关联视频的生成方法,其特征在于,所述基于编辑后的每一模板,形成用户构建的网页并进行发布时,多个编辑后的网页模块所展示的模板按照流式布局呈现。
8.根据权利要求7所述的网页关联视频的生成方法,其特征在于,
所述网页关联视频中,各个网页模块所对应的模板的播放顺序与所述网页模块的模板在网页中的流式布局的顺序相同。
9.一种网页的关联视频在第三方网页中的展示方法,其特征在于,包括:
接收网页的网址以及所述网页的关联视频数据;
将所述关联视频数据存放至服务器;
在第三方网页所对应的html语言中,嵌入关联视频标签;
其中,所述关联视频标签其中的一个属性的属性值指向所述关联视频数据在所述服务器中的网络地址;并且,
所述关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与所述网页的所述网址对应的链接。
其中,所述网页的关联视频数据通过如权利要求1至8中任一项所述的网页关联视频的生成方法获取。
10.一种网页关联视频的生成装置,其特征在于,包括:
图片接收单元,用于接收用户用于构建网页的多个图片;
关联视频生成单元,用于将所述图片进行组合,生成网页关联视频;
所述网页关联视频用于在第三方网站中被点击时,能够进入用户所构建的网页。
11.一种网页的关联视频在第三方网页中的展示装置,其特征在于,包括:
接收单元,用于接收网页的网址以及所述网页的关联视频数据;
存储单元,用于将所述关联视频数据存放至服务器;
嵌入与绑定单元,用于在第三方网页所对应的html语言中,嵌入关联视频标签;
其中,所述关联视频标签其中的一个属性的属性值指向所述关联视频数据在所述服务器中的网络地址;并且,
所述关联视频标签还与点击事件相绑定,该点击事件用于在接受触发后响应与所述网页的所述网址对应的链接;
所述网页的关联视频数据通过上述权利要求10所述的网页关联视频的生成装置获取。
12.一种网页的关联视频生成与展示系统,其特征在于,包括:如权利要求10所述的网页关联视频的生成装置,以及,如权利要求11所述的网页的关联视频在第三方网页中的展示装置。
13.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行如权利要求1-8中任一项所述的网页关联视频的生成方法。
14.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行前述权利要求9所述的网页的关联视频在第三方网页中的展示方法。
15.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使该计算机执行如权利要求1至8中任一项所述的网页关联视频的生成方法。
16.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使该计算机执行如权利要求9所述的网页的关联视频在第三方网页中的展示方法。
CN201811512272.4A 2018-12-11 2018-12-11 网页关联视频的生成及展示方法、装置、系统及电子设备 Pending CN109684565A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811512272.4A CN109684565A (zh) 2018-12-11 2018-12-11 网页关联视频的生成及展示方法、装置、系统及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811512272.4A CN109684565A (zh) 2018-12-11 2018-12-11 网页关联视频的生成及展示方法、装置、系统及电子设备

Publications (1)

Publication Number Publication Date
CN109684565A true CN109684565A (zh) 2019-04-26

Family

ID=66187502

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811512272.4A Pending CN109684565A (zh) 2018-12-11 2018-12-11 网页关联视频的生成及展示方法、装置、系统及电子设备

Country Status (1)

Country Link
CN (1) CN109684565A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112153418A (zh) * 2019-06-26 2020-12-29 阿里巴巴集团控股有限公司 流媒体生成方法、装置、终端及服务器
CN112911388A (zh) * 2021-02-02 2021-06-04 厦门美图之家科技有限公司 高效可编辑视频特效输出方法、装置及电子设备
WO2021196281A1 (zh) * 2020-03-30 2021-10-07 北京金堤科技有限公司 多媒体文件生成方法和装置、存储介质、电子设备
CN114666621A (zh) * 2022-03-22 2022-06-24 阿里云计算有限公司 页面处理方法、装置及设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101098344A (zh) * 2007-07-23 2008-01-02 王文钢 一种视频广告的展示方法
CN102547460A (zh) * 2011-12-28 2012-07-04 北京奇艺世纪科技有限公司 一种富媒体信息的展示方法和装置
US20150347578A1 (en) * 2014-06-03 2015-12-03 Go Daddy Operating Company, LLC System and methods for auto-generating video from website elements
US9959269B1 (en) * 2013-03-11 2018-05-01 Plesk International Gmbh Method and system for implementing a website builder

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101098344A (zh) * 2007-07-23 2008-01-02 王文钢 一种视频广告的展示方法
CN102547460A (zh) * 2011-12-28 2012-07-04 北京奇艺世纪科技有限公司 一种富媒体信息的展示方法和装置
US9959269B1 (en) * 2013-03-11 2018-05-01 Plesk International Gmbh Method and system for implementing a website builder
US20150347578A1 (en) * 2014-06-03 2015-12-03 Go Daddy Operating Company, LLC System and methods for auto-generating video from website elements

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112153418A (zh) * 2019-06-26 2020-12-29 阿里巴巴集团控股有限公司 流媒体生成方法、装置、终端及服务器
WO2021196281A1 (zh) * 2020-03-30 2021-10-07 北京金堤科技有限公司 多媒体文件生成方法和装置、存储介质、电子设备
CN112911388A (zh) * 2021-02-02 2021-06-04 厦门美图之家科技有限公司 高效可编辑视频特效输出方法、装置及电子设备
CN112911388B (zh) * 2021-02-02 2024-02-06 厦门美图之家科技有限公司 高效可编辑视频特效输出方法、装置及电子设备
CN114666621A (zh) * 2022-03-22 2022-06-24 阿里云计算有限公司 页面处理方法、装置及设备

Similar Documents

Publication Publication Date Title
JP6997253B2 (ja) ウェブページレンダリング方法、装置、電子設備、記憶媒体及びプログラム
CN109597617B (zh) 基于模板快速生成业务页面的方法和装置
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
CN109408685B (zh) 思维导图展示方法和装置
CN109684565A (zh) 网页关联视频的生成及展示方法、装置、系统及电子设备
US20140245196A1 (en) User interface generation and preview
US20170091159A1 (en) Programmatic native rendering of structured content
WO2020233166A1 (zh) 评论数据的提供、显示方法、装置、电子设备及存储介质
CN108008871A (zh) 一种页面生成方法及装置
CN105593841A (zh) 自动为网页的内容项确定大小
CN103959281A (zh) 用于将第三方内容与在线文档签名相关联的方法
KR101956010B1 (ko) 웹 사이트 제작 지원 서버 및 이에 의한 웹 사이트 제작 지원 방법
CN103034708A (zh) 浏览器电子表格整合
US20180293610A1 (en) Methods and systems for integrating applications into a content recommendation network
CN108140195A (zh) 用于自动管理内容槽位在信息资源中的放置的系统和方法
CN109739499A (zh) 模块化网页构建方法、装置及电子设备
CN112100543A (zh) 渲染网页的方法、装置、存储介质及电子设备和服务器
US11073965B2 (en) Graphical interface for presentation of interaction data across multiple webpage configurations
CN106233284B (zh) 生成用于主要内容的稳定标识符的方法和系统
CN108984070B (zh) 用于热力图成像的方法、装置、电子设备及可读介质
CN113220381A (zh) 一种点击数据展示方法和装置
CN109800378A (zh) 基于自定义浏览器的内容处理方法、装置及电子设备
CN110618811B (zh) 信息呈现方法和装置
CN113220293B (zh) 页面展示方法、装置、电子设备和计算机可读介质
CN110134477A (zh) 一种动态布局用户页面的方法、装置、介质和电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20190426