CN116233558A - 一种媒体流播放方法、系统、电子设备及存储介质 - Google Patents

Abstract

本发明公开了一种媒体流播放方法、系统、电子设备及存储介质，其中，该媒体流播放方法包括：获取显示页面显示直播的播放画面；在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点；响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放。通过上述方案，本申请通过可调的、有播放画面时间节点的进度环，将播放画面移动至当前直播任一处时间节点对应的历史播放画面进行播放，实现大时间尺度调节和微调，准确调整到目标时间节点进行播放，提高了选择播放画面的时间节点准确性。

Description

一种媒体流播放方法、系统、电子设备及存储介质

技术领域

本申请涉及媒体流控制的技术领域，特别是涉及一种媒体流播放方法、系统、电子设备及存储介质。

背景技术

随着视频播放技术的日渐成熟和普及，在获取视频的事件中，往往需要结合录像回放查看事件前后的画面，然而，实时监控和录像回看是两套独立的系统，切换操作复杂。

对当前技术的研究和实践过程中，当前技术通常是直播画面和录像的历史播放画面的界面分开，需要在不同界面操作，操作过程复杂，且无法兼顾大时间尺度和微调，播放画面的时间节点选择准确性较低。

发明内容

本申请主要解决的技术问题是提供一种媒体流播放方法、系统、电子设备及存储介质，能够依据进度环的控制指令，将播放画面移动至任一处时间节点对应的历史播放画面进行播放，兼顾大时间尺度调节和微调，提高选择时间节点的准确性。

为解决上述技术问题，本申请采用的一个技术方案是：提供一种媒体流播放方法，所述媒体流播放方法包括：获取显示页面显示直播的播放画面；在所述显示页面显示所述播放画面的进度环，其中，所述进度环显示所述播放画面的时间节点；响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放。

在本申请的一实施例中，所述在所述显示页面显示所述播放画面的进度环，包括：在所述显示页面显示所述播放画面的至少一个进度环，其中，每一所述进度环表示一种时间尺度，且不同的所述进度环表示不同的时间尺度。

在本申请的一实施例中，所述响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放，包括：获取所述直播的录像数据对应的历史播放画面；响应于其中之一所述进度环的第一控制指令，控制所述进度环的播放进度移动至所述进度环对应的时间尺度内，所述录像数据任一处时间节点对应的历史播放画面；响应于所述进度环的第二控制指令，播放所述历史播放画面。

在本申请的一实施例中，在响应于所述进度环的第一控制指令之前，所述媒体流播放方法还包括：响应于所述进度环的第三控制指令，确定所选择的进度环为目标进度环，并将所述目标进度环的原始面积增大至预设面积，以使所述第三控制指令对应所述目标进度环的控制面积增大。

在本申请的一实施例中，所述在所述显示页面显示所述播放画面的进度环，还包括：在所述页面显示所述播放画面的控制按钮；响应于所述控制按钮的第四控制指令，增大所述控制按钮的原始面积；响应于所述控制按钮第一方向的第五控制指令，调整所述进度环的显示内容；响应于所述控制按钮第二方向的第六控制指令，调整所述进度环的面积。

在本申请的一实施例中，所述媒体流播放方法还包括：响应于所述控制按钮的第七控制指令，将所述控制按钮切换为进度环调整按钮；响应于所述进度环调整按钮第一方向的第八控制指令，调整所述进度环的显示内容，以及响应于所述进度环调整按钮第二方向的第九控制指令，调整所述进度环的面积。

在本申请的一实施例中，所述媒体流播放方法还包括：响应于所述控制按钮的第七控制指令，将所述控制按钮切换为直播快捷控制按钮；响应于所述直播快捷控制按钮第十控制指令，将所述播放画面切换至当前直播画面。

在本申请的一实施例中，所述媒体流播放方法还包括：在所述播放画面为所述历史播放画面时，保留所述直播的直播信令；若需要将所述历史播放画面切换为当前直播画面，则调用所述直播信令将所述历史播放画面切换为当前直播画面进行播放。

在本申请的一实施例中，所述媒体流播放方法还包括：预设至少一个所述历史播放画面的历史播放点；在所述历史播放点接收到历史播放控制指令时，将所述播放画面切换为所述历史播放画面进行播放。

