CN101630329A - 一种网页中视频元素与网页元素互动的方法及系统 - Google Patents

Abstract

本发明公开了一种网页中视频元素与网页元素互动的方法，包括：通过控件箱中的视频控制模块和网页控制模块创建网页中的视频内部元素和网页元素，构造视频内部元素与网页元素之间的互动关系，将所述视频内部元素、网页元素以及所述元素之间的互动关系存储为资源描述文件，并将所述资源描述文件发送至服务器数据库；浏览器通过访问服务器数据库，加载并解析资源描述文件，在网页中播放视频、构造全部视频内部元素和网页元素，并展现元素之间的互动关系。本发明还公开了一种网页中视频元素与网页元素互动的系统。本发明的有益效果在于：通过本发明提供的方法及系统，可以非常容易的编辑视频和网页，并能够实现视频内部元素与网页元素之间的互动功能。

Description

一种网页中视频元素与网页元素互动的方法及系统

技术领域

本发明涉及网络传输技术，尤其涉及一种网页中视频元素与网页元素互动的方法及系统。

背景技术

网页以及网页中的视频是当前及未来信息呈现的主要形式，也是人们通过网络获得知识、进行娱乐的主要途径，更是商家通过网络进行产品宣传及推广的重要手段，因此，网页和视频技术的发展将直接影响人们获得信息的效率，进而影响人们对网络的依附感。

近年来，网站及网页开发技术得到了长足的发展，各种网页开发技术层出不穷，网页的功能越来越强大，网页的内容越来越丰富，技术工具的发展为网页开发人员提供了方便，提高了网页开发的效率。但是，现有的网站架构及开发模式，主要集中于后台服务器，网站的结构一旦确定，便不会轻易改变，网站的开发人员便在既定的网站结构下开发相应模块的网页以及更新网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下，页面内容通常不变。这种开发模式及开发技术缺乏灵活性，不能够根据用户的需求进行改变，属于一种普适性的推广，所有上网者面对的是同样的界面、同样的内容，即使这样的界面和内容当前上网者不喜欢或不需要，用户也无法对其进行更改，网站开发者也不能及时进行调整。

此外，互联网正逐渐成为一个巨大的视频仓库，人们越来越多地青睐于通过互联网实时查询、欣赏丰富多彩的视频信息。现阶段一些大型的视频网站，每天的流量超过千万IP，网络视频已经成为一种高效和灵活的视频形式。与此同时，与网络视频有关的应用也在快速的增长过程中，网络视频的应用逐渐变得越来越重要。如果用户能够在欣赏视频的过程中与视频进行交互，在欣赏视频的同时，可以进一步获得感兴趣的相关对象的信息，并可以满足不同用户的需求，则具有重大意义。

CN200910100427.8提供了一种构造和生成网页的方法及系统，包括浏览器中加载控件箱模块，通过获取鼠标或鼠标拖拽的位置，在网页中动态生成可预览的网页元素，并生成各网页元素对应的网页描述文件，使用户可以所见即所得的构造网页，完成对网页内容的编辑和控制。

CN200910095483.7提供了一种基于XML的视频资源描述文件格式，并提供了一种基于XML的视频控制方法及其系统，使用户可以在观看视频过程中与视频内部的相应对象进行互动，既增强了视频的娱乐性，同时也为广告业务以及其他增值应用提供了技术支撑。

CN200910101363.3提供了一种构造和生成网页中视频元素的方法及系统，包括浏览器中加载控件箱模块，选取并激活控件箱中视频控制模块，通过获取鼠标定位的方法，在视频中动态生成可预览的视频内部元素，构造视频内部元素之间的交互关系，并生成视频描述文件，使用户可以所见即所得的构造网页中视频内部元素，完成对网页中视频内容的编辑和控制。

上述几个专利提供了部分处理视频和网页元素的方法，革新了现有网页开发技术和视频编辑技术，但是，其局限在于所提供的技术方法仅现有对单独的网页或单独的视频进行编辑、开发。众所周知，现有的网页中，视频已逐渐成为网页的一部分，尤其是Flash视频几乎存在于各种网页中，既丰富了网页的内容，也增强了网页的娱乐性。因此，视频元素与网页元素之间的关系也逐渐地变得越来越重要，如果能够建立起两者之间的互动关系，便于用户对两者进行操作，将对网络的发展以及相应应用带来革命性的变化。

然而，现有技术中，网页中的视频与网页元素之间相互独立，尚没有构建视频内部元素与网页元素互动的方法，也没有能够使网页中视频内部元素与网页元素进行通信的方法。

发明内容

本发明实施例要解决的问题是提供一种网页中视频元素与网页元素互动的方法及系统，以解决现有技术中视频内部元素不能与网页元素进行通信交互的缺陷，进而使用户能够根据个人喜好和当前需求，通过鼠标点选控件，所见即所得的编辑构造相应网页中的视频内部元素和网页元素，尤其是能够构造两者之间的互动关系，拓展现有视频及网页的功能。

为了实现上述目的，本发明的实施例提供了构造网页中视频内部元素与网页元素互动的方法，包括以下步骤：

编辑过程：

浏览器中加载控件箱模块；

通过控件箱模块在网页中加载视频对象和视频文件，利用控件箱中的视频控制模块构造视频内部元素，利用控件箱中的网页控制模块构造网页元素，并在配置界面中编辑视频内部元素与网页元素之间的互动关系；

将构造的视频内部元素、网页元素以及视频内部元素与网页元素之间的互动关系生成对应的资源描述文件，并将资源描述文件保存到服务器数据库模块；

播放过程：

浏览器中加载视频播放模块和网页播放模块，视频播放模块和网页播放模块与服务器数据库模块进行通信，获取资源描述文件，并解析资源描述文件，按预先构造视频内部元素和网页元素的内容及位置，在视频播放和网页播放过程中呈现出全部视频内部元素和网页元素，并展现已建立互动关系的视频内部元素与网页元素间的互动功能。

本发明的有益效果在于：

(1)通过本发明提供的控件箱，用户能够根据喜好和当前需要，非常容易的构造视频内部元素和网页元素；

(2)用户还可以通过本发明提供的控件箱，通过鼠标点选，构造视频内部元素与网页元素之间的互动关系；

(3)通过组态方式，使得用户无需直接编写代码，即可实现个性化视频编辑、构造个性化网页以及相应的应用。

附图说明

图1是本发明一种网页中视频元素与网页元素互动的方法的系统架构图；

图2是本发明一种构造和生成网页中视频内部元素的方法结构图；

图3是本发明中控件箱与创建的对象之间的通信过程图；

图4是本发明中控件箱与创建的视频内部元素对象之间的通信过程图；

图5是本发明中控件箱与创建的网页元素对象之间的通信过程图；

图6是本发明方法中视频内部元素与网页元素对象的互动示意图；

图7是本发明方法中创建视频内部元素对象的流程；

图8是本发明方法中删除对象的流程；

图9是本发明方法通过控件箱改变创建的对象的属性流程；

图10为本发明方法中直接在视频或网页中修改对象属性的流程；

图11为本发明XML资源描述文件生成和保存过程图；

图12是本发明实施例Flash与协议引擎接口交互过程图；

图13是本发明方法中通过控件箱中的视频控制模块和网页控制模块编辑视频内容和网页内容的架构图；

图14是本发明方法中播放视频和网页的架构图。

具体实施方式

