Flash播放器的交互方法、装置及服务器与流程

本发明涉及视频直播技术领域，尤其是涉及一种flash播放器的交互方法、装置及服务器。

背景技术：

随着视频直播的兴起、智能手机及平板电脑等移动设备的普及，html5(hypertextmarkuplanguage5，第五代超级文本标记语言)异军突起，css(cascadingstylesheets，层叠样式表)大放异彩，web端视频播放的频率水涨船高，但是播放器的兼容性在pc端的兼容性碍于ie浏览器的限制，多采用的是flash(adobeflashprofessional)嵌入播放，但是flash播放器的开发成本较高，因此许多公司都使用的是web端免费的flash播放器，但在使用这类免费的flash播放器时，播放器区域的交互操作基本为零，导致用户体验不好。

综上所述，现有技术中的flash播放器的交互方式，难以满足用户的交互需求，导致用户体验度较差。

技术实现要素：

有鉴于此，本发明的目的在于提供一种flash播放器的交互方法、装置及服务器，以缓解现有技术中用户体验度较差的技术问题，能够改善用户体验度。

第一方面，本发明实施例提供了一种flash播放器的交互方法，包括：

获取flash播放器所在的播放器放置层的坐标区域；

获取当前鼠标指针的坐标数值；

获取当前交互显示模块的状态信息；所述交互显示模块设置在所述flash播放器的播放区域内；

根据所述坐标数值、所述坐标区域以及所述状态信息，对所述交互显示模块的状态进行更新。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，所述根据所述坐标数值、所述坐标区域以及所述状态信息，对所述交互显示模块的状态进行更新，具体包括：

判断所述状态信息是否为隐藏状态；

判断所述坐标数值是否在所述坐标区域内；

当所述状态信息为隐藏状态且所述坐标数值在所述坐标区域内时，启动显示计时器将所述交互显示模块的状态由隐藏状态更新为显示状态；

当所述状态信息不为隐藏状态且所述坐标数值未在所述坐标区域内时，关闭显示计时器，启动隐藏计时器将所述交互显示模块的状态由显示状态更新为隐藏状态。

结合第一方面的第一种可能的实施方式，本发明实施例提供了第一方面的第二种可能的实施方式，其中，该方法还包括：

当所述状态信息不为隐藏状态且所述坐标数值在所述坐标区域内时，关闭隐藏计时器使所述交互显示模块的状态保持在显示状态；

当所述状态信息为隐藏状态且所述坐标数值未在所述坐标区域内时，关闭显示计时器使所述交互显示模块的状态保持在隐藏状态。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，所述获取flash播放器所在的播放器放置层的坐标区域，具体包括：

获取所述flash播放器所在的所述播放器放置层的起始点坐标；

获取所述播放器放置层的高度和宽度；

根据所述起始点坐标、高度和宽度，生成播放器放置层的坐标区域。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，所述获取当前鼠标指针的坐标数值，具体包括：

捕获鼠标事件mousemove，获取当前鼠标指针相对于整个页面的坐标原点的坐标数值。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，所述交互显示模块包括播放列表。

结合第一方面，本发明实施例提供了第一方面的第六种可能的实施方式，其中，所述播放区域小于等于所述坐标区域。

结合第一方面的第二种可能的实施方式，本发明实施例提供了第一方面的第七种可能的实施方式，其中，该方法还包括：

接收用户的时间设定指令；所述时间设定指令包括第一设定时间和第二设定时间；

当启动显示计时器后计时时间到达所述第一设定时间，将所述交互显示模块的状态由隐藏状态更新为显示状态；

当启动隐藏计时器后计时时间到达所述第二设定时间，将所述交互显示模块的状态由显示状态更新为隐藏状态。

第二方面，本发明实施例还提供一种flash播放器的交互装置，包括：

第一获取模块，用于获取flash播放器所在的播放器放置层的坐标区域；

第二获取模块，用于获取当前鼠标指针的坐标数值；

第三获取模块，用于获取当前交互显示模块的状态信息；所述交互显示模块设置在所述flash播放器的播放区域内；