为解决上述技术问题，本申请采用的另一技术方案是：提供一种媒体流播放系统，所述媒体流播放系统包括：第一显示模块、第二显示模块以及调节模块；其中，第一显示模块用于显示页面显示直播的播放画面；第二显示模块用于在所述显示页面显示所述播放画面的进度环，其中，所述进度环显示所述播放画面的时间节点；调节模块用于响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放。

为解决上述技术问题，本申请采用的再一技术方案是：一种电子设备，所述电子设备包括存储器以及与所述存储器耦接的处理器，所述存储器存储有至少一计算机程序，所述至少一计算机程序被所述处理器加载并执行时，用于实现如上述的媒体流播放方法。

为解决上述技术问题，本申请采用的又一技术方案是：一种计算机可读存储介质，所述计算机可读存储介质有至少一段程序，所述至少一段程序被处理器加载并执行时，用于实现如上述的媒体流播放方法。

区别于当前技术，本申请提供的媒体流播放方法，包括：获取显示页面显示直播的播放画面；在所述显示页面显示所述播放画面的进度环，其中，所述进度环显示所述播放画面的时间节点；响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放。即本申请通过可调的、有播放画面时间节点的进度环，将播放画面移动至当前直播任一处时间节点对应的历史播放画面进行播放，实现大时间尺度调节和微调，准确调整到需要的时间节点进行播放，提高了选择播放画面的时间节点准确性。

附图说明

图1是本申请媒体流播放方法第一实施例的流程示意图；

图2是本申请中显示页面显示三个进度环的结构示意图；

图3是本申请中步骤S12一实施例的流程示意图；

图4是本申请中步骤S121之后一实施例的流程示意图；

图5是本申请中将控制按钮切换为进度环调整按钮的结构示意图；

图6是本申请中步骤S121之后另一实施例的流程示意图；

图7是本申请中将控制按钮切换为直播快捷控制按钮的结构示意图；

图8是本申请中步骤S13一实施例的流程示意图；

图9是本申请媒体流播放方法第二实施例的流程示意图；

图10是本申请中增大第一进度环宽度的结构示意图；

图11是本申请中增大第二进度环宽度的结构示意图；

图12是本申请中增大第三进度环宽度的结构示意图；

图13是本申请中播放游标当进度环指针表示的结构示意图；

图14是本申请媒体流播放系统一实施例的结构示意图；

图15是本申请电子设备一实施例的结构示意图；

图16是本申请计算机可读存储介质一实施例的结构示意图。

具体实施方式

下面结合附图和实施例，对本发明作进一步的详细描述。特别指出的是，以下实施例仅用于说明本发明，但不对本发明的范围进行限定。同样的，以下实施例仅为本发明的部分实施例而非全部实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

当前的媒体流播放方法，特别是在直播中，直播画面和录像的历史播放画面通常是分开的，直播和录像的切换要在不同的界面进行操作，并且在切换直播和录像时，操作复杂，且无法兼顾大时间尺度调节和微调，使得无法准确选择播放画面的时间节点。

因此，提出一种媒体流播放方法，通过在显示页面中的能显示播放画面的、可调的进度环，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放，操作简单，且能准确选择播放画面的时间节点进行播放。即本申请的技术方案通过将直播录像对应进度环最新时刻，将录像数据的时间刻度对应的相应的进度环，并对录像数据和直播流信令的进行合理控制。通过控制进度环，可便捷进行直播与录像画面的切换，可以大时间跨度检索录像和小时间尺度微调至目标录像。录像数据检索效率极大提高，用户操作简单易用，使用体验极大提升。

请参阅图1，图1是本申请媒体流播放方法第一实施例的流程示意图。需注意的是，若有实质上相同的结果，本申请的方法并不以图1所示的流程顺序为限，本申请的技术方案适用于前端管理客户端设备如NVR/VMS的WEB客户端/人机客户端显示，也适用于移动客户端如手机APP管理接入到云端的设备。其中，IPC采集的录像发送到NVR存储。或者移动端如IPC自身存储或者发送到云端存储。即前端摄像机采集音视频后，经过网络传输到客户端设备，或者存储本地录像或者是云录像，然后由客户端管理设备的客户端进行播放。

如图1所示，该媒体流播放方法包括如下步骤：

S11、获取显示页面显示直播的播放画面。