本发明的优选实施例提供了一种网页中视频元素与网页元素互动的方法及系统。该方法主要是通过嵌入到浏览器中的ActiveX技术，创建控件箱，利用控件箱中的相关控件，用户仅需通过鼠标点选、拖拽等方式，便能够方便、快速、所见即所得的编辑网页中的视频、添加视频内部元素、构造网页元素，同时还可以利用控件箱中的控件，构造视频内部元素之间、网页元素之间、视频内部元素与网页元素之间的交互关系，实现上述元素间的互动。尤其是，用户还能够利用本发明提供的控件箱，进一步构造视频内部元素之间、网页元素之间、网页中视频内部元素与网页元素之间的事件响应关系，突破了现有技术中视频内部元素与网页元素之间彼此独立、无法进行互动的技术瓶颈，拓展了视频及网页的功能。

本发明实施例中公开了一种构造网页中视频内部元素与网页元素的方法，包括以下步骤：

浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控件箱中视频控制模块和/或网页控制模块，通过鼠标定位的方法在加载的视频和/或网页中添加视频内部元素和/或网页元素；

构造所生成的视频内部元素与网页元素之间的互动关系，其中视频内部元素与网页元素之间的互动关系包括改变视频内部元素和/或网页元素的属性和/或行为；

将生成的各视频内部元素和/或网页元素以及元素之间的互动关系生成对应的资源描述文件；

并将资源描述文件保存到服务器数据库模块；鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和/或网页中位置信息，并在获取的区域位置内部生成视频内部元素和/或网页元素；其中鼠标拖拽，拖拽区域为矩形，拖拽方向是左上到右下；

鼠标拖拽的另一种方式是选择已创建的视频内部元素和/或网页元素，并通过鼠标拖拽的方法，改变其形状和位置。值得一提的是，视频也可以作为一个网页内元素而存在，即点击控件箱中的视频控件按钮，鼠标在网页上通过拖拽，直接形成一个视频窗口，视频的相关配置信息，例如地址信息等放在视频对象相应的属性框内进行配置。

这里的网页元素包括：

A、框架元素：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

B、框架内元素：视频、语音、动画、图片、文字；所述框架内元素中视频元素中还包括视频内部元素；所述视频内部元素又进一步包括：视频、语音、动画、图片、文字；所述框架内元素还进一步包括：具有某一个应用功能的对象。这里框架元素和框架内元素可以单独在网页中实现，也可以整合之后统一实现，即，通过鼠标拖拽可以形成一个容器(框架元素)，也可以是一个容器(框架元素)+容器内元素(框架内元素)的统一模式。这里的框架元素还包括把一些具有特定功能的网页元素以及相关程序逻辑集合在一起，作为一个统一的应用功能对象，并将该对象放入控件箱中。例如，控件箱中一个具有聊天功能的控件按钮，点击该按钮后，在网页上通过鼠标拖拽就形成一个具有聊天功能的程序模块，可以类似于腾讯聊天工具外形或聊天室外形。这样的应用功能对象可包含很多类应用程序，游戏类、IM即时通信类、文字处理类、专业类应用(例如金融)、办公类、统计类等等都可以轻松在互联网上实现。该利用的实现，可以通过控件箱的方式，将大量的应用程序集中搬到互联网上，并可以轻松地将各种不同应用动态加载到同一个网页中，具有很强实用性。

图1是本发明一种网页中视频内部元素与网页元素互动的方法的系统架构图，本发明的系统包括如下部分：

101服务器数据库模块，用于接收102控件箱模块发送的资源描述文件，响应浏览器发送的请求，并向浏览器返回所请求的资源描述文件；其中资源描述文件，为文本文件、脚本语言文件、以及扩展脚本语言文件；脚本语言文件包括Actionscript、Flex、Javascript、Microsoft F#、Microsoft Powershell、Perl、PHP、Python、Ruby、VB Script；扩展脚本语言包括XML、SMIL。在实际设计过程中，设计的语言可以不同，但是设计之原理以及作用实质相同，均在本专利保护范围之内。

102控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于108视频控制模块、109网页控制模块、110基本功能模块；资源描述文件在控件箱102和服务器数据库模块101之间传输的过程中，为了数据安全，通常可以采用加密传输的方式，加密算法可以使用但不限于以下种类：MD5/SHA1，DSA，DESede/DES，Diffie-Hellman。同样在控件箱和视频控件模块103、网页控件模块105之间进行通信时，也可以采用加密方式进行通信，通信的方式包括控件箱调用视频控件模块函数、网页控件模块函数，以及控件箱给视频控件模块103及网页控件模块105(例如，JavaScript脚本程序)发送基于XML协议或其它脚本扩展协议或自定义协议规范的元素描述文件的控制信息，用于控制视频内部元素在视频中的创建和生成，同时构造网页元素在网页中的呈现。同样控件箱能够响应视频控件模块和网页控件模块创建返回的消息。

本发明中的102控件箱，为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制构造视频内部元素、网页元素；具有可拖动性，即用户可以通过鼠标拖动控件箱，将其放置于浏览器中的适当位置；同时用户还可以根据需要选择控件箱或控件箱的部分组件，例如，视频内部元素的配置(config)窗口、视频内部元素树形结构窗口、网页元素的配置窗口、网页元素树形结构窗口，上述窗口均可见或隐藏，因此其具有可见性和隐藏性。

在整个系统架构中，可以把所有组件模块按功能分为编辑模式和播放模式；在编辑模式下，控件箱模块102负责所有视频及视频内部元素、网页元素的编辑工作，并在内存中保存所有元素的信息，并且还负责记录和控制视频内部元素之间、网页元素之间、视频内部元素与网页元素之间的通信和元素控制功能。在播放模式下，视频播放模块则负责所有视频内部元素之间的通信和元素控制功能；网页播放模块负责所有网页元素之间的通信和元素控制功能；控件箱负责协调视频内部元素与网页元素之间的通信和元素控制功能。

在选择构建控件箱、视频播放模块、网页播放模块、视频控件模块、网页控件模块、视频解析模块、网页解析模块时，通常情况下，控件箱、视频播放模块、网页播放模块采用相同的编程语言，例如Flash的ActionScript语言，而视频控件模块、网页控件模块、视频解析模块、网页解析模块则采用相同的编程语言，例如JavaScript语言。

在选择编程语言的时候，值得注意的是，由于控件箱、视频播放模块、网页播放模块需要和后台服务器频繁通信，同时也要控制整个视频和网页，因此需要比较强大完备的语言体系，因此，可以选择ActiveX(Flash实际上是一个ActiveX，并且具有类Java的语言结构)、Java等功能强大的语言；而视频控件模块、网页控件模块、视频解析模块和网页解析模块则可以使用JavaScript、VBScript、Java、CGI、Pear、ActiveX等多种语言来支持。

102控件箱通常包括以下部分或全部：

A、视频内部元素和/或网页元素的添加/删除按钮或菜单；

B、保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；

C、控件箱的基本设置信息以及视频和/或网页内部元素基本设置信息。

110是102控件箱中的基本功能模块，用于编辑视频内部元素和网页元素的基本功能操作，其中基本功能包括但不限于：删除创建的元素对象、撤销前一步的操作、恢复前一步的操作等；

用户可以通过点选基本功能模块中的控件，如先点选用户已创建的控件对象，然后点选基本功能模块中的删除控件，以删除创建的视频内部元素、网页元素；基本功能模块中的撤销控件，用于撤销前一次的操作；基本功能模块中的恢复控件，用于恢复前一次撤销的操作；基本功能模块中的初设参数设置控件，用于设置视频或网页的初始参数信息；基本功能模块中的保存控件，用于对当前的设置信息进行保存等。