更新交互模块，用于根据所述坐标数值、所述坐标区域以及所述状态信息，对所述交互显示模块的状态进行更新。

第三方面，本发明实施例还提供一种服务器，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的方法的步骤。

第四方面，本发明实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述的方法的步骤。

本发明实施例带来了以下有益效果：

本发明实施例提供的flash播放器的交互方法中，通过获取flash播放器所在的播放器放置层的坐标区域；并获取当前鼠标指针的坐标数值；以及，获取当前交互显示模块的状态信息，所述交互显示模块设置在所述flash播放器的播放区域内；然后根据坐标数值、坐标区域以及状态信息，对所述交互显示模块的状态进行更新。因此，本发明实施例提供的技术方案，能够改善现有技术中的flash播放器交互操作基本为零，导致用户体验不好的技术问题，提高用户的体验度，同时，该方法是一种基于鼠标定位在flash播放器上显示交互显示模块的交互方法，可以实现flash播放器播放区域与交互显示模块的无遮挡交互，对视频的观看影响较小。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一提供的一种flash播放器的交互方法的流程图；

图2为本发明实施例一提供的步骤s101的详细流程图；

图3为本发明实施例一提供的步骤s104的详细流程图；

图4为本发明实施例二提供的flash播放器的交互系统的层结构示意图；

图5为本发明实施例二提供的另一种flash播放器的交互方法的流程图；

图6为本发明实施例二提供的一种交互显示模块的示意图；

图7为本发明实施例三提供的一种flash播放器的交互装置的示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前，现有技术中的flash播放器的交互方式交互操作基本为零(通常只有一个播放进度条)，难以满足用户的交互需求，导致用户体验度较差，基于此，本发明实施例提供的一种flash播放器的交互方法、装置及服务器，以缓解现有技术中用户体验度较差的技术问题，能够改善用户体验度。

实施例一：

本发明实施例提供了一种flash播放器的交互方法，可应用于视频直播领域。如图1所示，该flash播放器的交互方法，应用于服务器端，具体包括：

步骤s101：获取flash播放器所在的播放器放置层的坐标区域。

其中，在播放器放置层放置有flash播放器及交互显示模块的html标签结构。交互显示模块设置在上述flash播放器的播放区域内的任意位置，可以在flash播放器内呈水平设置(即与浏览器的页面上的水平滚动条平行)显示，也可以在flash播放器内呈竖直设置(即与浏览器的页面上的竖直滚动条平行)显示。

在一个实施例中，如图2所示，该步骤s101主要包括以下步骤：

步骤s201：获取flash播放器所在的播放器放置层的起始点坐标。

其中，播放器放置层的起始点坐标是相对于整个页面的坐标原点的坐标值。该起始点坐标是指与坐标原点的距离最短的点。需要指出的是，这里的整个页面采用css布局，在css布局的基础上搭建html层结构。

具体执行时，首先以flash播放器所在的整个页面的左上角的标定点作为坐标原点建立直角坐标系。此处的标定点可以根据需求在整个页面任意选取。优选的是，本实施例中的标定点是整个页面的左上角的顶点；然后利用相对定位与绝对定位相互依赖的原理，播放器放置层成绝对定位，播放器及交互显示模块相对于播放器放置层定位，交互显示模块初始css样式为隐藏状态。最后在css页面布局的基础上搭建html层结构，分别为播放器放置层，播放器，交互显示模块，播放器放置层包含播放器及交互显示模块。

步骤s202：获取上述播放器放置层的高度和宽度。

在步骤s201得到的播放器放置层的起始点坐标的基础上，获取播放器放置层在整个页面所占的高度和宽度。需要说明的是，上述播放器放置层不能超出整个页面的范围。

步骤s203：根据上述起始点坐标、高度和宽度，生成播放器放置层的坐标区域。

其中，该播放器放置层的坐标区域确定了鼠标移动的范围。

通过上述步骤确定了基于鼠标移动的交互范围，即播放器放置层的坐标区域。

步骤s102：获取当前鼠标指针的坐标数值。

具体的，获取当前(即鼠标指针悬停时刻时)鼠标指针的坐标数值。