其中，显示页面可以是各种终端上的显示界面，显示界面可以是多种类型的界面，例如：小程序界面、APP界面、网页界面等等可以播放直播的界面。直播也可以是多种类型的直播，例如，可以是视频直播，也可以是音频直播，也可以是实时监控画面，等等。在显示页面显示直播的直播画面，还可以包括多种内容，例如：在显示页面显示直播的直播画面，以及对直播画面执行控制的直播控件，其中，直播控件可以包括：停止直播控件和开播直播控件，以便控制直播的开播与停止。在直播控件的基础上，可以基于特定的界面进行专属设置，也可以设置其他控件以执行特定界面的功能，使得直播控件能够适应当前界面的需求，提升用户的体验感。例如，在移动终端上直播软件的显示界面获取显示直播的播放画面。

S12、在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点。

其中，进度环可以是一种圆环，圆环上显示有时间刻度，进度环显示的内容可以是一种时间刻度，如时刻度、分刻度或秒刻度，或者多种时间刻度的组合，即进度环的播放进度显示相应的播放时间；显示的时间节点为时间OSD(on-screen display)，即时间OSD技术：时间信息在视频画面显示的叠加方法。

具体地，获取显示页面显示直播的播放画面时，在该显示页面同时还显示有对应于播放画面的进度环，即进度环可以是与播放画面相关联的。进度环可以在任一处时间节点的播放画面上显示该播放画面的时间节点，进度环随着直播的进行，进度环上显示的时间节点也会跟着直播的播放画面对应的时间节点变化，即进度环显示的时间节点可以跟着播放画面的时间节点变化。例如，当前的播放画面的时间节点为30分30秒，则进度环上显示的时间节点也为30分30秒，若播放画面的时间节点变为30分31秒，则进度环上显示的时间节点也变为30分31秒。

在一实施例中，进度环可以切换显示多种时间刻度，即当前进度环显示为秒时间刻度，可以切换为分时间刻度，例如，当前进度环显示为180秒，则可以切换显示为3分钟；或者当前进度环显示为秒时间刻度，可以切换为秒时间刻度加分时间刻度的组合显示，例如，当前进度环显示为200秒，则可以切换显示为3分20秒；又或者当前进度环显示为百分比的时间刻度，可以切换为时分秒时间刻度的组合显示，例如，当前直播预计时长2个小时，当前进度环显示为百分之80，则可以切换为1小时36分。

在一实施例中，进度环可以显示历史播放画面的时间节点，即进度环接收转动控制指令，进度环的播放进度或播放点转动而检索历史播放画面时，可以显示历史播放画面对应的时间节点；也即进行录像数据的检索；例如，当前直播的播放画面为30分30秒，转动进度环的播放进度或播放点检索到历史播放画面20分30秒，则进度环可以显示该历史播放画面对应的时间节点20分30秒。

S13、响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放。

其中，控制指令是进度环接收到的信号指令，对于移动终端来说，信号指令可以是触控指令，对于不能触控的显示屏来说，信号指令可以是鼠标控制指令，可以理解的是，本申请中的控制指令只要能控制进度环的播放进度或播放点移动即可，由于播放画面是直播的当前播放画面，若需要播放该直播的历史播放画面，则需要经过信号指令控制进度环转动到历史播放画面对应的时间节点。

具体地，在进度环接收到转动指令时，可以根据需求从直播的当前播放画面对应的时间节点移动到需求历史播放画面对应的时间节点，并且在转动过程中，进度环显示相应的时间节点，直至进度环停止转动，则最终显示的是进度环停止时对应历史播放画面的时间节点，并在该时间节点播放对应的历史播放画面。

在一实施例中，为了便于对大尺度时间的录像数据进行检索，在显示页面显示播放画面的至少一个进度环，可以是一个进度环、三个进度环、五个进度环等等，可以根据实际需求设定。其中，每一进度环表示一种时间尺度，且不同的进度环表示不同的时间尺度，如对应于秒时间刻度的秒进度环、对应于分时间刻度的分进度环、对应于小时时间刻度的时进度环、对应于月时间刻度的月进度环、对应于年时间刻度的年进度环等等。