108视频控制模块，用于编辑、控制视频内部元素。

109网页控制模块，用于编辑、控制网页元素。

107协议接口层，用于使控件箱模块与服务器数据库模块之间进行通信连接，在本发明的系统中，控件箱中的相应控件与视频内部元素和网页元素之间的通信也是通过该协议接口层实现。

103视频控件模块，用于向视频中添加元素的具体控件，包括但不限于文本控件、图片控件、音频控件、视频控件等；

用户可以通过选择视频控件模块中的控件，编辑视频内部元素，例如，用户选择视频控件模块中的文本控件，然后在视频中通过鼠标拖拽，创建一个文本对象，并向该文本对象中添加相应的文本信息；此外，用户还可以从视频控件模块中选择图形控件、图片控件等，向视频中添加图形信息和图片信息。

104为视频中的具体元素，这些视频内部元素都可以通过网页控件模块进行控制，包括视频、视频内部文字、视频内部图形、视频内部多媒体；其中视频内部多媒体进一步包括：图片、动画、视频。

105网页控件模块，用于向网页中添加元素的具体控件，包括但不限于文本控件、图片控件、音频控件、视频控件、表格控件等；

用户可以通过选择网页控件模块中的控件，编辑网页元素，例如，用户选择网页控件模块中的小网页控件，然后在网页中通过鼠标拖拽，创建具有一般网页功能的小网页对象，这个小网页完全继承了现有的Web网页的特性；此外，用户还可以从网页控件模块中选择文本控件、图片控件等，向创建的小网页对象中添加文本信息和图片信息。

106为网页中的具体元素，这些网页元素都可以通过网页控件模块进行控制，包括框架元素和框架内元素，其中框架元素包括：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；框架内元素包括：视频、语音、动画、图片、文字。

102控件箱中所述各模块通过107协议接口与101服务器数据库模块相连。

108视频控制模块通过107协议接口控制103视频控件模块。

109网页控制模块通过107协议接口控制105网页控件模块。

103视频控件模块还分别与104视频内部元素和101服务器数据库模块相连。

105网页控件模块还分别与106网页元素和101服务器数据库模块相连。

在构造网页中视频内部元素与网页元素的过程中，系统内部各模块间的通信流程如下：

用户浏览器模块中加载102控件箱模块，控件箱模块中包括但不限于：基本功能模块、视频控制模块、网页控制模块、元素配置模块；在实际应用中，用户可以根据需要，在控件箱中添加相应模块。本发明的控件箱支持插件式功能扩展，即用户可以将自己开发的功能模块方便地置于本发明的控件箱中，因此，本发明中提到的控件箱中的几个功能模块以及用户嵌入到本发明控件箱中的功能模块，均在本发明保护之列。

106基本功能模块中还包含一些通用的控件，如删除控件，用于删除创建的视频内部元素或网页元素；撤销控件，用于撤销前一次的操作；恢复控件，用于恢复前一次撤销的操作；初始参数设置控件，用于设置视频或网页的初始参数信息；保存控件，用于对当前的设置信息进行保存等。

在实际应用中，用户通过激活108视频控制模块，加载待编辑的视频文件，然后选择103视频控件模块中的控件，通过获取鼠标定位的方法，加载并构造视频及视频内部元素。通过激活109网页控制模块，选择105网页控件模块中的控件来创建网页元素。将构造的各视频内部元素和网页元素生成对应的元素描述文件，并将元素描述文件保存到服务器数据库模块。

创建完视频内部元素和网页元素后，用户可以通过激活元素配置模块或配置窗口，对创建的元素进行基本信息配置和事件信息配置，以及元素之间的事件控制信息配置。

本发明的实施例中，视频及视频内部元素、网页元素均在Flash框架下构造，加载并构造视频及视频内部元素、网页元素，包括以下步骤：

浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控件箱中视频控制模块和/或网页控制模块，通过鼠标定位的方法在加载的视频和/或网页中添加视频内部元素和/或网页元素；

构造所生成的视频内部元素与网页元素之间的交互关系，其中视频内部元素与网页元素之间的交互关系包括改变视频内部元素和/或网页元素的属性和/或行为；

将生成的各视频内部元素和/或网页元素以及元素之间的交互关系生成对应的资源描述文件；

并将资源描述文件保存到服务器数据库模块；

鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和/或网页中位置信息，并在获取的区域位置内部生成视频内部元素和/或网页元素；鼠标拖拽，拖拽区域为矩形，拖拽方向是左上到右下；

鼠标拖拽的另一种方式是选择已创建的视频内部元素和/或网页元素，并通过鼠标拖拽的方法，改变其形状和位置。

视频内部元素包括：

视频、视频内部文字、视频内部图形、视频内部多媒体；所述视频内部多媒体进一步包括：图片、动画、视频；

网页元素包括：

A、框架元素：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

B、框架内元素：视频、语音、动画、图片、文字；所述框架内元素中视频元素中还包括视频内部元素；所述视频内部元素又进一步包括：视频、语音、动画、图片、文字；

视频内部元素、网页元素，通过鼠标定位的方法在视频内部、网页内部进行添加。

本发明在构造视频内部元素和网页元素的过程中，采用的是一种对象结构，即通过控件箱将视频内部元素和网页元素封装到对象结构中，包括：

(1)构造视频内部元素和/或网页元素对象；

(2)编辑视频内部元素和/或网页元素触发的事件以及事件触发后所对应的功能；

(3)调用功能对应函数执行所述对应的功能；

对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象功能；其中功能在程序中通过函数实现；并将构造的视频内部元素和/或网页元素保存为元素描述文件；对象结构在对象类中进行实现，对象(Object)、对象感应事件(Event)、对象功能函数(Function)三位一体。在具体设计时，一个具体对象类中往往包含对象属性、对象对应的事件、对象功能；其中对象对应事件，是针对对象自身所能感受到的外部或内部事件，而对象功能则可以用于操作本对象之外的其它对象，一个功能函数也可以同时操作几个对象，例如，A对象被触发了点击事件，可以触发B对象从C位置运动到D位置，运动时间为t，运动方式为default，用A对象类中函数表示为：A::vx_moveto(object_B，location_C，location_D，t，default)。在应用函数的功能设计中，除了使用对象类内部函数外，还可以使用外部函数，调用方式和对象内部函数类似，只是资源使用和设计上的区别。

元素描述文件的构成方式有三种：第一种方式只有视频内部元素描述文件，即用户在编辑过程中，仅对网页中的视频进行编辑，没有构造任何网页元素；第二种方式只有网页元素描述文件，即用户在编辑过程中仅对网页元素进行构造，网页中没有视频及视频元素；第三种方式既有视频内部元素描述文件又有网页元素描述文件，即网页中既包括视频及视频内部元素又包括网页元素；所有的元素描述文件均可看作是资源描述文件中的一部分，而且元素描述文件由于短小精悍，方便导入数据库中。在元素创建过程中，通常通过分析资源描述文件获取一个个元素，然后再分别创建；例如，在网页环境中，Flash获取基于XML的资源描述文件，然后解析出每一个元素描述文件，即分析出每一个需要创建的元素，如果是网页元素，然后在调用网页中JS脚本(网页控制模块中)进行每一个元素的创建，并将创建结果返回；如果是视频内部元素/Flash内部元素，则将解析出来的元素描述文件发送到Flash(视频控制模块中)进行创建。在修改元素属性时，同样发送类似元素描述文件的方式到网页控制模块或视频控制模块进行创建。

