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

专利名称：一种网页中视频元素与网页元素互动的方法及系统的制作方法
技术领域：
本发明涉及网络传输技术，尤其涉及一种网页中视频元素与网页元素互 动的方法及系统。
背景技术：
网页以及网页中的视频是当前及未来信息呈现的主要形式.，也是人们通 过网络获得知识、进行娱乐的主要途径，更是商家通过网络进行产品宣传及 推广的重要手段，因此，网页和视频技术的发展将直接影响人们获得信息的 效率，进而影响人们对网络的依附感。
近年来，网站及网页开发技术得到了长足的发展，各种网页开发技术层 出不穷，网页的功能越来越强大，网页的内容越来越丰富，技术工具的发展 为网页开发人员提供了方便，提高了网页开发的效率。但是，现有的网站架 构及开发模式，主要集中于后台服务器，网站的结构一旦确定，便不会轻易 改变，网站的开发人员便在既定的网站结构-下开发相应模块的网页以及更新 网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下， 页面内容通常不变。这种开发模式及开发技术缺乏灵活性，不能够根据用户 的需求进行改变，属于一种普适性的推广，所有上网者面对的是同样的界面、 同样的内容，即使这样的界面和内容当前上网者不喜欢或不需要，用户也无 法对其进行更改，网站开发者也不能及时进行调整。
此外，互联网正逐渐成为一个巨大的视频仓库，人们越来越多地青睐于 通过互联网实时查询、欣赏丰富多彩的视频信息。现阶段一些大型的视频网 站，每天的流量超过千万IP,网络视频已经成为一种高效和灵活的视频形式。 与此同时，与网络视频有关的应用也在快速的增长过程中，网络视频的应用 逐渐变得越来越重要。如果用户能够在欣赏视频的过程中与视频进行交互， 在欣赏视频的同时，可以进一步获得感兴趣的相关对象的信息'，并可以满足 不同用户的需求，则具有重大意义。
CN200910100427.8提供了 一种构造和生成网页的方法及系统，包括浏览器中加载控件箱模块，通过获取鼠标或鼠标.拖拽的位置，在网页中动态生成 可预览的网页元素，并生成各网页元素对应的网页描述文件，使用户可以所 见即所得的构造网页，完成对网页内容的编辑和控制。
CN200910095483.7提供了一种基于XML的视频资源描述文件格式，并 提供了一种基于XML的视频控制方法及其系统，使用户可以在观看视频过程 中与视频内部的相应对象进行互动，既增强了视频的娱乐性，同时也为广告 业务以及其他增值应用提供了技术支撑。
CN200910101363.3提供了 一种构造和生成网页中浮见频元素的方法及系 统，包括浏览器中加载控件箱模块，选取并激活控件箱中视频控制模块，通 过获取鼠标定位的方法，在视频中动态生成可预览的视频内部元素，构造视 频内部元素之间的交互关系，并生成视频描'述文件，使用户可以所见即所得 的构造网页中视频内部元素，完成对网页中视频内容的编辑和控制。
开发技术和视频编辑技术，但是，其局限在于所提供的技术方法仅现有对单 独的网页或单独的视频进行编辑、开发。众所周知，现有的网页中，视频已 逐渐成为网页的一部分，尤其是Flash视频几乎存在于各种网页中，既丰富了 网页的内容，也增强了网页的娱乐性。因此，视频元素与网页元素之间的关 系也逐渐地变得越来越重要，如果能够建立起两者之间的互动关系，便于用 户对两者进行操作,将对网络的发展以及相应应用带来革命性的变化。
然而，现有技术中，网页中的视频与网-页元素之间相互独立，尚没有构 建视频内部元素与网页元素互动的方法，也没有能够4吏网页中.一见频内部元素 与网页元素进行通信的方法。

发明内容
本发明实施例要解决的问题是提供一种网页中视频元素与网页元素互动 的方法及系统，以解决现有技术中视频内部元素不能与网页元素进行通信交 互的缺陷，进而使用户能够根据个人喜好和当前需求，通过鼠标点选控件， 所见即所得的编辑构造相应网页中的视频内部元素和网页元素，尤其是能够 构造两者之间的互动关系，拓展现有视频及网页的功能。
为了实现上ii目的，本发明的实施例提，供了构造网页中视频内部元素与
网页元素互动的方法，包括以下步骤编辑过程
浏览器中加载控件箱模块；
通过控件箱模块在网页中加载视频对象和视频文件，利用控件箱中的视 频控制模块构造^频内部元素，利用控件箱中的网页控制模块构造网页元素，
并在配置界面中编辑S见频内部元素与网页元素之间的互动关系；
将构造的^L频内部元素、网页元素以及浮见频内部元素与网页元素之间的 互动关系生成对应的资源描述文件，并将资源描述文件保存到服务器数据库
模块；
播放过程
浏览器中加载视频播放模块和网页播放模块，视频播放才莫块和网页播放 模块与服务器数据库模块进行通信，获取资源描述文件，并解析资源描述文 件，按预先构造^L频内部元素和网页元素的内容及位置，在-见频插J文和网页 播;汰过程中呈现出'全部4见频内部元素和网页_元素，并展现已建立互动关系的 视频内部元素与网页元素间的互动功能。
本发明的有益效果在于
(1) 通过本发明提供的控件箱，用户能够根据喜好和当前需要，非常容 易的构造视频内部元素和网页元素；
(2) 用户还可以通过本发明提供的控件箱，通过鼠标点选，构造^L频内 部元素与网页元素之间的互动关系；
(3) 通过组态方式，使得用户无需直接编写代码，即可实现个性化视频 编辑、构造个性化.网页以及相应的应用。