在一个实施例中，上述步骤s102通过以下步骤执行：

a捕获鼠标事件mousemove(即鼠标在页面上移动时触发的事件)，获取当前鼠标指针相对于整个页面的坐标原点的坐标数值。

这里的整个页面采用css布局，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

具体的，首先给document对象(每个载入浏览器的html文档都会成为document对象)添加鼠标移动事件，通过鼠标的event对象(event对象代表事件的状态)，获取当前鼠标指针所在页面的坐标数值。

步骤s103：获取当前交互显示模块的状态信息。

其中，交互显示模块的状态信息包括显示状态和隐藏状态两种状态。上述交互显示模块设置在上述flash播放器的播放区域内的任意位置。

进一步的，交互显示模块包括播放列表。

进一步的，交互显示模块为多个。

进一步的，交互显示模块还包括推荐信息和历史直播记录；其中，上述推荐信息包括视频和广告。

进一步的，上述播放区域小于等于上述坐标区域。

本实施例中的播放区域小于坐标区域。

步骤s104：根据上述坐标数值、坐标区域以及状态信息，对上述交互显示模块的状态进行更新。

具体实施时，参照图3，该步骤s104主要通过以下步骤实现：

步骤s301：判断上述状态信息是否为隐藏状态。

步骤s302：判断上述坐标数值是否在上述坐标区域内。

当上述状态信息为隐藏状态且上述坐标数值在上述坐标区域内时，执行步骤s303：启动显示计时器将上述交互显示模块的状态由隐藏状态更新为显示状态。

具体的，当上述状态信息为隐藏状态，且上述坐标数值在上述坐标区域内时，即当鼠标移动到播放器放置层坐标区域，启动显示计时器显示交互显示模块。

当上述状态信息不为隐藏状态且上述坐标数值未在上述坐标区域内时，执行步骤s304：关闭显示计时器，启动隐藏计时器将交互显示模块的状态由显示状态更新为隐藏状态。

具体的，当上述状态信息不为隐藏状态。即上述状态信息为显示状态，且上述坐标数值未在上述坐标区域内时，即当鼠标移出播放器放置层所占的坐标区域，清除显示计时器，同时启动隐藏计时器隐藏交互显示模块。

当上述状态信息不为隐藏状态且上述坐标数值在上述坐标区域内时，执行步骤s305：关闭隐藏计时器使交互显示模块的状态保持在显示状态。

当上述状态信息为隐藏状态且上述坐标数值未在上述坐标区域内时，执行步骤s306：关闭显示计时器使交互显示模块的状态保持在隐藏状态。

进一步的，在一个实施例中，启动隐藏计时器预设时间后，隐藏交互显示模块。预设时间可以由每个用户根据自己的喜好设置，例如在flash播放器的显示时效按钮中设定隐藏计时器的预设时间。

进一步的，预设时间设置为2-5秒。

在本实施例中，上述预设时间设置为3秒。

本发明实施例提供的flash播放器的交互方法，通过获取flash播放器所在的播放器放置层的坐标区域；并获取当前鼠标指针的坐标数值；以及，获取当前交互显示模块的状态信息，上述交互显示模块设置在上述flash播放器的播放区域内；然后根据坐标数值、坐标区域以及状态信息，对上述交互显示模块的状态进行更新。因此，本发明实施例提供的技术方案，能够改善现有技术中的flash播放器交互操作基本为零，导致用户体验不好的技术问题，提高用户的体验度，同时，该方法是一种基于鼠标定位在flash播放器上显示交互显示模块的交互方法，可以实现flash播放器播放区域与交互显示模块的无遮挡交互，对视频的观看影响较小。

实施例二：

本发明实施例提供了另一种flash播放器的交互方法，可应用于flash播放器的交互系统中，交互系统包括页面、播放器放置层、播放器和交互显示模块，其中播放器放置层设置在上述页面内，上述播放器设置在上述播放器放置层内，上述交互显示模块设置在上述播放器内。这里对flash播放器的交互系统的生成过程进行简要说明：