视频内部元素与网页元素之间通过调用对应函数产生交互关系，且功能执行完毕后，还能够进一步触发新的事件，从而执行新的功能；

将生成的元素描述文件以及各视频内部元素和网页元素之间的交互关系生成对应的资源描述文件；

并将资源描述文件保存到服务器数据库模块。

1401网页播放模块、1402视频播放模块通过和101服务器数据库通信，获取元素描述文件并解析元素描述文件，创建视频内部元素对象、网页元素对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，视频播放模块和网页播放模块继续监听。

元素描述文件用于描述单个视频内部元素和/或网页元素，元素描述文件封装在一个XML或类脚本语言结构中，元素描述文件包含该视频内部元素和/或网页元素<属性-事件-功能>集合，用于描述该视频内部元素和/或网页元素现有属性、触发的事件、以及触发事件后的功能或应用；

本发明中的元素描述文件作为和后台服务器数据库通信传输的最小单位，或通过元素描述文件以及各视频内部元素之间、网页元素之间、视频内部元素与网页元素之间的交互关系构成完整的资源描述文件，再进行传输保存；

其中“如果事件触发，则执行该事件所对应的功能”，对应的功能包括但不限于：

添加新的视频内部元素和/或网页元素；

删除旧的视频内部元素和/或网页元素；

改变视频内部元素和/或网页元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

和外部程序或设备进行通信。

本发明中视频内部元素的属性集合包括但不限于：

文本：文本区域位置、文本区域边框、文本区域透明度、文本区域背景颜色、字体大小、字体、字体颜色、显示方式、文本区域运动方式、文本区域关键字；

图片、Flash动画、视频/音频：区域位置、透明度、关键字、背景颜色、区域边框；

本发明中视频内部元素，可以通过鼠标或鼠标拖拽区域或视频中某帧预先设定位置，在视频中进行添加；

本发明中视频内部元素的事件集合包括但不限于：

A、响应鼠标单击事件；

B、响应鼠标双击事件；

C、响应鼠标左键按下事件；

D、响应鼠标左键抬起事件；

E、鼠标在对象之上事件；

F、对象初始化事件；

G、对象删除事件；

H、对象开始播放事件；

I、对象结束播放事件；

J、播放器事件；

K、播放器按钮事件；

L、播放器完成播放视频事件

M、对象拖动事件；

本发明中视频内部元素的功能集合包括但不限于：

添加新的视频内部元素；

删除旧的视频内部元素；

改变视频内部元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

打开本地或远端摄像头；

和外部程序或设备进行通信；

本发明中网页元素的属性集合包括但不限于：

A.网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、文本框位置信息；

B、网页中表格的大小、运动方式位置坐标、颜色、显示方式、边框信息、字体属性；

C、网页中图片/动画的大小、运动方式、位置坐标、透明度、显示方式、超链接；

D、网页中视频的显示大小、运动方式、展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；

本发明中网页元素的事件集合包括但不限于：

A、响应鼠标单击事件；

B、响应鼠标双击事件；

C、响应鼠标左键按下事件；

D、响应鼠标左键抬起事件；

E、鼠标在对象之上事件；

F、对象初始化事件；

G、对象删除事件；

H、对象开始播放事件；

I、对象结束播放事件；

J、对象拖动事件；

本发明中网页元素的功能集合包括但不限于：

添加新的网页元素；

删除旧的网页元素；

改变网页元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

和外部程序或设备进行通信。

下面以一具体实例，进一步描述本发明构造网页中视频内部元素与网页元素的方法及系统：

用户启动浏览器，浏览器中加载本发明的控件箱；

用户激活控件箱中的视频控制模块和/或网页控制模块，点击视频控件模块和/或网页控件模块，从视频控件模块和/或网页控件模块中选择相应控件，例如用户可以选择视频控件模块中的图形控件，然后在当前打开的视频中通过鼠标拖拽添加图形对象，以圈选视频中某一特定对象，用于对圈选的对象进行跟踪或其他应用。用户还可以选择网页控件模块中的小网页控件，然后在当前网页中通过鼠标拖拽添加具有web网页功能的小网页对象，还可以继续选择其他控件在小网页对象中添加新的网页元素。

通过鼠标拖拽定位在视频中构造视频内部元素或在网页中构造网页元素的方法包括以下步骤：

选择创建视频内部元素和/或网页元素的类型及相关创建属性；

通过在视频内部执行Flash的ActionScript程序获取鼠标拖动区域位置；通过在网页中执行JavaScript程序获取鼠标在网页中拖动的区域位置；

在鼠标拖动的区域位置创建所选择的视频内部元素和/或网页元素；

选择创建视频内部元素和/或网页元素，在控件箱中完成；

相关创建属性，指视频内部元素和/或网页元素创建时的默认属性；

鼠标拖动，拖动区域为矩形，拖动方向通常是左上到右下。

在上述过程中，视频控件模块通过Flash协议引擎接口函数与视频内部元素对象相连；网页控件模块通过JavaScript协议引擎接口函数与网页元素对象相连。

添加完视频内部元素和/或网页元素后，用户可以通过元素配置模块为创建的元素添加事件信息，还可以设置元素间的事件控制关系。例如，用户可以在视频内部创建一个图片元素，然后为该图片元素添加鼠标单击事件，当鼠标单击该图片时，可以链接到某一网络资源地址或调用本地资源。用户还可以构造元素之间的事件控制关系，例如，可以为网页中的文本元素添加事件，当激发该事件时，可以实现改变视频内部某元素的属性或运行特性以构造网页元素与视频内部元素之间的交互关系。

视频内部元素之间、网页元素之间、视频内部元素与网页元素之间的交互关系通过调用和执行视频内部元素和/或网页元素对象的函数实现；

其中调用和执行函数的方式包括：

A.当前一个或多个视频内部元素调用和执行其他一个或多个网页元素的函数，更改其他一个或多个网页元素的属性或行为；

B.当前一个或多个网页元素调用和执行其他一个或多个视频内部元素的函数，更改其他一个或多个视频内部元素的属性或行为；

C.一个或多个视频内部元素调用和执行自身的函数，更改视频内部元素自身的属性或行为；

D.一个或多个网页元素调用和执行自身的函数，更改网页元素自身的属性或行为。

更改视频内部元素和/或网页元素的属性包括如下步骤：

激活响应事件的视频内部元素和/或网页元素；

通过控件箱激活元素配置模块，配置所述视频内部元素和/或网页元素响应的事件、以及事件响应时执行的功能、选择或设置相应功能执行时的实施对象；其中实施对象是指某一个或多个网页元素或视频内部元素；

配置功能执行时，实施对象的属性信息；

更改视频内部元素和/或网页元素的行为包括如下步骤：

激活响应事件的视频内部元素和/或网页元素；

通过控件箱激活元素配置模块，配置视频内部元素和/或网页元素响应的事件、以及事件响应时执行的功能；选择或设置相应功能执行时的实施对象；其中实施对象是指某一个或多个网页元素或视频内部元素；

配置功能执行时，实施对象的行为信息；

本发明中实施对象的行为信息，是指实施对象的动态信息，执行某一个或多个动作。

用户完成视频内部元素信息和网页元素信息配置后，可以将构造好的每一个视频内部元素和网页元素对象信息生成元素描述文件，该元素描述文件完整记述了当前元素的属性信息、事件信息和功能信息；

然后再通过控件箱，将每一个元素描述文件进行集成，生成一个完整的资源描述文件，并将该资源描述文件发送至服务器数据库端。

在本发明实施例中，最终生成的资源描述文件，是一个完整的用于描述视频和网页的描述文件，然后将这一完整的资源描述文件存储在后台服务器数据库中。