如图2所示，例如有三个进度环，既有，在显示页面显示播放画面的三个进度环，包括对应于秒时间刻度的第一进度环、对应于分时间刻度的第二进度环、以及对应于小时时间刻度的第三进度环；可以是由外到内的排序，也可以是由内到外的排序；为了表示时间录像的情况，可使用不同颜色表示录像数据的记录情况和时间跳动/流逝情况。这里以由外到内进行说明，即从外到内进行排序，分别为对应于秒时间刻度的第一进度环、对应于分时间刻度的第二进度环、以及对应于小时时间刻度的第三进度环，则第一进度环每转动一圈，则第二进度环转动1/60圈，第二进度环转动一圈，第三进度环转动1/60圈，即第一进度环、第二进度环以及第三进度环依据对应的关系进行联动。

各个进度环各可用平均分配的小格子表示有录像数据的时间尺度，也可用颜色表示录像数据。如11月份有7天录像，则整个月进度环是11，日进度环7等分，每个格子或者颜色表示不同的日期等。若跨月时，如11月6天，12月一天，则把月进度环等分2份，当选中11月时日进度环6等分，选中12月时，日进度环独占1天。若录像数据留存期只有7天，则可以不用月进度环，如对日进度环7等分即可，遇到跨月时，只要表示清楚是哪个月份的即可。对于保存月份较少的录像，月进度环可以进行等比例分配，如月进度环只进行2等分，若录像是10个月留存期，每个月均有录像，则可以考虑使用由内到外是秒进度环到月进度环的表示，即月份在外侧。即可根据具体情况进行模式选择，用户也可以选择固定某个模式。本申请中，各进度环可用各种不同颜色进行表示，也可进行n等分，不限于此。此外举例，月进度环中可用颜色表示某几天是否有录像，而不是仅仅表示该月有录像。即可用当前进度环表示下级小时间尺度的录像存在大概情况。对于整年的录像，或者是数天的录像。

为了区分不同录像类型和存储方式的表示，本申请不做限制。如用浅颜色表示低等级录像，深颜色表示高等级录像，灰色表示普通录像，使用空白表示仅事件录像模式时的无事件时的录像，可使用各个环的颜色跳动表示时间的流逝，如秒进度环颜色60秒指针转一圈，每跳动一秒，颜色就顺时针走1/60圈，分进度环60分钟转一圈等等类似，其转动原理同日常生活中的钟表转动类似。

在本实施例中，本申请通过获取显示页面显示直播的播放画面；在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点；响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放；即本申请的技术方案可以实现大时间尺度调节和微小时间尺度调节，可快速并准确调整到需要的时间节点进行播放，提高了选择播放画面的时间节点准确性。

图3是本申请步骤S12一实施例的流程示意图，如图3所示，步骤S12还包括：

S121、在页面显示播放画面的控制按钮。

其中，控制按钮可以在进度环的中心位置，也可以在进度环的边缘位置。

S122、响应于控制按钮的第四控制指令，增大控制按钮的原始面积；

其中，为了在控制按钮接收到信号指令时，不误触到其他进度环，则可以在设定条件下增大控制按钮的原始面积。

具体地，在选定控制按钮后，控制按钮为目标控制按钮，可以设定在预设时间内目标控制按钮收到快速点击信号指令时，增大控制按钮的面积，以使得在用户在控制该控制按钮时，增大相应的控制面积；并在移除相应的信号指令后，由增大后的控制面积变化原始面积，使其可以重新选择其他控制按钮或进度环。

在一实施例中，若在预设时间内目标控制按钮没有收到快速点击信号指令时，则取消选定该目标控制按钮。

S123、响应于控制按钮第一方向的第五控制指令，调整进度环的显示内容；响应于控制按钮第二方向的第六控制指令，调整进度环的面积。

其中，控制按钮是可以控制进度环相应内容的，为了对进度环进行相应的调整，则需要给控制按钮相应的信号指令，为了明确不同的调整，则需要对控制按钮进行区域划分，如分为第一方向的区域，第二方向的区域。

具体地，可以设定水平方向为第一方向，垂直方向为第二方向，则有：在控制按钮的水平方向接收到信号指令时，调整进度环的显示内容；在控制按钮的垂直方向接收到信号指令时，调整进度环的面积；例如：在控制按钮水平向右方向接收信号指令时，按由深到浅的顺序调整进度环的颜色，在控制按钮水平向左方向接收信号指令时，按由浅到深的顺序调整进度环的颜色；在控制按钮的垂直向下方向接收到信号指令时，增大被选择进度环的宽度，以增加其面积，在控制按钮的垂直向上方向接收到信号指令时，减小被选择进度环的面积；这里的信号指令，可以是滑动信号指令。