a、编写页面布局css，利用相对定位与绝对定位相互依赖的原理，播放器放置层呈绝对定位，播放器及交互显示模块相对于播放器放置层定位，交互显示模块的状态为初始css样式，该初始css样式为隐藏状态。

b、在步骤a的基础上搭建html层结构，分别为播放器放置层，播放器，交互显示模块，播放器放置层包含播放器及交互显示模块，具体可以参考图4所示的flash播放器的交互系统的层结构示意图。需要说明的是，该交互显示模块可以以任何展现形式显示在播放器内，图4仅示例性的以交互显示模块呈水平展示的形式显示在播放器内。

具体的，首先以整个页面的左上角顶点为坐标原点(o)建立直角坐标系；然后预设置播放器放置层的起始点坐标(图4中的点p)以及播放器放置层相对于整个页面的顶部距离top(参考图4)，播放器放置层相对于整个页面左边的距离left(参考图4)，播放器占页面的宽度width(参考图4)，播放器占页面的高度height(参考图4)，以方便获取播放器放置层的坐标区域。需要说明的是，图4中播放器的播放区域和播放器放置层的坐标区域相等，即播放区域等于坐标区域，以节省页面空间。播放区域或者坐标区域为：横坐标(x)的坐标范围为大于left小于left+width，纵坐标(y)的坐标范围为大于top小于top+height(例如图4中的点1即在坐标区域外，点2即位于坐标区域内)。最后给document对象(每个载入浏览器的html文档都会成为document对象)添加鼠标移动事件，以方便通过event对象(event对象代表事件的状态)获取当前鼠标所在页面(鼠标指针)的坐标数值(x,y)，即x＝event.clientx，y＝event.clienty。

需要指出的是，本实施例中的交互显示模块为多个，多个交互显示模块可以显示同一类型的内容，例如，多个交互显示模块均显示播放列表。当然，多个交互显示模块也可以显示不同类型的内容，例如某些交互显示模块显示播放列表，某些交互显示模块显示广告，某些交互显示模块显示推荐视频。

为了提高播放器放置层、播放器以及交互显示模块对页面的适应性，该交互系统中的播放器放置层、播放器以及交互显示模块可以跟随页面进行同等缩放(缩小或者放大)。

如图5所示，该flash播放器的交互方法包括以下步骤：

步骤s401：获取flash播放器所在的播放器放置层的坐标区域。

具体的，获取上述flash播放器所在的上述播放器放置层的起始点坐标以及上述播放器放置层的高度和宽度，生成播放器放置层的坐标区域。

步骤s402：获取当前鼠标指针的坐标数值。

考虑到鼠标指针形状的多样化，这里以鼠标指针形状的中心点坐标确定为鼠标指针的坐标数值。

具体的，通过捕获鼠标事件mousemove，即鼠标在页面上移动时触发的事件，获取当前鼠标指针相对于整个页面的坐标原点的坐标数值。

步骤s403：获取当前交互显示模块的状态信息；上述交互显示模块设置在上述flash播放器的播放区域内。

具体的，参照图6，本实施例中，交互显示模块包括历史直播。

步骤s404：根据上述坐标数值、坐标区域以及状态信息，对交互显示模块的状态进行更新，完成交互。

具体的，将获取到的坐标数值(x,y)与坐标区域进行比较，判断坐标数值是否落入坐标区域，同时结合状态信息执行下述交互操作：

a.交互显示模块状态信息为隐藏，(x，y)在播放区域内，启动显示计时器showt(一个变量，变量名称可以更改)，设定3秒(预设时间)后将交互显示模块状态更新为显示。

b.交互显示模块状态信息为显示，(x，y)不在播放区域内，清除显示计时器showt，启动隐藏计时器hidet(一个变量，变量名称可以更改)，设定3秒后将交互显示模块状态更新为隐藏。

c.交互显示模块状态为显示，(x，y)在播放器内，清除隐藏计时器hidet，保持交互显示模块的显示状态。

d.交互显示模块状态为隐藏，(x，y)不在播放区域内，清除显示计时器showt，保持交互显示模块的隐藏状态。

为了提高用户的体验度，进一步的，该方法还包括用户对预设时间进行编辑的步骤。