图2是本发明一种构造网页中视频内部元素和网页元素的方法的结构图，图中200是指能够浏览Web页面的浏览器；

本实施例中，201是本发明利用ActiveX技术开发的Flash控件箱，201功能的实现需依赖于200浏览器，即201需嵌入到200浏览器中或用户设置当前浏览器允许ActiveX控件的加载，此时201的功能才能够得以实现。

202是本发明开发的控件箱中的程序界面，该界面用于编制欲实现的程序功能。

203是本发明开发的控件箱中的属性界面，该界面用于描述创建的对象的静态属性信息，如对象的位置信息、大小、颜色、形状等。

204是本发明开发的控件箱中的对象界面，该界面用于创建相关对象，如创建小网页对象、文本对象、图片对象、视频对象、命令按钮对象、表单对象等。

205是指承载视频内容的画布视图，该画布视图具有位置、大小、形状等属性。

206是指承载网页内容的画布视图，该画布视图具有位置、大小、形状等属性。

用户浏览器中加载本发明提供的控件箱后，便可以通过本发明提供的控件箱，采用CN200910101363.3提供的构造网页中视频内部元素的方法构造视频内部元素，采用CN 200910100427.8提供的构造网页元素的方法，构造网页元素。与CN200910101363.3和CN 200910100427.8提供的方法有所不同的是，本发明提供的方法可以在网页中同时构造视频内容(视频内部元素)和网页内容(网页元素)，还能够构造视频内部元素与网页元素之间的互动关系，建立两者之间的通信桥梁。

图3是本发明中控件箱与创建的对象之间的通信过程图；

本发明201控件箱通过301协议，经过302中的协议引擎接口与创建的对象进行通信；其中协议引擎接口包括Flash协议引擎接口和JavaScript协议引擎接口，前者用于实现控件箱与视频内部元素之间的通信，后者用于实现控件箱与网页元素之间的通信。

303是通过控件箱中的控件创建的对象，具体操作时可通过在204对象界面中选择要创建的对象，进而实现；

创建完对象303后，可通过控件箱汇总的203属性界面对创建的对象的属性进行设置；

304为创建的对象能够响应的事件信息；

305为创建的对象能够实现的一些功能信息；

本发明以编辑视频内部元素对象与网页元素对象进行交互控制为例，进一步说明本发明实施例的详细过程。

通过本发明的控件对视频内部元素和网页元素对象进行控制包括以下步骤：

(1)通过ActiveX或AJAX技术开发控件箱的控制界面；

(2)用户根据需要通过该控制界面选择控件箱中的控件，利用当前选取的控件，对加载的视频文件内容和网页内容进行操作；

(3)在编辑视频文件过程中，选定的控件通过Flash协议引擎接口以及接口函数与视频内部元素进行通信，通过Flash协议引擎接口编辑控制视频内部元素；

(4)在编辑网页元素过程中，选定的控件通过JavaScript协议引擎接口以及接口函数与网页元素进行通信，通过JavaScript协议引擎接口编辑控制网页元素；

(5)根据(3)、(4)的操作，确定视频以及网页中欲添加和/或调整的元素对象，设置当前操作对象的基本属性信息；

(6)为当前操作对象添加事件，并设置当前操作对象响应的事件信息；

(7)重复上述过程，实现对视频内部元素和网页元素进行编辑控制。

图4是本发明中控件箱与创建的视频内部元素对象之间的通信过程图；

本发明201控件箱的控制界面包括几个元素配置界面，用于配置创建的视频内部元素对象；

Flash控件箱通过Flash协议引擎接口400与视频内部元素进行交互；

401是对视频中运动的对象进行分割、编辑控制；

402是通过矩形对象对401中的运动对象进行分割；

403是通过椭圆形对象对401中的运动对象进行分割；

404是对视频中添加的对象进行编辑控制；

405是对视频中添加的对象中的文本进行编辑控制；

406是对视频中添加的对象中的图片进行编辑控制；

407是对视频中添加的对象中的音频及内部视频进行编辑控制。

上述对视频进行的编辑控制过程如下：

首先201控件箱与Flash协议引擎接口400之间通过协议解析和函数调用，实现双向通信；

其次，Flash协议引擎接口实现对视频文件中的相应元素进行控制；

再次，视频文件中的相应元素通过Flash协议引擎接口最终实现与控件箱进行双向交互，以实现控件箱对视频内容进行控制的目的。

图5是本发明中控件箱与创建的网页元素对象之间的通信过程图；

本发明201控件箱的控制界面包括几个元素配置界面，用于配置创建的网页元素对象；

Flash控件箱通过JS接口函数500与网页元素进行交互；

501是对网页中的DIV标签进行编辑控制；

502是对网页中的文字信息进行编辑控制；

503是对网页中的图片信息进行编辑控制；

504是对网页中的Flash进行编辑控制；

505是对网页中的视频进行编辑控制；

506是对网页中的表单信息进行编辑控制；

上述对网页内容进行的编辑控制过程如下：

首先201控件箱与JavaScript之间通过协议解析和函数调用，实现双向通信；

其次，JavaScript实现对HTML文件中的相应标签内容进行控制；

再次，HTML文件中的相应内容通过JavaScript最终实现与网页控件箱进行双向交互，以实现网页控件箱对网页内容进行控制的目的。

图6是本发明方法中视频内部元素与网页元素对象的互动示意图；

本发明的控件箱通过Flash协议引擎编辑控制视频内部元素，通过JS协议引擎编辑控制网页元素；

控件箱同时负责协调Flash协议引擎400和JS协议引擎500之间的通信，通过两者之间的通信，实现视频内部元素与网页元素之间的互动。例如，用户通过控件箱编辑构造网页中的某一文本对象，构造完该文本对象的基本属性后，用户可为该文本对象添加事件响应信息，用于控制视频内部某一图片对象。网页中文本对象与视频内部的图片对象进行互动的过程通过如下方式实现：

网页内文本对象响应用户的鼠标单击事件，该事件发生后，网页文本对象将事件信息通过JS协议引擎传递给Flash协议引擎；

Flash协议引擎接收JS协议引擎传递的事件信息后，获取该事件作用的对象信息，并通过控件箱对视频内部的元素对象，如图片对象进行编辑控制。

反之亦然，视频内部元素通过Flash协议引擎将事件信息传递给JS协议引擎，JS协议引擎再与网页元素进行交互，从而实现视频内部元素与网页元素之间的互动。

值得注意的是，Flash协议引擎和JS协议引擎之间的通信通过控件箱协调完成，因此，控件箱编辑、控制、通信的中枢部件。

图7是本发明方法中创建视频内部元素对象的流程，本发明一个实施例中的控件箱通过Flash控件创建而成，用户在使用控件箱创建视频元素对象的操作流程如下：

701为用户点击Flash中控件箱中的相应图标，例如点击视频控件模块中的图片图标，然后用户在当前浏览器打开的视频文件中通过鼠标拖拽的方式创建图片对象；

702为创建对象过程中，Flash调用Flash协议引擎接口函数，以实现通过鼠标拖拽在视频中创建新对象；

703为用户创建完对象后，Flash协议引擎接口向Flash发送创建信息，通知Flash创建的对象的大小、位置等信息；

704为Flash根据收到的Flash协议引擎接口发送的创建信息，在Flash记录创建对象及其相关属性。

本发明中创建网页元素对象的流程与创建视频内部元素对象的流程基本一致，不同的是在创建网页元素过程中调用的不是Flash协议引擎接口，而是JavaScript协议引擎接口。