图1是本发明 一种网页中视频元素与网页元素互动的方法的系统架构图; 图2是本发明 一种构造和生成网页中视频内部元素的方法结构图； 图3是本发明中控件箱与创建的对象之间的通信过程图； 图4是本发明中控件箱与创建的视频内部元素对象之间的通信过程图； 图5是本发明中控件箱与创建的网页元素对象之间的通信过程图；图6是本发明方法中视频内部元素与网页元素对象的互动示意图7是本发明方法中创建视频内部元素对象的流程；
图8是本发明方法中删除对象的流程；
图9是本发明方法通过控件箱改变创建的对象的属性流程；
图10为本发明方法中直接在视频或网页中修改对象属性的流程；
图ll为本发明XML资源描述文件生成和保存过程图12是本发明'实施例Flash与协议引擎接口交互过程图13是本发明方法中通过控件箱中的视'频控制模块和网页控制模块编辑
视频内容和网页内容的架构图14是本发明方法中播放视频和网页的架构图。
具体实施例方式
本发明的优选实施例提供了 一种网页中视频元素与网页元素互动的方法 及系统。该方法主要是通过嵌入到浏览器中的ActiveX技术，创建控件箱，利 用控件箱中的相关控件，用户仅需通过鼠标点选、拖拽等方式，便能够方便、 快速、所见即所得的编辑网页中的视频、添加视频内部元素、构造网页元素， 同时还可以利用控件箱中的控件，构造视频"^部元素之间、网页元素之间、 视频内部元素与网页元素之间的交互关系，实现上述元素间的互动。尤其是， 用户还能够利用本发明提供的控件箱，进一步构造视频内部元素之间、网页 元素之间、网页中视频内部元素与网页元素之间的事件响应关系，突破了现 有技术中视频内部元素与网页元素之间彼此独立、无法进行互动的技术瓶颈， 拓展了视频及网页的功能。
本发明实施例中7>开了一种构造网页中^L频内部元素与网页元素的方 法，包括以下步骤
浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控 件箱中视频控制模块和/或网页控制模块，逸过鼠标定位的方法在加载的视频 和/或网页中添加视频内部元素和/或网页元素；
元素与网页元素之间的互动关系包括改变视频内部元素和/或网页元素的属性和/或行为； . _
将生成的各视频内部元素和/或网页元素以及元素之间的互动关系生成对 应的资源描述文件；
并将资源描述文件保存到服务器数据库模块；鼠标定位方法是指，通过 鼠标的拖拽，获取视频内部区域和/或网页中位置信息，并在获取的区域位置 内部生成^L频内部元素和/或网页元素；其中鼠标拖4爽，拖拽区域为矩形，拖 拽方向是左上到右下；
鼠标拖拽的另 一种方式是选择已创建的视频内部先素和/或网页元素，并 通过鼠标拖拽的方法，改变其形状和位置。值得一提的是，视频也可以作为 一个网页内元素^存在，即点击控件箱中的.视频控件按钮，鼠标在网页上通 过拖拽，直接形成一个视频窗口，视频的相关配置信息，例如地址信息等放 在视频对象相应的属性框内进行配置。
这里的网页元素包括
A、 框架元素网页中的Div、 iFrame、 Table和Flash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素；
B、 框架内元素视频、语音、动画、图片、文字；所述框架内元素中视 频元素中还包括视频内部元素；所述视频内部元素又进一步包括视频、语 音、动画、图片、文字；所述框架内元素还进一步包括具有某一个应用功 能的对象。这里框架元素和框架内元素可以.单独在网页中实现，也可以整合 之后统一实现，即，通过鼠标拖拽可以形成一个容器(框架元素)，也可以是 一个容器(框架元素)+容器内元素(框架内元素)的统一模式。这里的框架 元素还包括把一些具有特定功能的网页元素以及相关程序逻辑集合在一起， 作为一个统一的应用功能对象，并将该对象放入控件箱中。例如，控件箱中 一个具有聊天功能的控件按钮，点击该按钮后，在网页上通过鼠标拖拽就形 成一个具有聊天功能的程序模块，可以类似于腾讯聊天工具外形或聊天室外 形。这样的应用功能对象可包含很多类应用程序，游戏类、IM即时通信类、 文字处理类、专业类应用(例如金融)、办公类、统计类等等都可以轻松在互 联网上实现。该利用的实现，可以通过控件4f的方式，将大量的应用程序集中搬到互联网上，并可以轻松地将各种不同应用动态加载到同一个网页中， 具有很强实用性。
图1是本发明一种网页中^L频内部元素与网页元素互动的方法的系统架
构图，本发明的系'统包括如下部分 .
101服务器数据库模块，用于接收102控件箱模块发送的资源描述文件，
响应浏览器发送的请求，并向浏览器返回所请求的资源描述文件；其中资源 描述文件，为文本文件、脚本语言文件、以及扩展脚本语言文件；脚本语言 文件包括Actionscript、 Flex、 Javascript、 Microsoft F#、 Microsoft Powershell、 Perl、 PHP、 Python、 Ruby、 VBScript;扩展脚本语言包括XML、 SMIL。在 实际设计过程中，设计的语言可以不同，但是设计之原理以及作用实质相同， 均在本专利保护范围之内。
102控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于 108视频控制模块'、109网页控制模块、110.基本功能模块；资源描述文件在 控件箱102和服务器数据库模块101之间传输的过程中，为了数据安全，通 常可以采用加密传输的方式，加密算法可以使用但不限于以下种类 MD5/SHA1， DSA, DESede/DES， Diffie-Hellman。同样在控件箱和一见频控件才莫 块103、网页控件冲莫块105之间进行通信时，也可以采用加密方式进行通信， 通信的方式包括控件箱调用视频控件模块函数、网页控件模块函数，以及控 件箱给视频控件模块103及网页控件模块105 (例如，JavaScript脚本程序) 发送基于XML协议或其它脚本扩展协议或自定义协议规范的元素描述文件的 控制信息，用于控制视频内部元素在视频中的创建和生成，同时构造网页元 素在网页中的呈现。同样控件箱能够响应^!J贞控件模块和网页控件模块创建 返回的消息。
本发明中的102控件箱，为Flash控件或Java控件或JavaScript控件或 VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制构造视频内 部元素、网页元素；具有可拖动性，即用户可以通过鼠标拖动控件箱，将其 放置于浏览器中的适当位置；同时用户还可以根据需要选择控件箱或控件箱 的部分组件，例如，视频内部元素的配置(config)窗口、视频内部元素树 形结构窗口、网页元素的配置窗口、网页元素树形结构窗口，上述窗口均可见或隐藏，因此其具有可见性和隐藏性。
在整个系统架构中，可以把所有组件模块按功能分为编辑模式和播放模 式；在编辑模式下，控件箱模块102负责所有视频及视频内部元素、网页元 素的编辑工作，并在内存中保存所有元素的信息，并且还负责记录和控制一见 频内部元素之间、网页元素之间、视频内部元素与网页元素之间的通信和元 素控制功能。在播放模式下，视频播放模块则负责所有视频内部元素之间的
通信和元素控制功能；网页播放模块负责所有网页元素之间的通信和元素控能。
在选择构建控件箱、视频播放模块、网页播放模块、视频控件模块、网 页控件模块、视频解析模块、网页解析模块时，通常情况下，控件箱、视频
播放才莫块、网页播放斗莫块采用相同的编程语言，例如Flash的ActionScript 语言，而视频控件模块、网页控件模块、视频解析模块、网页解析模块则采 用斗目同的编禾呈;吾言，例30 JavaScript i吾言。
在选择编程语言的时候，值得注意的是，由于控件箱、视频播放模块、 网页播放模块需要和后台服务器频繁通信，祠时也要控制整个视频和网页， 因此需要比较强大完备的语言体系，因此，可以选择ActiveX (Flash实际上 是一个ActiveX,并且具有类Java的语言结构)、Java等功能强大的语言； 而视频控件模块、网页控件模块、视频解析模块和网页解析模块则可以使用 J謹Script、 VBScript、 Java、 CGI、 Pear、 ActiveX等多种语言来支持。
102控件箱通常包括以下部分或全部
A、 视频内部元素和/或网页元素的添加/删除按钮或菜单；
B、 保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；
C、 控件箱的泰本设置信息以及视频和/或网页内部元素基本设置信息。
110是102控件箱中的基本功能模块，滑于编辑视频内部元素和网页元素 的基本功能操作，其中基本功能包括但不限于删除创建的元素对象、撤销 前一步的操作、恢复前一步的操作等；
用户可以通过点选基本功能模块中的控件，如先点选用户已创建的控件对象，然后点选基本功能模块中的删除控件，以删除创建的视频内部元素、
网页元素；基本功能模块中的撤销控件，用'于撤销前一次的操作；基本功能 模块中的恢复控件，用于恢复前一次撤销的操作；基本功能模块中的初设参 数设置控件，用于设置视频或网页的初始参数信息；基本功能模块中的保存 控件，用于对当前的设置信息进行保存等。
108#见频控制冲莫块，用于编辑、控制4见频内部元素。
109网页控制模块，用于编辑、控制网页元素。
107协议接口层，用于使控件箱模块与服务器数据库模块之间进行通信连 接，在本发明的系统中，控件箱中的相应控件与视频内部元素和网页元素之 间的通信也是通过该协议接口层实现。
103视频控件模块，用于向视频中添加元素的具体控件，包括但不限于文 本控件、图片控件、音频控件、视频控件等；
用户可以通过选择^L频控件才莫块中的控件，编辑;观频内.部元素，例如， 用户选择视频控件模块中的文本控件，然后在视频中通过鼠标拖拽，创建一 个文本对象，并向该文本对象中添加相应的文本信息；此外，用户还可以从 视频控件模块中选择图形控件、图片控件等，向视频中添加图形信息和图片 信息。
104为视频中的具体元素，这些视频内部元素都可以通过网页控件才莫块进 行控制，包括视频、视频内部文字、视频内_部图形、视频内部多々某体；其中 视频内部多々某体进一步包括图片、动画、视频。
105网页控件模块，用于向网页中添加元素的具体控件，包括但不限于文 本控件、图片控件、音频控件、视频控件、表格控件等；
用户可以通过选择网页控件模块中的控件，编辑网页元素，例如，用户 选择网页控件模块中的小网页控件，然后在网页中通过鼠标拖拽，创建具有 一般网页功能的小网页对象，这个小网页完全继承了现有的Web网页的特性； 此外，用户还可以从网页控件模块中选择文本控件、图片控件等，向创建的 小网页对象中添加文本信息和图片信息。
106为网页中^j具体元素，这些网页元素都可以通过网页控件模块进行控制，包括框架元素和框架内元素，其中框架元素包括网页中的Div、 iFrame、 Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX 控件元素；框架内元素包括视频、语音、动画、图片、文字。
102控件箱中所述各模块通过107协议接口与101服务器数据库模块相 连。 '
108视频控制模块通过107协议接口控制103视频控件模块。 109网页控制模块通过107协议接口控制105网页控件模块。 103视频控件模块还分别与104视频内部元素和101服务器数据库模块相连。
105网页控件模块还分别与106网页元素和101服务器数据库模块相连。 在构造网页中视频内部元素与网页元素的过程中，系统内部各才莫块间的 通4言流程如下
用户浏览器模块中加载102控件箱模块_，控件箱模块中包括但不限于 基本功能模块、视频控制模块、网页控制模块、元素配置模块；在实际应用 中，用户可以根据需要，在控件箱中添加相应模块。本发明的控件箱支持插 件式功能扩展，即用户可以将自己开发的功能模块方便地置于本发明的控件 箱中，因此，本发明中提到的控件箱中的几个功能模块以及用户嵌入到本发 明控件箱中的功能模块，均在本发明保护之列。
106基本功能模块中还包含一些通用的控件，如删除控件，用于删除创建 的视频内部元素或网页元素；撤销控件，用于撤销前一次的操作；恢复控件， 用于恢复前一次撤销的操作；初始参数设置控件，用于设置视频或网页的初 始参数信息；保存控件，用于对当前的设置偉息进行保存等。
在实际应用中，用户通过激活108视频控制模块，加载待编辑的视频文 件，然后选择103视频控件模块中的控件，通过获取鼠标定位的方法，加载 并构造视频及视频内部元素。通过激活109网页控制模块，选4奪105网页控 件模块中的控件来创建网页元素。将构造的各视频内部元素和网页元素生成 对应的元素描述文件，并将元素描述文件保存到服务器数据库模块。
创建完视频内部元素和网页元素后，用户可以通过激活元素配置模块或配置窗口，对创建的元素进行基本信息配置和事件信息配置，以及元素之间 的事件控制信息配置。
本发明的实施例中，4见频及S见频内部元素、网页元素均在Flash框架下构 造，加载并构造视频及视频内部元素、网页元素，包括以下步骤
浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控 件箱中视频控制模块和/或网页控制模块，通过鼠标定位的方法在加载的视频 和/或网页中添加视频内部元素和/或网页元素；
元素与网页元素之间的交互关系包括改变视频内部元素和/或网页元素的属性 和/或4亍为；
将生成的各视频内部元素和/或网页元素以及元素之间的交互关系生成对 应的资源描述文件；
并将资源描述文件保存到服务器数据库模块；
鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和/或网页中位 置信息，并在获取的区域位置内部生成视频内部元素和/或网页元素；鼠标拖 拽，拖拽区域为矩形，拖拽方向是左上到右下；
鼠标拖拽的另 一种方式是选4爭已创建的视频内部元素和/或网页元素，并 通过鼠标拖拽的方法，改变其形状和位置。
浮见频内部元素包括
视频、视频内部文字、视频内部图形、视频内部多媒体；所述视频内部 多媒体进一步包括图片、动画、视频； 网页元素包括
A、 才匡架元素网页中的Div、 iFrame、 Table和Fiash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素；
B、 框架内元素视频、语音、动画、图.片、文字；所述框架内元素中碎见 频元素中还包括视频内部元素；所述视频内部元素又进一步包括视频、语 音、动画、图片、文字；
浮见频内部元素、网页元素，通过鼠标定位的方法在3见频内部、网页内部进行添力口。
本发明在构造视频内部元素和网页元素的过程中，采用的是一种对象结
构，即通过控件箱将视频内部元素和网页元素封装到对象结构中，包括 (1)构造-见频内部元素和/或网页元素对象；
(2 )编辑视频内部元素和/或网页元素触发的事件以及事件触发后所对应 的功能；
(3)调用功能对应函数执行所述对应的功能；
对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象功 能；其中功能在程序中通过函数实现；并将构造的视频内部元素和/或网页元 素保存为元素描述文件；对象结构在对象类.中进行实现，对象(Object)、对 象感应事件(Event)、对象功能函数(Function)三位一体。在具体设计时， 一个具体对象类中往往包含对象属性、对象对应的事件、对象功能；其中对 象对应事件，是针对对象自身所能感受到的外部或内部事件，而对象功能则 可以用于操作本对象之外的其它对象， 一个功能函数也可以同时操作几个对 象，例如，A对象被触发了点击事件，可以触发B对象从C位置运动到D位 置，运动时间为t，运动方式为default,用A对象类中函凄t表示为 A::vx—moveto(object—B, location—C， location—D, t, default)。在应用函凄丈的功能 设计中，除了使用对象类内部函数外，还可以使用外部函数，调用方式和对 象内部函数类似，'只是资源使用和设计上的区别。
元素描述文件的构成方式有三种第一种方式只有视频内部元素描述文 件，即用户在编辑过程中，仅对网页中的视频进行编辑，没有构造任何网页
元素；第二种方式只有网页元素描述文件，即用户在编辑过程中仅对网页元
素进行构造，网页中没有视频及视频元素；第三种方式既有视频内部元素描 述文件又有网页元素描述文件，即网页中既包括视频及视频内部元素又包括 网页元素；所有的元素描述文件均可看作是资源描述文件中的一部分，而且 元素描述文件由于短小精悍，方^f更导入数据库中。在元素创建过程中，通常 通过分析资源描述文件获取一个个元素，然后再分别创建；例如，在网页环 境中，Flash获取i于XML的资源描述文件，然后解析出每一个元素描述文件，即分析出每一个需要创建的元素，如果是网页元素，然后在调用网页中
JS脚本(网页控制模块中)进行每一个元素的创建，并将创建结果返回；如 果是视频内部元素/Flash内部元素，则将解析出来的元素描述文件发送到Flash (视频控制模块中)进行创建。在修改元素_属性时，同样发送类似元素描述 文件的方式到网页控制模块或视频控制模块进行创建。
视频内部元素与网页元素之间通过调用对应函数产生交互'关系，且功能 执行完毕后，还能够进一步触发新的事件，从而执行新的功能；
将生成的元素描述文件以及各视频内部元素和网页元素之间的交互关系 生成对应的资源描述文件；
并将资源描述文件保存到服务器数据库模块。
1401网页播放模块、1402视频播放模块通过和l()l服务器数据库通信， 获取元素描述文件并解析元素描述文件，创建视频内部元素对象、网页元素 对象并监听事件，'如果事件触发，则执行该.事件所对应的功能；如果事件没 有触发，视频播放模块和网页播放模块继续监听。
元素描述文件用于描述单个视频内部元素和/或网页元素，元素描述文件 封装在一个XML或类脚本语言结构中，元素描述文件包含该视频内部元素和 /或网页元素<属性-事件-功能>集合，用于描述该^L频内部元素和/或网页元素 现有属性、触发的事件、以及触发事件后的功能或应用；
本发明中的元素描述文件作为和后台服务器数据库通信传输的最小单 位，或通过元素描述文件以及各浮见频内部元素之间、网页元素之间、^L频内 部元素与网页元素之间的交互关系构成完整的资源描述文件，再进行传输保 存；
其中"如果事件触发，则执行该事件所对应的功能"，对应的功能包括但 不限于
添加新的一见频内部元素和/或网页元素； 删除旧的^L频内部元素和/或网页元素； 改变浮见频内部元素和/或网页元素属性； 打开/关闭本地或网络URL地址文件；打开/关闭本地或网全各地址i殳备或程序；
和外部程序或^:备进行通信。
本发明中视频内部元素的属性集合包括但不限于
文本文本区域位置、文本区域边框、文本区域透明度、文本区域背景 颜色、字体大小、字体、字体颜色、显示方式、文本区域运动方式、文本区 域关键字；
图片、Flash动画、视频/音频区域位冥、透明度、关键字、背景颜色、 区域边框；
本发明中视频内部元素，可以通过鼠标或鼠标拖拽区域或视频中某帧预 先i殳定位置，在浮见频中进行添加；
本发明中视频内部元素的事件集合包括但不限于
A、 响应鼠标单击事件；
B、 响应鼠标双击事件；
C、 响应鼠标左键按下事件；
D、 响应鼠标左键抬起事件；
E、 鼠标在对象之上事件；
F、 对象初始化事件；
G、 对象删除事件；
H、 对象开始播放事件；
I、 对象结束播放事件； J、播放器事件；
K、播放器按钮事件；
L、播放器完成播放视频事件 ' M、对象拖动事件；
本发明中视频'内部元素的功能集合包括但不限于 添加新的一见频内部元素； 删除旧的-见频内部元素； 改变视频内部元素属性；打开/关闭本地或网络URL地址文件；
打开/关闭本地或网络地址"i殳备或程序；
打开本地或远端摄像头；
和外部程序或i史备进行通信；
本发明中网页元素的属性集合包括但不限于
A、 网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、 文本框位置信息；
B、 网页中表格的大小、运动方式位置坐标、颜色、'显示方式、边框信息、 字体属性；
C、 网页中图片/动画的大小、运动方式位置坐标、透明度、显示方式、 超链接；
D、 网页中视频的显示大小、运动方式、展示区域位置坐标、循环播放、 声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；
本发明中网页元素的事件集合包括但不限于
A、 响应鼠标单击事件；
B、 响应鼠标双击事件；
C、 响应鼠标左^t按下事件；
D、 响应鼠标左键抬起事件；
E、 鼠标在对象之上事件；
F、 对象初始化事件；
G、 对象删除事件；
H、 对象开始播放事件；
I、 对象结束播放事件； J、对象拖动事件；
本发明中网页元素的功能集合包括但不限于
添加新的网页元素；
删除旧的网页元素；
改变网页元素'属性；打开/关闭本地或网络URL地址文件； 打开/关闭本地或网络地址设备或程序； 和外部程序或设备进行通信。
下面以一具体实例，进一步描述本发明构造网页中^见频内部元素与网页 元素的方法及系统
用户启动浏览器，浏览器中加载本发明的控件箱；
用户激活控件箱中的视频控制模块和/或网页控制模块，点击视频控件模 块和/或网页控件模块，从视频控件模块和/或网页控件模块中选择相应控件， 例如用户可以选择视频控件模块中的图形控件，然后在当前打开的视频中通 过鼠标拖拽添加图形对象，以圈选视频中某一特定对象，用于对圈选的对象 进行跟踪或其他应用。用户还可以选择网页控件模块中的小网页控件，然后 在当前网页中通ii鼠标拖拽添加具有web网.页功能的小网页对象，还可以继 续选择其他控件在小网页对象中添加新的网页元素。
通过鼠标拖拽定位在一见频中构造碎见频内部元素或在网页中构造网页元素 的方法包括以下步骤
选择创建视频内部元素和/或网页元素的类型及相关创建属性； 通过在一见频内部4丸行Flash的ActionScript程序获耳又鼠标才也动区域位
在鼠标拖动的区域位置创建所选4奪的视频内部元素和/或网页元素；
选择创建视频内部元素和/或网页元素，在控件箱中完成；
相关创建属性，指视频内部元素和/或网.页元素创建时的默认属性；
鼠标拖动，拖动区域为矩形，拖动方向通常是左上到右下。
在上述过程中，视频控件模块通过Flash协议引擎接口函数与视频内部元
素对象相连；网页控件模块通过JavaScript协议引擎接口函数与网页元素对象相连。
添加完^L频内部元素和/或网页元素后，用户可以通过元素配置才莫块为创 建的元素添加事件信息，还可以设置元素间的事件控制关系。例如，用户可
27以在视频内部创建一个图片元素，然后为该图片元素添加鼠标单击事件，当 鼠标单击该图片时，可以链接到某一网络资源地址或调用本地资源。用户还
可以构造元素之间的事件控制关系，例如，可以为网页中的文本元素添加事 件，当激发该事件时，可以实现改变视频内部某元素的属性或运行特性以构 造网页元素与视频内部元素之间的交互关系。
视频内部元素之间、网页元素之间、视频内部元素与网页元素之间的交
互关系通过调用和'执行视频内部元素和/或网.页元素对象的函数实现； 其中调用和执行函数的方式包括
A. 当前一个或多个视频内部元素调用和执行其他一个或多个网页元素的 函数，更改其他一个或多个网页元素的属性或行为；
B. 当前一个或多个网页元素调用和执行其他一个或多个一见频内部元素的 函数，更改其他一个或多个视频内部元素的属性或行为；
C. 一个或多个一见频内部元素调用和执行自身的函数，更改-见频内部元素 自身的属性或行为；
D. —个或多个网页元素调用和执行自身的函数，更改网页元素自身的属 性或4亍为。 -
更改;规频内部元素和/或网页元素的属性包括如下步骤 激活响应事件的视频内部元素和/或网页元素；
通过控件箱激活元素配置模块，配置所述视频内部元素和/或网页元素响 应的事件、以及事件响应时执行的功能、选择或设置相应功能执行时的实施 对象；其中实施对象是指某一个或多个网页元素或视频内部元素；
配置功能执行时，实施对象的属性信息；
更改视频内部元素和/或网页元素的行为包括如下步骤
激活响应事件的视频内部元素和/或网页元素；
通过控件箱激活元素配置模块，配置视频内部元素和/或网页元素响应的 事件、以及事件响应时执行的功能；选择或设置相应功能执行时的实施对象； 其中实施对象是指某一个或多个网页元素或视频内部元素；
配置功能执行时，实施对象的行为信息；本发明中实施对象的行为信息，是指实.施对象的动态信息，执行某一个 或多个动作。
用户完成视频内部元素信息和网页元素信息配置后，可以将构造好的每 一个视频内部元素和网页元素对象信息生成元素描述文件，该元素描述文件
完整记述了当前元素的属性信息、事件信息和功能信息；
然后再通过控件箱，将每一个元素描述文件进行集成，生成一个完整的 资源描述文件，并将该资源描述文件发送至服务器数据库端。
在本发明实施例中，最终生成的资源描述文件，是一个完整的用于描述 视频和网页的描述文件，然后将这一完整的资源描述文件存储在后台服务器 数据库中。 ' .
图中200是指能够浏览Web页面的浏览器；
本实施例中，201是本发明利用ActiveX技术开发的Flash控件箱，201 功能的实现需依赖于200浏览器，即201需嵌入到200浏览器中或用户设置 当前浏览器允许ActiveX控件的加载，此时201的功能才能够得以实现。
202是本发明开发的控件箱中的程序界面，该界面用于编制欲实现的程序 功能。 '
203是本发明开发的控件箱中的属性界面，该界面用于描述创建的对象的 静态属性信息，如对象的位置信息、大小、颜色、形状等。
204是本发明开发的控件箱中的对象界i;，该界面用于创建相关对象,'如 创建小网页对象、文本对象、图片对象、视频对象、命令按钮对象、表单对 象等。
205是指承载视频内容的画布视图，该画布视图具有位置、大小、形状等 属性。
206是指承载网页内容的画布视图，该画布视图具有位置、大小、形状等 属性。
用户浏览器中加载本发明提供的控件箱后，便可以通过本发明提供的控 件箱，采用CN200910101363.3提供的构造网页中视频内部元素的方法构造视 频内部元素，采用CN 200910100427.8 4是供的构造网页元素的方法，构造网页元素。与CN200910101363.3和CN 200910100427.8提供的方法有所不同的是，内容(网页元素)，还能够构造视频内部元素与网页元素之间的互动关系，建 立两者之间的通信'桥梁。 .图3是本发明中控件箱与创建的对象之间的通信过程图；本发明201控件箱通过301协议，经过302中的协议引擎接口与创建的 对象进行通信；其中协议S1擎接口包括Flash协议？ 1擎接口和JavaScript协议 引擎接口，前者用于实现控件箱与视频内部元素之间的通信，后者用于实现 控件箱与网页元素之间的通信。303是通过控件箱中的控件创建的对象，具体操作时可通过在204对象界 面中选择要创建的对象，进而实现；创建完对象303后，可通过控件箱汇总的203属性界面对创建的对象的 属性进行设置； 304为创建的对象能够响应的事件信息;'305为创建的对象能够实现的一些功能信息；本发明以编辑^L频内部元素对象与网页元素对象进行交互控制为例，进 一步说明本发明实施例的详细过程。通过本发明的控件对视频内部元素和网页元素对象进行控制包括以下步骤(1 )通过ActiveX或AJAX技术开发控件箱的控制界面；(2)用户根据需要通过该控制界面选择控件箱中的控件，利用当前选取的控件，对加载的视频文件内容和网页内容进行操作；(3 )在编辑视频文件过程中，选定的控'件通过Flash协议引擎接口以及接口函数与视频内部元素进行通信，通过Flash协议引擎接口编辑控制视频内部元素；(4 )在编辑网页元素过程中，选定的控件通过JavaScript协议引擎接口 以及接口函数与网页元素进行通信，通过JavaScript协议《I擎接口编辑控制网 页元素；(5)根据(3)、 (4)的操作，确定视频以及网页中欲添加和/或调整的元素对象，设置当前操作对象的基本属性信息；(6) 为当前操作对象添加事件，并设置当前操作对象响应的事件信息；(7) 重复上述过程，实现对视频内部元素和网页元素进行编辑控制。 图4是本发明中控件箱与创建的视频内部元素对摹之间的通信过程图； 本发明201控件箱的控制界面包括几个元素配置界面，用于配置创建的视频内部元素对象；Flash控件箱通过Flash协议引擎接口 400与^L频内部元素进4亍交互；401是对:视频中运动的对象进4亍分割、编辑控制；402是通过矩形对象对401中的运动对象进行分割；403是通过椭圆形对象对401中的运动对象进行分割；404是对视频中添加的对象进行编辑控制；405是对一见频中添加的对象中的文本进行编辑控制；406是对视频中添加的对象中的图片进行编辑控制；407是对视频中添加的对象中的音频及内部视频进行编辑控制。上述对^L频进行的编辑控制过程如下.首先201控件箱与Flash协议引擎接口.400之间通过协议解析和函数调 用，实现双向通信；其次，Flash协议引擎接口实现对视频文件中的相应元素进行控制；再次，视频文件中的相应元素通过Flash协议《1擎接口最终实现与控件箱 进行双向交互，以实现控件箱对视频内容进行控制的目的。图5是本发明中控件箱与创建的网页元素对象之间的通信过程图；本发明201控件箱的控制界面包括几个元素配置界面，用于配置创建的 网页元素对象； Flash控件箱通过JS接口函数500与网页元素进行交互；501是对网页中的DIV标签进行编辑控制；502是对网页中的文字信息进行编辑控^;503是对网页中的图片信息进行编辑控制；504是对网页中的Flash进行编辑控制；505是对网页中的视频进行编辑控制；506是对网页中的表单信息进行编辑控制；上述对网页内容进行的编辑控制过程如下首先201控件箱与JavaScript之间通过协议解析和函数调用，实现双向通信；其次，JavaScript实现对HTML文件中的相应标签内容进行控制； 再次，HTML文件中的相应内容通过JavaScript最终实现与网页控件箱进 行双向交互，以实现网页控件箱对网页内容进行-控制的目的。图6是本发明方法中视频内部元素与网页元素对象的互动示意图； 本发明的控件箱通过Flash协议引擎编辑控制一见频内部元素，通过JS协 议引擎编辑控制网页元素；控件箱同时负责协调Flash协议引擎40a和JS协议引擎500之间的通信， 通过两者之间的通信，实现视频内部元素与网页元素之间的互动。例如，用 户通过控件箱编辑构造网页中的某一文本对象，构造完该文本对象的基本属 性后，用户可为该文本对象添加事件响应信息，用于控制视频内部某一图片 对象。网页中文本对象与视频内部的图片对象进行互动的过程通过如下方式 实现网页内文本对象响应用户的鼠标单击事件，该事件发生后，网页文本对 象将事件信息通过JS协议引擎传递给Flash协议引擎;'Flash协议引擎接收JS协议引擎传递的事件信息后，获取该事件作用的对 象信息，并通过控件箱对视频内部的元素对，，如图片对象进行编辑控制。反之亦然，视频内部元素通过Flash协议引擎将事件信息传递给JS协议 引擎，JS协议引擎再与网页元素进行交互，从而实现视频内部元素与网页元 素之间的互动。值得注意的是，Flash协议引擎和JS协议引擎之间的通信通过控件箱协调 完成，因此，控件箱编辑、控制、通信的中枢部件。图7是本发明方法中创建视频内部元素对象的流程，本发明一个实施例 中的控件箱通过Flash控件创建而成，用户在使用控件箱创建视频元素对象的 操作流程如下701为用户点击Flash中控件箱中的相应图标，例如点击视频控件模块中 的图片图标，然后用户在当前浏览器打开的'视频文件中通过鼠标拖拽的方式 创建图片对象；32702为创建对象过程中，Flash调用Flash协议引擎接口函数，以实现通过 鼠标拖拽在视频中创建新对象；703为用户创建完对象后，Flash协议引擎接口向Flash发送创建信息，通 知Flash创建的对象的大小、位置等信息；704为Flash根据收到的Flash协议引擎接口发送的创建信息，在Flash记 录创建对象及其相关属性。本发明中创建网页元素对象的流程与创建视频内部元素对象的流程基本 一致，不同的是在创建网页元素过程中调用的不是Flash协议引擎接口，而是 JavaScript协议？ 1擎接口 。图8是本发明方法中删除对象的流程，即当用户通过图7中的流程，在 视频或网页中创建的相应对象后，如果想删除掉已创建的对象，则可以通过 下述流程实现801为用户先选中视频或网页中已创建的且欲删除的对象；然后用户在802步骤中点击Flash控件箱通用组件中的删除控件，也可以直接使用快捷键进行删除；803步骤中，系统将需要删除的对象的ID发送给协议引學接口 (Flash协议引擎接口或JavaScript协议引擎接口 )，调用协议引擎接口函数，以删除视频或网页中的对象；804是系统删除对象后，将结果返回给Flash,即返回控件箱。图9是本发明方法通过控件箱改变创建的对象的属性流程，其流程如下901为用户选中视频或网页中已创建的对象，然后点击Flash控件箱中的相应属性控件，修改该对象的某一个或几个属性值；902为用户修改完属性值后，系统调用十i议引擎接口 (Flash协议引擎接口或JavaScript协议引擎接口 )，将修改后的参数传递给协议引'擎接口 ，协议引擎接口通过函数修改视频内部元素或网页元素对象的属性； 903为系统修改完该对象的属性后，将结果返回Flash。 图10为本发明方法中直接在视频或网页中修改对象属性的流程，该流程如下1001为用户选中视频或网页中已创建的对象，然后系统直接调用协议引 擎接口 (Flash协议引擎接口或JavaScript协议引擎接口 )，对用户选中的对象的属性值进行修改；1002为系统将修改后的对象结果返回Flash,即返回控件箱。图11为本发明XML资源描述文件生成和保存过程图；用户通过本发明的控件箱创建^L频内部元素和/或网页元素后， -便可生成 用于描述视频元素和网页元素的资源描述文件，然后通过控件箱中的保存操 作，保存生成的资源描述文件；本发明实施例，采用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接收到服务器数据库端发送的保存成功信息后，将其 发送至协议S1擎接口 1102模块，通过协议？ 1擎接口检查PHP程序，1102收 到服务器保存成功的消息后，便会发送提示信息1105,告知用户当前资源描 述文件已在服务器数据库保存成功。图12是本发明实施例Flash与协议引擎接口交互过程图，用户用鼠标点 击本发明Flash控件箱中的控件，通过鼠标拖_拽在视频或网页中创建视频内部 元素或网页元素，在创建过程中，协议引擎接口 (Flash协议引擎接口或 JavaScript协议引擎接口 )捕获视频中鼠标拖拽事件的数据或网'页中鼠标拖拽 事件的数据，如鼠标拖拽的起点坐标和终点坐标，然后协议引擎接口将捕获 的鼠标拖拽事件数据及时地传给Flash控件箱，最后由Flash控件箱将欲创建 的控件信息以及在视频和/或网页中的位置信息等构成XML传给协议引擎接34的创建。图13是本发明方法中通过控件箱中的视频控制模块和网页控制模块编辑 视频内容和网页内容的架构图，在本发明的系统架构中，控件箱可以直接集 成于已有浏览器中，也可以将其置于101服务器端，当用户启动浏览器时，再将102控件箱从101服务器端获取到；浏览器端成功加载控件箱后，用户便可点击其中的视频控制模块和/或网 页控制模块，进而选择视频控件构造视频内部元素，选择网页控件构造网页元素； .视频控件和/或网页控件通过协议引擎接口构造视频内部元素和/或网页元素；构造完成上述元素后，生成元素描述文件，进而再集成生成资源描述 文件，最终通过102控件箱将该资源描述文件保存至服务器数据库。图14是本发明方法中播放视频和网页的架构图，即用户构造完i见频和网 页元素，并将资源描述文件存储至服务器数据库后，当用户浏览器向101服 务器发起请求后，浏览器端能够播放该事先构造的视频和网页，具体实现过 程为用户浏览器中嵌入或加载1401视频播放模块、1402网页播放模块，本发 明中视频播放模块和网页播放模块为Flash控件或Java控件或JavaScript控件 或VBScript控件或ActiveX控件或浏览器!^置控件模块；视频播放模块和网 页播放模块具有可见性和隐藏性，即可以预设视频播放模块和网页播放模块 控制面板可见或不可见。其中视频内部元素和网页元素之间的通信过程可以表示为如采用Flash作为视频播放器，则视频内部元素之间的通信可以理解为 用户在视频中产生了操作事件，Flash协议引擎接口函数感知操作事件，并把 感知事件传递给JS协议引擎接口， JS协议引擎接口与网页播放模块通信，网 页播放模块处理该事件，并把需要执行功能应用再发给JS协议引擎接口 ，进 而传递给Flash协议引擎接口 ， Flash协议引擎接口再执行视频内部元素操作。101服务器数据库模块，用于接收浏览器发送的网络视频请求或网页请 求，并向浏览器返回所请求的资源描述文件；1401网页播放模块、1402视频播放模块，嵌入在浏览器中'，用于与服务器数据库模块进行通信，向服务器数据库模块发送请求、接收服务器数据库 返回的资源描述文件；1403网页解析模块、1404视频解析模块，嵌入在浏览器中，分别与网页 播放模块1401和视频播放模块1402相连，用于接收网页播放模块和视频播 放模块发送的指令，并解析资源描述文件；浏览器加载视频播放模块、网页播放模块、视频解析模块、网页解析模 块，生成按预先编辑^L频内部元素和网页元素的内容和位置，创建对象并监 听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发， 视频播放模块和网页播放模块继续监听。视频解析模块和网页解析模块用于解析资源描述文件，包括构造出视频 内部元素和网页元素以及元素之间的交互关系。本发明通过具体实施例进行说明，本领 或4支术人员应当明白，在不脱离 本发明范围的情况下，还可以对本发明进行各种变换及等同替代。另外，针 对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。 因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要 求范围内的全部实施方式。
权利要求
1、一种构造网页中视频内部元素与网页元素的方法，其特征在于浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控件箱中视频控制模块和/或网页控制模块，通过鼠标定位的方法在加载的视频和/或网页中添加视频内部元素和/或网页元素；构造所生成的视频内部元素与网页元素之间的互动关系，所述视频内部元素与网页元素之间的互动关系包括改变视频内部元素和/或网页元素的属性和/或行为；将生成的各视频内部元素和/或网页元素以及所述元素之间的互动关系生成对应的资源描述文件；并将资源描述文件保存到服务器数据库模块；所述鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和/或网页中位置信息，并在所述区域位置内部生成视频内部元素和/或网页元素；所述鼠标拖拽，拖拽区域为矩形，拖拽方向是左上到右下；所述鼠标拖拽的另一种方式是选择已创建的视频内部元素和/或网页元素，并通过鼠标拖拽的方法，改变其形状和位置。
2、如权利要求1所述一种构造网页中视频内部元素与网页元素的方法，其特征在于所述资源描述文件，为文本文件、脚本语言文件、以及扩展脚本语言文件；所述脚本语言文件包括Actionscript、 flex、 Javascript 、 Microsoft F#、Microsoft Powershell、 Perl、 PHP、 Python、 Ruby、 VB Script;所述扩展脚本语言包4舌XML、 SMIL;所述视频内部元素包括视频、视频内部文字、视频内部图形、视频内部多媒体；所述视频内部多媒体进一步包括图片、动画、视频；所述网页元素包括A、 框架元素网页中的Div、 iFrame、 Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；B、 框架内元素视频、语音、动画、图'片、文字；所述框架内元素中视动关系生频元素中还包括3见频内部元素；所述3见频内部元素又进一步包括浮见频、语音、动画、图片、文字；所述框架内元素还进一步包括具有某一个应用功能的对象；所述视频内部元素、网页元素，通过鼠,示定位的方法在-见频内部、网页内部进4亍添力口。
3、 一种构造网页中4见频内部元素和网页元素对象结构的方法，其特4正在于，包括以下步骤S1、 通过控件箱将视频内部元素和/或网页元素封装到对象结构中，包括(1)构造^L频内部元素和/或网页元素对象；(2 )编辑视频内部元素和/或网页元素触发的事件以及事件触发后所对应的功能； '(3)调用功能对应函数执行所述对应的功能；S2、 对象结枸包括对象的基本操作和基.本属性、对象所触发的事件、对象的功能；所述功能在程序中通过函数实现；并将构造的视频内部元素和/或网页元素保存为元素描述文件；所述元素描述文件的构成方式有三种第一种方式只包括;现频内部元素描述文件，第二种方式只包括网页元素描述文件，第三种方式既包括^L频内部元素描述文件又包括网页元素描述文件；所述一见频内部元素描述文件仅对视频内部元素进行描述；所述网页元素描述文件仅对网页元素进行描述；所述视频内部元素与网页元素之间通过调用所述对应函数产生互动关系，且功能执行完毕后，还能够进一步触发新的事件，从而执行新的功能；S3、 将生成的元素描述文件以及各视频.内部元素和网页元素之间的互动关系生成对应的资源描述文件；S4 、并将资源描述文件保存到服务器数据库模块；S5、视频播放模块和/或网页播放模块通过和服务器数据库通信，获取资源描述文件并解析资源描述文件，创建视频内部元素和/或网页元素对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，视频播放模块和/或网页播放模块继续监听。
4、 如权利要求3所述， 一种构造网页中视频内部元素和网页元素对象结构的方法，其特征在于所述元素描述文件用于描述单个浮见频内部元素和/或网页元素，元素描述文件封装在一个XML或类脚本语言结构中，元素描述文件包含视频内部元素和/或网页元素<属性-事件-功能>集合，用于描述视频甴部元素和/或网页元素现有属性、触发的事件、以及触发事件后的功能或应用；所述元素描i^文件作为和后台服务器数摒库通信传输的最小单位，或通过元素描述文件以及各一见频内部元素和网页元素之间的互动关系构成完整的资源描述文件，再进行传输保存；所述元素描述文件是构成资源描述文件的基本单位，也是控制视频内部元素和/或网页元素的最小单位；所述元素描述文件在通信传输的过程中使用加密或不加密的方式进行传输；所述"如果事件触发，则执行该事件所对应的功能"，所述对应的功能包括但不限于添加新的 一见频内部元素和/或网页元素；删除旧的一见频内部元素和/或网页元素；-改变一见频内部元素和/或网页元素属性；打开/关闭本地或网络URL地址文件；打开/关闭本地或网络地址设备或程序；和外部程序或设备进行通信。
5、 如权利要求4所述， 一种构造网页中视频内部元素和网页元素对象结构的方法，其特征在于所述视频内部元素的属性集合包括但不限于文本文本区域位置、文本区域边框、文本区域透明度、文本区域背景颜色、字体大小、字体、字体颜色、显示方-式、文本区域运动方式、文本区域关键字；图片、Flash动画、视频/音频区域位置、透明度、关键字、背景颜色、区域边框；所述视频内部元素，可以通过鼠标或鼠.标拖拽区域或视频中某帧预先设定位置，在视频中进行添加；所述^f见频内部元素的事件集合包括但不限于A、 响应鼠标单击事件；B、 响应鼠标双击事件；C、 响应鼠标左4定按下事件；D、 响应鼠标左4囊抬起事件；E、 鼠标在对象之上事件；F、 对象初始化事件；G、 对象删除事件；H、 对象开始播放事件；I、 对象结束播放事件；J、播放器事件；K、播放器按钮事件；L、播放器完成播放视频事件M、对象拖动事件；所述视频内部元素的功能集合包括但不限于添加新的 一见频内部元素；删除旧的视频内部元素；改变一见频内部元素属性；打开/关闭本地或网络URL地址文件；打开/关闭本地或网络地址设备或程序；打开本地或远端摄像头；和外部程序或设备进行通信；所述网页元素的属性集合包括但不限于A. 网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、文本框位置信息；B、 网页中表格的大小、运动方式位置坐^示、颜色、显示方式、边框信息、字体属性；C、 网页中图片/动画的大小、运动方式、位置坐标、透明度、显示方式、超链接；D、 网页中视颠的显示大小、运动方式、.展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；所述网页元素的事件集合包括但不限于A、 响应鼠标单击事件；B、 响应鼠标双击事件；C、 响应鼠标左4建按下事件；D、 响应鼠标左4t抬起事件；E、 鼠标在对象之上事件；F、 对象初始化事件；G、 对象删除事件；H、 对象开始播放事件；I、 对象结束播放事件；J、对象拖动事件；所述网页元素的功能集合包括但不限于添力口新的网页元素；删除旧的网页元素；改变网页元素属性；打开/关闭本地或网络URL地址文件；打开/关闭本地或网络地址设备或程序；-和外部程序或设备进行通信。
6、 一种构造网页中视频内部元素与网页元素互动的方法，其特征在于，包括以下步骤编辑过程浏览器中加载控件箱模块；通过控件箱模块在网页中加载视频对象和视频文件，利用控件箱中的视频控制模块构造视频内部元素，利用控件箱中的网页控制模块构造网页元素，并在配置界面中编辑4见频内部元素与网页元素之间的互动关系；将构造的视频内部元素、网页元素以及视频内部元素与网页元素之间的互动关系生成对应的资源描述文件，并将资源描述文件保存到服务器数据库模块； '播放过程浏览器中加载视频播放模块和网页播放^f莫块，视频播放模块和网页播放模块与服务器数据库模块进行通信，获取资源描述文件，并解析资源描述文件，按预先构造视频内部元素和网页元素的内容及位置，在视频寺番》欠和网页播》文过程中呈现出全部^L频内部元素和网页元素，并展现已建立互动关系的-現频内部元素与网页元素间的互动功能。
7、 如权利要求6所述一种构造网页中浮见频内部元素与网页元素互动的方法，其特征在于所述控件箱为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制编辑视频内部元素和/或网页元素；所述控件箱包括但不限于基本功能模块、视频控制模块和网页控制模块；所述控件箱具有可拖动性，并且具有可见性和隐藏性以供选择；所述控件箱包含以下部分或全部A、 视频内部元素和/或网页元素的添加/删除按4丑或菜单；B、 保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；C、 控件箱的基本设置信息以及视频内部和/或网页元素基本设置信息。
8、 如权利要求6所述一种构造网页中视频内部元素与网页元素互动的方法，其特征在于，.包括以下步骤所述资源描述文件采用可扩展标记语言或脚本语言；所述资源描述语言不采用HTML语言；所述资源描述文件采用对象化的方式描述4见频内部元素和网页元素，每一个元素都是一个独立对象；所述资源描^文件在传输过程中，进行加密传输或不加密传输；所述视频播放模块和网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；所述视频播放模块和网页播放模块具有可见性和隐藏性。
9、 一种构造和生成网页中^L频内部元素与网页元素之间互动关系的方法，其特征在于所述浮见频内部元素与网页元素之间的互动关系通过调用和扭Jf亍所述元素对象的函数实现；所述调用和执行函数的方式包括A. 当前一个或多个-见频内部元素调用和i丸行其他一个或多个网页元素的函数，更改其他一个或多个网页元素的属性或行为；B. 当前一个或多个网页元素调用和扭J亍其他一个或多个-见频内部元素的函数，更改其他一个或多个视频内部元素的属性或行为；C. 一个或多个^L频内部元素调用和扭J亍自身的函^t,更改所述^L频内部元素自身的属性或行为；D. —个或多个网页元素调用和执行自身的函数，更改所述网页元素自身的属性或4亍为。
10、 如权利要求9所述一种构造和生成网页中一见频内部元素与网页元素之间互动关系的方法，其特征在于 -所述元素属性的更改过程包括如下步骤激活响应事件的#见频内部元素或网页元素；通过控件箱激活元素配置模块，配置所述视频内部元素或网页元素响应的事件、以及事件响应时执行的功能、选择或设置所述功能执行时的实施对象；所述实施对象是指某一个或多个视频内部元素或网页元素；配置所述功能执行时，实施对象的属性信息；所述元素行为的更改过程包括如下步骤^:活响应事件的一见频内部元素或网页元素；通过控件箱激活元素配置模块，配置所述视频内部元素或网页元素响应的事件、所述事件响应时执行的功能；选择或设置所述功能执行时的实施对象；所述实施对象是指某一个或多个网页元素或视频内部元素；配置所述功能^L行时，实施对象的行为信息；所述实施对象的行为信息，是指实施对.象的动态信息，执行某一个或多个动作。
11、 一种构造网页中视频内部元素与网页元素互动的系统,其特征在于，包括以下模块A. 服务器数据库模块，用于接收控件箱模块发送的资源描述文件，响应浏览器发送的请求，并向浏览器返回所请求的资源描述文件；在应用中控件箱调用PHP或JSP或ASP程序，操:作数据库；B. 控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于基本功能模块、网页控制模块、视频控制模块、元素配置模块；基本功能模k,用于实现视频内部元素.和网页元素的基本功能操作，所述基本功能包括但不限于删除创建的元素对象、撤销、上一步操作、下一步操作、控件箱中元素的默认设置信息；网页控制模块，用于编辑、控制网页元素；和网页控件模块进行通信，生成网页元素描述文件；和浏览器中PHP或JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；元素配置模块，用于配置网页元素的属性信息和触发事件信息，以及元素触发事件所对应功能应用信息；包括配置各网页元素的默认设置；视频控制模块，用于编辑、控制视频元素；和视频控件模块进行通信，生成视频元素描述文件；和浏览器中PHP或-JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；C. 网页控件模块，JavaScr ipt或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制控件箱中选择的网页元素；所述网页控件模块作为程序嵌入到网页代码中，实时感应网页中事件，并响应事件；网页控件模块作为XML的解析器功能，并能够和控件箱网页控制模块进行通信；D. 视频控件模块，Flash的ActionScript或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制控件箱中选择的视频内部元素；所述视频控件模块作为程序嵌入到网页代码中，实时感应视频中事件，并响应事件；视频控件模块作为XML的解析器功能，并能够和控件箱视频控制模块进行通信；E.浏览器模块，用于加载控件箱模块、承载创建视频内部元素和网页元素。
12、如权利要求11所述一种构造网页中-视频内部元素与网页元素互动的系统，其特征在于浏览器模块中加载控件箱模块，控件箱模块中包括基本功能模块、视频控制模块、网页控制模块、元素配置模块；通过激活视频控制模块和/或网页控制模块，选择视频控件和/或网页控件来创建浮见频内部元素和/或网页元素；通过激活元素配置模块，对所述创建的元素进行基本信息配置和事件信息配置，以及元素之间的互动关系配置；将创建的元素以及事件互动关系等信息保存为资源描述文件，并保存至服务器数据库模块； -控件箱中所述视频控制模块和网页控制模块通过协议接口并调用网页PHP或JSP或ASP程序与服务器数据库模块相连；所述网页控制模块通过协议接口和网页控件模块相连，通过网页控件模块解析网页控制模块创建的网页元素描述文件，创建网页元素；所述网页控件模块作为程序模块内嵌于网页中，通过调用PHP或JSP或ASP和服务器数据库模块相连；并且网页控件模块和控件箱直接通过函数调用进行通信；所述视频控制模块通过协议接口和视频控件模块相连，通过视频控件模块解析视频控制模块创建的视频元素描述文件，创建视频内部元素；所述视频控件模块作为程序模块内嵌于网页中，通过调用.PHP或JSP或ASP和服务器数据库模块相连；并且视频控件模块和控件箱直接通过函数调用进行通信0
13、 一种在网'页中播放视频和网页的系宅克，其特征在于包括以下才莫块A. 服务器数据库模块，用于接收浏览器模块发送的网页请求，并向浏览器返回所请求的资源描述文件；同时服务器数据库模块用于存储或动态生成元素描述文件或资源描述文件，并且服务器数据库模块还具有统计用户操作行为的功能；B. 视频播放模块，嵌入在浏览器中，具有可见性和隐藏性，用于与服务器数据库模块进行通信，接收服务器数据库返回的视频元素描述文件或资源描述文件；C. 视频解析模块，嵌入在浏览器中，作为脚本语言或程序语言模块嵌入网页中，不具有寸见性，与视频播放模块相.连，用于接收视频播放模块发送的指令，并解析资源描述文件，最终在播放视频过程中构造视频内部元素以及控制-见频内部元素行为；D. 网页播放模块，嵌入在浏览器中，具有可见性和隐藏性，用于与服务器数据库模块进行通信，接收服务器数据库返回的网页元素描述文件或资源描述文件；E. 网页解析模块，嵌入在浏览器中，作为脚本语言或程序语言模块嵌入网页中，不具有可见性，与网页播放模块相连，用于接收网页播放模块发送的指令，并解析资源描述文件，最终绘制网页元素以及控制网页元素行为；F. 浏览器模^，用于加载视频播放模块.、视频解析模块、网页播放模块、网页解析模块，生成按预先编辑视频内部元素和/或网页元素的内容和位置，构造出全部视频内部元素和/或网页元素以及所述元素响应的事件及相互控制关系。
14、 如权利要求13所述一种在网页中播放视频和网页的系统，其特征在于视频播放模块具有可见性和隐藏性；所述可见性用于播放网页中包含的视频，方便用户对播放进程进行操作；所述隐藏性用于播放网页中的视频，但仅显示视频画面，无控制视频进程的操作按钮或界面；视频解析模块用于解析视频描述文件，也括构造出添加在视频中的全部元素；视频解析模块根据解析的描述文件中描述的视频内部元素对象的属性、方法和事件等信息，编辑、创建视频内部元素对象，如果所述元素对象包含响应事件信息，且所述响应事件已激活，则执行所述元素对象的响应事件；所述视频解析模块通过控制网页脚本/Java解析运行模块来控制视频内部元素；所述视频内部元素包括A. -f见频中的文本；B. 视频中闭合的MJ'j或不规则形状；C. ^L频中的线性对象；D. 视频中的图片；网页播放模块具有可见性和隐藏性；所述可见性用于播放网页中包含的视频；所述隐藏性用于播放网页中无视频的情形；网页解析模块用于解析网页描述文件，_包括构造出框架元素和框架内元素；所述框架元素包括网页中的Div、 iFrame、 Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；所述框架内元素包括视频、语音、动画、图片、文字；所述构造元素响应的事件包括激活的事件和监听的事件。
全文摘要
本发明公开了一种网页中视频元素与网页元素互动的方法，包括通过控件箱中的视频控制模块和网页控制模块创建网页中的视频内部元素和网页元素，构造视频内部元素与网页元素之间的互动关系，将所述视频内部元素、网页元素以及所述元素之间的互动关系存储为资源描述文件，并将所述资源描述文件发送至服务器数据库；浏览器通过访问服务器数据库，加载并解析资源描述文件，在网页中播放视频、构造全部视频内部元素和网页元素，并展现元素之间的互动关系。本发明还公开了一种网页中视频元素与网页元素互动的系统。本发明的有益效果在于通过本发明提供的方法及系统，可以非常容易的编辑视频和网页，并能够实现视频内部元素与网页元素之间的互动功能。
文档编号G06F17/30GK101630329SQ20091010216
公开日2010年1月20日 申请日期2009年8月24日 优先权日2009年8月24日
发明者孟智平, 郭海锋 申请人:孟智平