在本实施例中，为了防止用户在控制进度环时发生误触，因此通过控制按钮对进度环的宽度进行调节，以增大被选择进度环的宽度，从而避免用户在通过进度环拉动播放画面的时间节点时，因为接触面积过小而出现误触的情况。

图4是本申请步骤S121之后一实施例的流程示意图，如图4所示，包括：

S124、响应于控制按钮的第七控制指令，将控制按钮切换为进度环调整按钮；

其中，为了是的控制按钮与进度环建立联系，并在对控制按钮进行控制时，清楚当前控制按钮的相应功能，因此，需要清楚当前的控制按钮是什么功能，需求切换为其他功能时进行相应的切换。

具体地，原始控制按钮与进度环没有建立联系，在需要通过控制按钮对进度环进行调整时，给控制按钮一个点击信号指令，将原始控制按钮切换为进度环调整按钮，则可以通过该进度环调整按钮对进度环进行相应的调整。如图5所示，图5表示将原始控制按钮切换为进度环调整按钮的结构示意图。

S125、响应于进度环调整按钮第一方向的第八控制指令，调整进度环的显示内容，以及响应于进度环调整按钮第二方向的第九控制指令，调整所述进度环的面积。

其中，可以设定水平方向为第一方向，垂直方向为第二方向，则有：在控制按钮的水平方向接收到信号指令时，调整进度环的显示内容；在控制按钮的垂直方向接收到信号指令时，调整进度环的面积；例如：在控制按钮水平向右方向接收信号指令时，按由深到浅的顺序调整进度环的颜色，在控制按钮水平向左方向接收信号指令时，按由浅到深的顺序调整进度环的颜色；在控制按钮的垂直向下方向接收到信号指令时，增大被选择进度环的宽度，以增加其面积，在控制按钮的垂直向上方向接收到信号指令时，减小被选择进度环的面积；这里的信号指令，可以是滑动信号指令或点击信号指令。

在本实施例中，为了防止用户在控制进度环时发生误触，因此设定原始控制按钮没有与进度环建立连接，在将原始控制按钮切换为进度环调整按钮后建立连接，并通过进度环调整按钮对进度环的宽度进行调节，以增大被选择进度环的宽度，从而避免用户在通过进度环拉动播放画面的时间节点时，因为接触面积过小而出现误触的情况；通过进度环调整按钮对进度环的显示内容，如进度环颜色等。

图6是本申请步骤S121之后另一实施例的流程示意图，如图6所示，包括：

S126、响应于控制按钮的第七控制指令，将控制按钮切换为直播快捷控制按钮；

其中，为了快速将历史播放画面替换到直播的播放画面，可以设置一个直播快捷控制按钮，通过该直播快捷控制按钮一键回到直播的播放画面。

具体地，在播放画面为所述历史播放画面时，为了切换到直播的播放画面，在控制按钮接收的第七控制指令时，将控制按钮切换为直播快捷控制按钮；这里的第七控制指令可以是滑动信号指令或点击信号指令。如图7所示，图7为将控制按钮切换为直播快捷控制按钮的结构示意图。

S127、响应于直播快捷控制按钮第十控制指令，将播放画面切换至当前直播画面。

其中，在将录像的播放画面切换至直播画面时，因为在同一个界面中进行，为了进行快速播放画面的切换，需要一个控制按钮进行一键切换。

具体地，保留直播的直播信令，若需要将历史播放画面切换为当前直播画面，在直播快捷控制按钮接收到第十控制信令时，调用直播信令将历史播放画面切换为直播的播放画面进行播放，这里的第十控制信令可以是滑动信号指令或点击信号指令。

在一实施例中，为了从录像数据的播放画面切回直播时的播放画面切屏速度出图，客户端在播放录像时，对于直播流的信令可不进行断掉，即建立信令保活，设备端不发流。当切回到直播流时，不再需要多次信令交互建流，只需要客户端发送信令给设备发送实时流即可，从录像播放界面到直播画面，出图速度极快；即在播放画面为所述历史播放画面时，保留直播的直播信令；若需要将历史播放画面切换为当前直播画面，则调用直播信令将历史播放画面切换为当前直播画面进行播放。

在本实施例中，为了实现录像的历史播放画面和直播的当前播放画面快速切换，因此，将控制按钮切换为直播快捷控制按钮，通过直播控制按钮接收的信号指令，将录像的历史播放画面直接切换至直播的当前播放画面。

