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

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

【技术实现步骤摘要】

本专利技术涉及网络传输技术，尤其涉及一种网页中视频元素与网页元素互 动的方法及系统。
技术介绍
网页以及网页中的视频是当前及未来信息呈现的主要形式.，也是人们通 过网络获得知识、进行娱乐的主要途径，更是商家通过网络进行产品宣传及 推广的重要手段，因此，网页和视频技术的发展将直接影响人们获得信息的 效率，进而影响人们对网络的依附感。近年来，网站及网页开发技术得到了长足的发展，各种网页开发技术层 出不穷，网页的功能越来越强大，网页的内容越来越丰富，技术工具的发展 为网页开发人员提供了方便，提高了网页开发的效率。但是，现有的网站架 构及开发模式，主要集中于后台服务器，网站的结构一旦确定，便不会轻易 改变，网站的开发人员便在既定的网站结构-下开发相应模块的网页以及更新 网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下， 页面内容通常不变。这种开发模式及开发技术缺乏灵活性，不能够根据用户 的需求进行改变，属于一种普适性的推广，所有上网者面对的是同样的界面、 同样的内容，即使这样的界面和内容当前上网者不喜欢或不需要，用户也无 法对其进行更改，网站开发者也不能及时进行调整。此外，互联网正逐渐成为一个巨大的视频仓库，人们越来越多地青睐于 通过互联网实时查询、欣赏丰富多彩的视频信息。现阶段一些大型的视频网 站，每天的流量超过千万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频内部元素与网页元素的方 法，包括以下步骤浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控 件箱中视频控制模块和/或网页控制模块，逸过鼠标定位的方法在加载的视频 本文档来自技高网...

【技术保护点】
一种构造网页中视频内部元素与网页元素的方法，其特征在于：　浏览器中加载控件箱模块，同时加载待编辑的视频文件，选取并激活控件箱中视频控制模块和／或网页控制模块，通过鼠标定位的方法在加载的视频和／或网页中添加视频内部元素和／或网页元素；　 　构造所生成的视频内部元素与网页元素之间的互动关系，所述视频内部元素与网页元素之间的互动关系包括改变视频内部元素和／或网页元素的属性和／或行为；　将生成的各视频内部元素和／或网页元素以及所述元素之间的互动关系生成对应的资源描述文件 ；　并将资源描述文件保存到服务器数据库模块；　所述鼠标定位方法是指，通过鼠标的拖拽，获取视频内部区域和／或网页中位置信息，并在所述区域位置内部生成视频内部元素和／或网页元素；所述鼠标拖拽，拖拽区域为矩形，拖拽方向是左上到右下；　 　所述鼠标拖拽的另一种方式是选择已创建的视频内部元素和／或网页元素，并通过鼠标拖拽的方法，改变其形状和位置。

【技术特征摘要】

【专利技术属性】
技术研发人员：孟智平，郭海锋，
申请(专利权)人：孟智平，
类型：发明
国别省市：51[中国|四川]