图8是本发明方法中删除对象的流程，即当用户通过图7中的流程，在视频或网页中创建的相应对象后，如果想删除掉已创建的对象，则可以通过下述流程实现：

801为用户先选中视频或网页中已创建的且欲删除的对象；

然后用户在802步骤中点击Flash控件箱通用组件中的删除控件，也可以直接使用快捷键进行删除；

803步骤中，系统将需要删除的对象的ID发送给协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)，调用协议引擎接口函数，以删除视频或网页中的对象；

804是系统删除对象后，将结果返回给Flash，即返回控件箱。

图9是本发明方法通过控件箱改变创建的对象的属性流程，其流程如下：

901为用户选中视频或网页中已创建的对象，然后点击Flash控件箱中的相应属性控件，修改该对象的某一个或几个属性值；

902为用户修改完属性值后，系统调用协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)，将修改后的参数传递给协议引擎接口，协议引擎接口通过函数修改视频内部元素或网页元素对象的属性；

903为系统修改完该对象的属性后，将结果返回Flash。

图10为本发明方法中直接在视频或网页中修改对象属性的流程，该流程如下：

1001为用户选中视频或网页中已创建的对象，然后系统直接调用协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)，对用户选中的对象的属性值进行修改；

1002为系统将修改后的对象结果返回Flash，即返回控件箱。

图11为本发明XML资源描述文件生成和保存过程图；

用户通过本发明的控件箱创建视频内部元素和/或网页元素后，便可生成用于描述视频元素和网页元素的资源描述文件，然后通过控件箱中的保存操作，保存生成的资源描述文件；

本发明实施例，采用XML对创建的视频内部元素和网页元素进行描述，然后将XML资源描述文件保存至数据库，具体操作过程如下：

1101为Flash控件箱保存操作，即用户创建完视频及视频内部元素、网页元素后，点击Flash控件箱中的保存按钮，便会生成XML资源描述文件；

生成XML资源描述文件的过程，就是按照XML语法格式，对相应的字段预定义，然后通过协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)，与视频之间、网页之间进行通信，将XML描述的相应字段，通过网页发送给服务器数据库模块；

1103为网页程序，即在实施例中协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)通过调用PHP程序和服务器数据库模块进行通信，如Asp、Jsp或Php等，1103接收1102发送的XML字段信息，然后1103将接收到的XML字段信息发送至1104服务器数据库模块，并将XML字段信息保存至服务器数据库模块，如果保存成功，则服务器数据库模块发送保存成功信息至1103，1103接收到服务器数据库端发送的保存成功信息后，将其发送至协议引擎接口1102模块，通过协议引擎接口检查PHP程序，1102收到服务器保存成功的消息后，便会发送提示信息1105，告知用户当前资源描述文件已在服务器数据库保存成功。

图12是本发明实施例Flash与协议引擎接口交互过程图，用户用鼠标点击本发明Flash控件箱中的控件，通过鼠标拖拽在视频或网页中创建视频内部元素或网页元素，在创建过程中，协议引擎接口(Flash协议引擎接口或JavaScript协议引擎接口)捕获视频中鼠标拖拽事件的数据或网页中鼠标拖拽事件的数据，如鼠标拖拽的起点坐标和终点坐标，然后协议引擎接口将捕获的鼠标拖拽事件数据及时地传给Flash控件箱，最后由Flash控件箱将欲创建的控件信息以及在视频和/或网页中的位置信息等构成XML传给协议引擎接口，由协议引擎接口在视频和/或网页中完成视频内部元素和/或网页元素对象的创建。

图13是本发明方法中通过控件箱中的视频控制模块和网页控制模块编辑视频内容和网页内容的架构图，在本发明的系统架构中，控件箱可以直接集成于已有浏览器中，也可以将其置于101服务器端，当用户启动浏览器时，再将102控件箱从101服务器端获取到；

浏览器端成功加载控件箱后，用户便可点击其中的视频控制模块和/或网页控制模块，进而选择视频控件构造视频内部元素，选择网页控件构造网页元素；

视频控件和/或网页控件通过协议引擎接口构造视频内部元素和/或网页元素；构造完成上述元素后，生成元素描述文件，进而再集成生成资源描述文件，最终通过102控件箱将该资源描述文件保存至服务器数据库。

图14是本发明方法中播放视频和网页的架构图，即用户构造完视频和网页元素，并将资源描述文件存储至服务器数据库后，当用户浏览器向101服务器发起请求后，浏览器端能够播放该事先构造的视频和网页，具体实现过程为：

用户浏览器中嵌入或加载1401视频播放模块、1402网页播放模块，本发明中视频播放模块和网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；视频播放模块和网页播放模块具有可见性和隐藏性，即可以预设视频播放模块和网页播放模块控制面板可见或不可见。

其中视频内部元素和网页元素之间的通信过程可以表示为：

如采用Flash作为视频播放器，则视频内部元素之间的通信可以理解为：用户在视频中产生了操作事件，Flash协议引擎接口函数感知操作事件，并把感知事件传递给JS协议引擎接口，JS协议引擎接口与网页播放模块通信，网页播放模块处理该事件，并把需要执行功能应用再发给JS协议引擎接口，进而传递给Flash协议引擎接口，Flash协议引擎接口再执行视频内部元素操作。

101服务器数据库模块，用于接收浏览器发送的网络视频请求或网页请求，并向浏览器返回所请求的资源描述文件；

1401网页播放模块、1402视频播放模块，嵌入在浏览器中，用于与服务器数据库模块进行通信，向服务器数据库模块发送请求、接收服务器数据库返回的资源描述文件；

1403网页解析模块、1404视频解析模块，嵌入在浏览器中，分别与网页播放模块1401和视频播放模块1402相连，用于接收网页播放模块和视频播放模块发送的指令，并解析资源描述文件；

浏览器加载视频播放模块、网页播放模块、视频解析模块、网页解析模块，生成按预先编辑视频内部元素和网页元素的内容和位置，创建对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，视频播放模块和网页播放模块继续监听。

视频解析模块和网页解析模块用于解析资源描述文件，包括构造出视频内部元素和网页元素以及元素之间的交互关系。

本发明通过具体实施例进行说明，本领域技术人员应当明白，在不脱离本发明范围的情况下，还可以对本发明进行各种变换及等同替代。另外，针对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要求范围内的全部实施方式。

Claims (14)

1、一种构造网页中视频内部元素与网页元素的方法，其特征在于：

浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控件箱中视频控制模块和/或网页控制模块，通过鼠标定位的方法在加载的视频和/或网页中添加视频内部元素和/或网页元素；

构造所生成的视频内部元素与网页元素之间的互动关系，所述视频内部元素与网页元素之间的互动关系包括改变视频内部元素和/或网页元素的属性和/或行为；

将生成的各视频内部元素和/或网页元素以及所述元素之间的互动关系生成对应的资源描述文件；

并将资源描述文件保存到服务器数据库模块；

所述鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和/或网页中位置信息，并在所述区域位置内部生成视频内部元素和/或网页元素；所述鼠标拖拽，拖拽区域为矩形，拖拽方向是左上到右下；

所述鼠标拖拽的另一种方式是选择已创建的视频内部元素和/或网页元素，并通过鼠标拖拽的方法，改变其形状和位置。

2、如权利要求1所述一种构造网页中视频内部元素与网页元素的方法，其特征在于：