在一实施例中，参阅图8，图8是步骤S13一实施例的流程示意图，S13包括：

S131、获取直播的录像数据对应的历史播放画面；

其中，直播是根据当前时间一直进行播放的，为了切换到录像数据对应的历史播放画面，需要保留直播开始到当前时间的录像数据。

具体地，在直播进行中，存储直播的录像数据，在需要切换到历史播放画面时，获取录像数据对应的历史播放画面。

S132、响应于其中之一进度环的第一控制指令，控制进度环的播放进度移动至进度环对应的时间尺度内，录像数据任一处时间节点对应的历史播放画面；

其中，每个进度环有对应的时间尺度，在选择其中一个进度环后，可以在该进度环对应的时间尺度内，任意选择一个时间节点对应的历史播放画面进行播放。

具体地，在其中一个进度环接收到第一控制指令后，可以控制所选择的进度环转动至对应的时间尺度内任一处时间节点，若该进度环没有目标时间节点，则可以通过多个关联的进度环进行调整，直至转动到目标时间节点，并在显示页面显示该目标时间节点对应的历史播放画面，这里的第一控制指令可以是转动信号指令。

S133、响应于进度环的第二控制指令，播放历史播放画面。

其中，在转动到目标时间节点时，需要给一个信号指令，使得播放该目标时间节点的历史播放画面。

具体地，在转动到目标时间节点时，给所选择的进度环一个第二控制指令，在显示页面播放该目标时间节点对应的历史播放画面。

在本实施例中，为了切换到目标时间节点的播放画面，需要通过进度环转到到该目标时间节点。这里的切换，可以是从直播的当前播放画面切换到录像数据的历史播放画面，也可以是从某一处录像数据的历史播放画面切换到另外一处录像数据的历史播放画面，实现直播和录像数据的快速切换。

在一实施例中，可以预设至少一个历史播放画面的历史播放点，如预设三个、五个、十个等等，这里的历史播放点是指最近时间段内的历史播放点；如预设五个最近的历史播放点。后续用户再次回到某个录像时，可迅速回到历史的近五个点之内历史播放点。

其中，历史播放点是用于更快速的切换播放画面，即在历史播放点接收到历史播放控制指令时，将播放画面直接切换为该历史播放点对应的历史播放画面进行播放。

在一些实施例中，历史播放点还可以按时间进度进行设定，如百分之二十的进度处，百分之五十的进度处；也可以按整点时间进行设定，如30分钟的进度处，60分钟的进度处；还可以是用户的自行设定等等。

请参阅图9，图9是本申请媒体流播放方法第二实施例的流程示意图，为了减少进度环之间的误触，因此，设定进度环的宽度可变，即进度环的面积大小可变，在选中时，进度环的宽度可以变大，使得进度环的面积变大，进而使得接收控制指令的控制面积变大，减少误触的发生。如图9所示，该媒体流播放方法包括如下步骤：

S21、获取显示页面显示直播的播放画面；

S22、在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点；

S23、响应于所述进度环的第三控制指令，确定所选择的进度环为目标进度环，并将所述目标进度环的原始面积增大至预设面积，以使所述第三控制指令对应所述目标进度环的控制面积增大。

其中，目标进度环为选择的进度环，每个进度环都有一个原始宽度，对应一个原始面积，在未选择的情况下，每个进度环的原始宽度可以是一样的，在选择其中一个进度环后，可以增大所选择进度环的宽度，以增大所选择进度环的面积。

具体地，在进度环接收到第三控制指令时，确定所选择的进度环为目标进度环，在所选择的进度环原始宽度上，增大所选择进度环的宽度，以增大所选择进度环的原始面积至预设面积，这里的第三控制指令可以是点击信号指令。即用户选中某个进度环进行录像数据检索或者查找某个时间节点的录像数据时，可放大该进度环，便于用户进行操作和控制，避免误触碰其他进度环。

如图10、图11、图12所示，其中，图10表示外圈的第一进度环增大宽度，图11表示中圈的第二进度环增大宽度，图12表示内圈的第三进度环增大宽度。

在一实施例中，进度环的总宽度可以是不变的，在增大其中一个进度环的宽度时，相应减小其他进度环的宽度。