步骤s405：接收用户的时间设定指令。

其中，上述时间设定指令包括第一设定时间(显示计时器设定时间)和第二设定时间(隐藏计时器设定时间)。

具体的，当启动显示计时器后计时时间到达上述第一设定时间，将上述交互显示模块的状态由隐藏状态更新为显示状态。

当启动隐藏计时器后计时时间到达上述第二设定时间，将上述交互显示模块的状态由显示状态更新为隐藏状态。

为了进一步提高用户的体验度，该方法还包括播放模式更新步骤(未示于图中)。

具体的，该播放模式更新步骤主要通过以下步骤实现：

1)当上述坐标数值在上述坐标区域时，获取flash播放器的当前播放模式。

2)捕获鼠标事件mouseclick。

3)根据上述鼠标事件mouseclick对上述flash播放器的当前播放模式进行更新。

具体的，当flash播放器的当前播放模式为播放，根据上述鼠标事件mouseclick对上述flash播放器的当前播放模式更新为暂停，当flash播放器的当前播放模式为暂停，根据上述鼠标事件mouseclick对上述flash播放器的当前播放模式更新为播放。

该方法利用移动事件触发捕获坐标确定范围，实现flash播放器无遮挡交互，能够提高交互显示模块样式的多样性及灵活性，同时改善了用户观赏视频的体验。

实施例三：

如图7所示，本发明实施例还提供一种flash播放器的交互装置，其中，该装置包括第一获取模块10、第二获取模块20、第三获取模块30和更新交互模块40。

第一获取模块10用于获取flash播放器所在的播放器放置层的坐标区域。

第二获取模块20用于获取当前鼠标指针的坐标数值。

第三获取模块30用于获取当前交互显示模块的状态信息；上述交互显示模块设置在上述flash播放器的播放区域内。

更新交互模块40用于根据上述坐标数值、上述坐标区域以及上述状态信息，对上述交互显示模块的状态进行更新。

进一步的，上述交互显示模块包括播放列表。

进一步的，上述播放区域小于等于上述坐标区域。

进一步的，第一获取模块10具体用于：

获取上述flash播放器所在的上述播放器放置层的起始点坐标；

获取上述播放器放置层的高度和宽度；

根据上述起始点坐标、高度和宽度，生成播放器放置层的坐标区域。

进一步的，第二获取模块20具体用于：当捕获鼠标事件mousemove，获取当前鼠标指针相对于整个页面的坐标原点的坐标数值。

进一步的，更新交互模块40具体用于：

判断上述状态信息是否为隐藏状态；

判断上述坐标数值是否在上述坐标区域内；

当上述状态信息为隐藏状态且上述坐标数值在上述坐标区域内时，启动显示计时器将上述交互显示模块的状态由隐藏状态更新为显示状态；

当上述状态信息不为隐藏状态且上述坐标数值未在上述坐标区域内时，关闭显示计时器，启动隐藏计时器将上述交互显示模块的状态由显示状态更新为隐藏状态；

当上述状态信息不为隐藏状态且上述坐标数值在上述坐标区域内时，关闭隐藏计时器使上述交互显示模块的状态保持在显示状态；

当上述状态信息为隐藏状态且上述坐标数值未在上述坐标区域内时，关闭显示计时器使上述交互显示模块的状态保持在隐藏状态。

进一步的，该装置还包括：编辑模块50，用于接收用户的时间设定指令；上述时间设定指令包括第一设定时间和第二设定时间。从而实现当启动显示计时器后计时时间到达上述第一设定时间，将上述交互显示模块的状态由隐藏状态更新为显示状态；当启动隐藏计时器后计时时间到达上述第二设定时间，将上述交互显示模块的状态由显示状态更新为隐藏状态。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本发明实施例提供的flash播放器的交互装置，与上述实施例提供的flash播放器的交互方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

本发明实施例还提供一种服务器，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现前述实施例提供的flash播放器的交互方法的步骤。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器运行时执行上述实施例提供的flash播放器的交互方法的步骤。

上述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例上述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上上述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应上述以权利要求的保护范围为准。