所述资源描述文件，为文本文件、脚本语言文件、以及扩展脚本语言文件；所述脚本语言文件包括Actionscript、Flex、Javascript、Microsoft F#、Microsoft Powershell、Perl、PHP、Python、Ruby、VB Script；所述扩展脚本语言包括XML、SMIL；

所述视频内部元素包括：

视频、视频内部文字、视频内部图形、视频内部多媒体；所述视频内部多媒体进一步包括：图片、动画、视频；

所述网页元素包括：

A、框架元素：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

B、框架内元素：视频、语音、动画、图片、文字；所述框架内元素中视频元素中还包括视频内部元素；所述视频内部元素又进一步包括：视频、语音、动画、图片、文字；所述框架内元素还进一步包括：具有某一个应用功能的对象；

所述视频内部元素、网页元素，通过鼠标定位的方法在视频内部、网页内部进行添加。

3、一种构造网页中视频内部元素和网页元素对象结构的方法，其特征在于，包括以下步骤：

S1、通过控件箱将视频内部元素和/或网页元素封装到对象结构中，包括：

(1)构造视频内部元素和/或网页元素对象；

(2)编辑视频内部元素和/或网页元素触发的事件以及事件触发后所对应的功能；

(3)调用功能对应函数执行所述对应的功能；

S2、对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象的功能；所述功能在程序中通过函数实现；并将构造的视频内部元素和/或网页元素保存为元素描述文件；

所述元素描述文件的构成方式有三种：第一种方式只包括视频内部元素描述文件，第二种方式只包括网页元素描述文件，第三种方式既包括视频内部元素描述文件又包括网页元素描述文件；所述视频内部元素描述文件仅对视频内部元素进行描述；所述网页元素描述文件仅对网页元素进行描述；

所述视频内部元素与网页元素之间通过调用所述对应函数产生互动关系，且功能执行完毕后，还能够进一步触发新的事件，从而执行新的功能；

S3、将生成的元素描述文件以及各视频内部元素和网页元素之间的互动关系生成对应的资源描述文件；

S4、并将资源描述文件保存到服务器数据库模块；

S5、视频播放模块和/或网页播放模块通过和服务器数据库通信，获取资源描述文件并解析资源描述文件，创建视频内部元素和/或网页元素对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，视频播放模块和/或网页播放模块继续监听。

4、如权利要求3所述，一种构造网页中视频内部元素和网页元素对象结构的方法，其特征在于：

所述元素描述文件用于描述单个视频内部元素和/或网页元素，元素描述文件封装在一个XML或类脚本语言结构中，元素描述文件包含视频内部元素和/或网页元素<属性-事件-功能>集合，用于描述视频内部元素和/或网页元素现有属性、触发的事件、以及触发事件后的功能或应用；

所述元素描述文件作为和后台服务器数据库通信传输的最小单位，或通过元素描述文件以及各视频内部元素和网页元素之间的互动关系构成完整的资源描述文件，再进行传输保存；

所述元素描述文件是构成资源描述文件的基本单位，也是控制视频内部元素和/或网页元素的最小单位；所述元素描述文件在通信传输的过程中使用加密或不加密的方式进行传输；

所述“如果事件触发，则执行该事件所对应的功能”，所述对应的功能包括但不限于：

添加新的视频内部元素和/或网页元素；

删除旧的视频内部元素和/或网页元素；

改变视频内部元素和/或网页元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

和外部程序或设备进行通信。

5、如权利要求4所述，一种构造网页中视频内部元素和网页元素对象结构的方法，其特征在于：

所述视频内部元素的属性集合包括但不限于：

文本：文本区域位置、文本区域边框、文本区域透明度、文本区域背景颜色、字体大小、字体、字体颜色、显示方式、文本区域运动方式、文本区域关键字；

图片、Flash动画、视频/音频：区域位置、透明度、关键字、背景颜色、区域边框；

所述视频内部元素，可以通过鼠标或鼠标拖拽区域或视频中某帧预先设定位置，在视频中进行添加；

所述视频内部元素的事件集合包括但不限于：

A、响应鼠标单击事件；

B、响应鼠标双击事件；

C、响应鼠标左键按下事件；

D、响应鼠标左键抬起事件；

E、鼠标在对象之上事件；

F、对象初始化事件；

G、对象删除事件；

H、对象开始播放事件；

I、对象结束播放事件；

J、播放器事件；

K、播放器按钮事件；

L、播放器完成播放视频事件

M、对象拖动事件；

所述视频内部元素的功能集合包括但不限于：

添加新的视频内部元素；

删除旧的视频内部元素；

改变视频内部元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

打开本地或远端摄像头；

和外部程序或设备进行通信；

所述网页元素的属性集合包括但不限于：

A.网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、文本框位置信息；

B、网页中表格的大小、运动方式位置坐标、颜色、显示方式、边框信息、字体属性；

C、网页中图片/动画的大小、运动方式、位置坐标、透明度、显示方式、超链接；

D、网页中视频的显示大小、运动方式、展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；

所述网页元素的事件集合包括但不限于：

A、响应鼠标单击事件；

B、响应鼠标双击事件；

C、响应鼠标左键按下事件；

D、响应鼠标左键抬起事件；

E、鼠标在对象之上事件；

F、对象初始化事件；

G、对象删除事件；

H、对象开始播放事件；

I、对象结束播放事件；

J、对象拖动事件；

所述网页元素的功能集合包括但不限于：

添加新的网页元素；

删除旧的网页元素；

改变网页元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

和外部程序或设备进行通信。

6、一种构造网页中视频内部元素与网页元素互动的方法，其特征在于，包括以下步骤：

编辑过程：

浏览器中加载控件箱模块；

通过控件箱模块在网页中加载视频对象和视频文件，利用控件箱中的视频控制模块构造视频内部元素，利用控件箱中的网页控制模块构造网页元素，并在配置界面中编辑视频内部元素与网页元素之间的互动关系；

将构造的视频内部元素、网页元素以及视频内部元素与网页元素之间的互动关系生成对应的资源描述文件，并将资源描述文件保存到服务器数据库模块；

播放过程：

浏览器中加载视频播放模块和网页播放模块，视频播放模块和网页播放模块与服务器数据库模块进行通信，获取资源描述文件，并解析资源描述文件，按预先构造视频内部元素和网页元素的内容及位置，在视频播放和网页播放过程中呈现出全部视频内部元素和网页元素，并展现已建立互动关系的视频内部元素与网页元素间的互动功能。

7、如权利要求6所述一种构造网页中视频内部元素与网页元素互动的方法，其特征在于：

所述控件箱为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制编辑视频内部元素和/或网页元素；

所述控件箱包括但不限于基本功能模块、视频控制模块和网页控制模块；

所述控件箱具有可拖动性，并且具有可见性和隐藏性以供选择；

所述控件箱包含以下部分或全部：

A、视频内部元素和/或网页元素的添加/删除按钮或菜单；

B、保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；

C、控件箱的基本设置信息以及视频内部和/或网页元素基本设置信息。

8、如权利要求6所述一种构造网页中视频内部元素与网页元素互动的方法，其特征在于，包括以下步骤：

所述资源描述文件采用可扩展标记语言或脚本语言；所述资源描述语言不采用HTML语言；

所述资源描述文件采用对象化的方式描述视频内部元素和网页元素，每一个元素都是一个独立对象；

所述资源描述文件在传输过程中，进行加密传输或不加密传输；

所述视频播放模块和网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；

所述视频播放模块和网页播放模块具有可见性和隐藏性。

9、一种构造和生成网页中视频内部元素与网页元素之间互动关系的方法，其特征在于：