在另一实施例中，进度环的总宽度可以变大，进在其他进度环的宽度不变的情况下，所选择的进度环增大其宽度。

在一些实施例中，确定目标进度环后，还可以通过控制按钮切换为进度环调节按键对进度环的宽度进行调节。

S24、响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放。

如前述内容，在此不再赘述。

进一步地，为了使得用户便于用户对直播数据有较好的时间跳动的直观感受，和实时录像数据存储的情况，可使用各进度环表示，秒进度环表示更为明显，其直播画面可用秒进度环中的秒指针顺时针跳动表示，如图13所示，用播放游标当指针表示，秒指针跳动之后的区域可使用不同的颜色表示录像存储的类型和是否有存储，或者是录像是否有正常存储。用户可以直接的观察到这些细节信息。即各进度环从0点开始，各进度环指针顺时针扫过的区域均是已流逝的时间，即有录像数据存储的时间，如果有录像的话，如全程普通录像模式，则所有指针顺时针已扫过的区域均有录像，未扫过的是采集时刻之后的时间。以秒进度环表示，其只显示50秒，则表示该分钟内录像了50秒。若该分钟内无录像存储(空白表示)可直观的显示出来。实际上，该50秒是直播时的时刻，则该秒指针是直播时间的跳动。实际使用时，直播画面时录像按照钟表秒，时，分，日一样进行指针转动，不限于指针，也可以是颜色跳动表示时间在流动。当用户在进行查询录像时，可固定播放游标，便于用户进行转动进度环。为便于知道当前直播也在进行，可在录像的时候，用虚线指针表示当前直播的情况。

若当前用户滑动选择到了直播画面，则此时播放的是直播画面。用户可拖动进度环的游标进行录像检索，由于对应钟表中的指针，本申请中，只要滑动某个进度环指针时，则其他进度环指针会相应的变化。则可以方便的进行跨多日录像检索，甚至跨月进行检索，检索完成后，可方便的精确到某个分钟进行检索。由此可方便的进行大时间跨度和秒级刻度目标播放时间定位。进度环可进行单手操作，可切换到直播流和各个时间段的录像，还可以精确微调到目标时间节点进行该目标时间节点对应播放画面的播放。为便于单手操作，可将进度环的控制面板移到单手便于操作的区域，其他区域可用于录像预览。

在实施例中，可以用不同进度环表示不同的时间尺度录像，进度环指针或者颜色表示当前录像状态及录像类型，通过控制进度环，可便捷进行直播与录像画面的切换，可以大时间跨度检索录像和小时间尺度微调至目标录像。录像检索效率极大提高，用户操作简单易用，使用体验极大提升。

区别于现有技术，本申请中，通过获取显示页面显示直播的播放画面；在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点；响应于进度环的第三控制指令，确定所选择的进度环为目标进度环，并将目标进度环的原始面积增大至预设面积，以使第三控制指令对应目标进度环的控制面积增大；响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放；即本申请的技术方案可以实现大时间尺度调节和微小时间尺度调节，并通过可调大小的进度环，防止误触的发生，可快速并准确调整到需要的时间节点进行播放，提高了选择播放画面的时间节点准确性。

请参阅图14，图14是本申请媒体流播放系统一实施例的结构示意图。该媒体流播放方法可以执行上述媒体流播放方法的步骤，相关内容请参见上述媒体流播放方法中的详细说明，在此不再赘述。

该媒体流播放系统200包括：第一显示模块210、第二显示模块220以及调节模块230；其中，第一显示模块210用于显示页面显示直播的播放画面；第二显示模块220用于在显示页面显示播放画面的进度环，其中，进度环显示播放画面的时间节点；调节模块230用于响应于进度环的第一控制指令，将播放画面移动至直播的任一处时间节点对应的历史播放画面进行播放。

请参阅图15，图15是本申请电子设备一实施例的结构示意图。该电子设备可以执行上述媒体流播放方法中的步骤。该电子设备300包括：存储器310以及与存储器耦接的处理器320，存储器310存储有至少一计算机程序，至少一计算机程序被处理器加载并执行时，用于实现上述的媒体流播放方法。

请参阅图16，图16是本发明计算机可读存储介质一实施例的结构示意图。该计算机可读存储介质400存储有至少一段程序410，至少一段程序410被处理器加载并执行时，用于实现上述的媒体流播放方法。