所述视频内部元素与网页元素之间的互动关系通过调用和执行所述元素对象的函数实现；

所述调用和执行函数的方式包括：

A.当前一个或多个视频内部元素调用和执行其他一个或多个网页元素的函数，更改其他一个或多个网页元素的属性或行为；

B.当前一个或多个网页元素调用和执行其他一个或多个视频内部元素的函数，更改其他一个或多个视频内部元素的属性或行为；

C.一个或多个视频内部元素调用和执行自身的函数，更改所述视频内部元素自身的属性或行为；

D.一个或多个网页元素调用和执行自身的函数，更改所述网页元素自身的属性或行为。

10、如权利要求9所述一种构造和生成网页中视频内部元素与网页元素之间互动关系的方法，其特征在于：

所述元素属性的更改过程包括如下步骤：

激活响应事件的视频内部元素或网页元素；

通过控件箱激活元素配置模块，配置所述视频内部元素或网页元素响应的事件、以及事件响应时执行的功能、选择或设置所述功能执行时的实施对象；所述实施对象是指某一个或多个视频内部元素或网页元素；

配置所述功能执行时，实施对象的属性信息；

所述元素行为的更改过程包括如下步骤：

激活响应事件的视频内部元素或网页元素；

通过控件箱激活元素配置模块，配置所述视频内部元素或网页元素响应的事件、所述事件响应时执行的功能；选择或设置所述功能执行时的实施对象；所述实施对象是指某一个或多个网页元素或视频内部元素；

配置所述功能执行时，实施对象的行为信息；

所述实施对象的行为信息，是指实施对象的动态信息，执行某一个或多个动作。

11、一种构造网页中视频内部元素与网页元素互动的系统，其特征在于，包括以下模块：

A.服务器数据库模块，用于接收控件箱模块发送的资源描述文件，响应浏览器发送的请求，并向浏览器返回所请求的资源描述文件；在应用中控件箱调用PHP或JSP或ASP程序，操作数据库；

B.控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于基本功能模块、网页控制模块、视频控制模块、元素配置模块；

基本功能模块，用于实现视频内部元素和网页元素的基本功能操作，所述基本功能包括但不限于：删除创建的元素对象、撤销、上一步操作、下一步操作、控件箱中元素的默认设置信息；

网页控制模块，用于编辑、控制网页元素；和网页控件模块进行通信，生成网页元素描述文件；和浏览器中PHP或JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；元素配置模块，用于配置网页元素的属性信息和触发事件信息，以及元素触发事件所对应功能应用信息；包括配置各网页元素的默认设置；

视频控制模块，用于编辑、控制视频元素；和视频控件模块进行通信，生成视频元素描述文件；和浏览器中PHP或JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；

C.网页控件模块，JavaScript或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制控件箱中选择的网页元素；所述网页控件模块作为程序嵌入到网页代码中，实时感应网页中事件，并响应事件；网页控件模块作为XML的解析器功能，并能够和控件箱网页控制模块进行通信；

D.视频控件模块，Flash的ActionScript或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制控件箱中选择的视频内部元素；所述视频控件模块作为程序嵌入到网页代码中，实时感应视频中事件，并响应事件；视频控件模块作为XML的解析器功能，并能够和控件箱视频控制模块进行通信；

E.浏览器模块，用于加载控件箱模块、承载创建视频内部元素和网页元素。

12、如权利要求11所述一种构造网页中视频内部元素与网页元素互动的系统，其特征在于：

浏览器模块中加载控件箱模块，控件箱模块中包括基本功能模块、视频控制模块、网页控制模块、元素配置模块；

通过激活视频控制模块和/或网页控制模块，选择视频控件和/或网页控件来创建视频内部元素和/或网页元素；

通过激活元素配置模块，对所述创建的元素进行基本信息配置和事件信息配置，以及元素之间的互动关系配置；

将创建的元素以及事件互动关系等信息保存为资源描述文件，并保存至服务器数据库模块；

控件箱中所述视频控制模块和网页控制模块通过协议接口并调用网页PHP或JSP或ASP程序与服务器数据库模块相连；

所述网页控制模块通过协议接口和网页控件模块相连，通过网页控件模块解析网页控制模块创建的网页元素描述文件，创建网页元素；

所述网页控件模块作为程序模块内嵌于网页中，通过调用PHP或JSP或ASP和服务器数据库模块相连；并且网页控件模块和控件箱直接通过函数调用进行通信；

所述视频控制模块通过协议接口和视频控件模块相连，通过视频控件模块解析视频控制模块创建的视频元素描述文件，创建视频内部元素；

所述视频控件模块作为程序模块内嵌于网页中，通过调用PHP或JSP或ASP和服务器数据库模块相连；并且视频控件模块和控件箱直接通过函数调用进行通信。

13、一种在网页中播放视频和网页的系统，其特征在于包括以下模块：

A.服务器数据库模块，用于接收浏览器模块发送的网页请求，并向浏览器返回所请求的资源描述文件；同时服务器数据库模块用于存储或动态生成元素描述文件或资源描述文件，并且服务器数据库模块还具有统计用户操作行为的功能；

B.视频播放模块，嵌入在浏览器中，具有可见性和隐藏性，用于与服务器数据库模块进行通信，接收服务器数据库返回的视频元素描述文件或资源描述文件；

C.视频解析模块，嵌入在浏览器中，作为脚本语言或程序语言模块嵌入网页中，不具有可见性，与视频播放模块相连，用于接收视频播放模块发送的指令，并解析资源描述文件，最终在播放视频过程中构造视频内部元素以及控制视频内部元素行为；

D.网页播放模块，嵌入在浏览器中，具有可见性和隐藏性，用于与服务器数据库模块进行通信，接收服务器数据库返回的网页元素描述文件或资源描述文件；

E.网页解析模块，嵌入在浏览器中，作为脚本语言或程序语言模块嵌入网页中，不具有可见性，与网页播放模块相连，用于接收网页播放模块发送的指令，并解析资源描述文件，最终绘制网页元素以及控制网页元素行为；

F.浏览器模块，用于加载视频播放模块、视频解析模块、网页播放模块、网页解析模块，生成按预先编辑视频内部元素和/或网页元素的内容和位置，构造出全部视频内部元素和/或网页元素以及所述元素响应的事件及相互控制关系。

14、如权利要求13所述一种在网页中播放视频和网页的系统，其特征在于：

视频播放模块具有可见性和隐藏性；所述可见性用于播放网页中包含的视频，方便用户对播放进程进行操作；所述隐藏性用于播放网页中的视频，但仅显示视频画面，无控制视频进程的操作按钮或界面；

视频解析模块用于解析视频描述文件，包括构造出添加在视频中的全部元素；视频解析模块根据解析的描述文件中描述的视频内部元素对象的属性、方法和事件等信息，编辑、创建视频内部元素对象，如果所述元素对象包含响应事件信息，且所述响应事件已激活，则执行所述元素对象的响应事件；

所述视频解析模块通过控制网页脚本/Java解析运行模块来控制视频内部元素；

所述视频内部元素包括：

A.视频中的文本；

B.视频中闭合的规则或不规则形状；

C.视频中的线性对象；

D.视频中的图片；

网页播放模块具有可见性和隐藏性；所述可见性用于播放网页中包含的视频；所述隐藏性用于播放网页中无视频的情形；

网页解析模块用于解析网页描述文件，包括构造出框架元素和框架内元素；

所述框架元素包括网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

所述框架内元素包括视频、语音、动画、图片、文字；

所述构造元素响应的事件包括激活的事件和监听的事件。

Images