以上方案，一方面，基于进度环切换直播的播放画面或录像数据的播放画面，兼顾了大时间尺度的调节和小时间范围内的微调，且用户操作简单，可单手操作，提高了查找播放画面的准确度；另一方面，进度环可以显示播放画面的时间节点，不需要再一一对照时间，可以提高对录像数据的查找效率。

在本发明所提供的几个实施方式中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施方式仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施方式方案的目的。

另外，在本发明各个实施方式中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

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

以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (12)

1.一种媒体流播放方法，其特征在于，所述媒体流播放方法包括：

获取显示页面显示直播的播放画面；

在所述显示页面显示所述播放画面的进度环，其中，所述进度环显示所述播放画面的时间节点；

响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放。

2.根据权利要求1所述的媒体流播放方法，其特征在于，

所述在所述显示页面显示所述播放画面的进度环，包括：

在所述显示页面显示所述播放画面的至少一个进度环，其中，每一所述进度环表示一种时间尺度，且不同的所述进度环表示不同的时间尺度。

3.根据权利要求2所述的媒体流播放方法，其特征在于，

所述响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放，包括：

获取所述直播的录像数据对应的历史播放画面；

响应于其中之一所述进度环的第一控制指令，控制所述进度环的播放进度移动至所述进度环对应的时间尺度内，所述录像数据任一处时间节点对应的历史播放画面；

响应于所述进度环的第二控制指令，播放所述历史播放画面。

4.根据权利要求1所述的媒体流播放方法，其特征在于，

在响应于所述进度环的第一控制指令之前，所述媒体流播放方法还包括：

响应于所述进度环的第三控制指令，确定所选择的进度环为目标进度环，并将所述目标进度环的原始面积增大至预设面积，以使所述第三控制指令对应所述目标进度环的控制面积增大。

5.根据权利要求1所述的媒体流播放方法，其特征在于，

所述在所述显示页面显示所述播放画面的进度环，还包括：

在所述页面显示所述播放画面的控制按钮；

响应于所述控制按钮的第四控制指令，增大所述控制按钮的原始面积；

响应于所述控制按钮第一方向的第五控制指令，调整所述进度环的显示内容；响应于所述控制按钮第二方向的第六控制指令，调整所述进度环的面积。

6.根据权利要求5所述的媒体流播放方法，其特征在于，所述媒体流播放方法还包括：

响应于所述控制按钮的第七控制指令，将所述控制按钮切换为进度环调整按钮；

响应于所述进度环调整按钮第一方向的第八控制指令，调整所述进度环的显示内容，以及响应于所述进度环调整按钮第二方向的第九控制指令，调整所述进度环的面积。

7.根据权利要求5所述的媒体流播放方法，其特征在于，所述媒体流播放方法还包括：

响应于所述控制按钮的第七控制指令，将所述控制按钮切换为直播快捷控制按钮；

响应于所述直播快捷控制按钮的第十控制指令，将所述播放画面切换至当前直播画面。

8.根据权利要求1所述的媒体流播放方法，其特征在于，所述媒体流播放方法还包括：

在所述播放画面为所述历史播放画面时，保留所述直播的直播信令；

若需要将所述历史播放画面切换为当前直播画面，则调用所述直播信令将所述历史播放画面切换为当前直播画面进行播放。

9.根据权利要求1所述的媒体流播放方法，其特征在于，所述媒体流播放方法还包括：

预设至少一个所述历史播放画面的历史播放点；

在所述历史播放点接收到历史播放控制指令时，将所述播放画面切换为所述历史播放画面进行播放。

10.一种媒体流播放系统，其特征在于，所述媒体流播放系统包括：

第一显示模块，用于在显示页面显示直播的播放画面；

第二显示模块，用于在所述显示页面显示所述播放画面的进度环，其中，所述进度环显示所述播放画面的时间节点；

调节模块，响应于所述进度环的第一控制指令，将所述播放画面移动至所述直播的任一处时间节点对应的历史播放画面进行播放。

11.一种电子设备，其特征在于，所述电子设备包括存储器以及与所述存储器耦接的处理器，所述存储器存储有至少一计算机程序，所述至少一计算机程序被所述处理器加载并执行时，用于实现如权利要求1-9任一项所述的媒体流播放方法。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质有至少一段程序，所述至少一段程序被处理器加载并执行时，用于实现如权利要求1-9任一项所述的媒体流播放方法。

Images