CN106303664B - 视频播放方法及装置 - Google Patents

视频播放方法及装置 Download PDF

Info

Publication number
CN106303664B
CN106303664B CN201610894542.7A CN201610894542A CN106303664B CN 106303664 B CN106303664 B CN 106303664B CN 201610894542 A CN201610894542 A CN 201610894542A CN 106303664 B CN106303664 B CN 106303664B
Authority
CN
China
Prior art keywords
video
suspension windows
picture
previous
trigger event
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201610894542.7A
Other languages
English (en)
Other versions
CN106303664A (zh
Inventor
王琪
张宏伟
林岳
顾思斌
潘柏宇
王冀
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Youku Culture Technology Beijing Co ltd
Original Assignee
Unification Infotech (beijing) Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Unification Infotech (beijing) Co Ltd filed Critical Unification Infotech (beijing) Co Ltd
Priority to CN201610894542.7A priority Critical patent/CN106303664B/zh
Publication of CN106303664A publication Critical patent/CN106303664A/zh
Application granted granted Critical
Publication of CN106303664B publication Critical patent/CN106303664B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4318Generation of visual interfaces for content selection or interaction; Content or additional data rendering by altering the content in the rendering process, e.g. blanking, blurring or masking an image region
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • H04N21/47205End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/485End-user interface for client configuration
    • H04N21/4858End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及一种视频播放方法及装置。该方法包括:在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸;在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面;在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。通过本发明的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。

Description

视频播放方法及装置
技术领域
本发明涉及多媒体技术领域,尤其涉及一种视频播放方法及装置。
背景技术
现有的播放逻辑是,从任意页面点击视频进入视频详情页进行播放,如果返回原来的页面或者浏览其他应用的页面,播放会立即停止。也就是说在播放过程中除了可以浏览当前视频的相关内容,例如视频简介、相关推荐、评论等,其他页面的内容无法浏览,一但想浏览就会打断当前的播放,并且无法继续播放。
发明内容
技术问题
有鉴于此,本发明要解决的技术问题是,在播放视频的同时浏览操作其他页面。
解决方案
为了解决上述技术问题,根据本发明的一实施例,提供了一种视频播放方法,包括在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸;在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面;在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
为了解决上述技术问题,根据本发明的另一实施例,提供了一种视频播放装置,包括:悬浮窗口创建模块,用于在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸;呈现模块,用于在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面;切换模块,用于在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
有益效果
通过创建悬浮窗口播放视频,根据本发明实施例的视频播放方法及装置能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。
根据下面参考附图对示例性实施例的详细说明,本发明的其它特征及方面将变得清楚。
附图说明
包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本发明的示例性实施例、特征和方面,并且用于解释本发明的原理。
图1示出根据一实施例的一种视频播放方法的流程图。
图2a-2i为根据一实施例的一种视频播放方法的示意图。
图3示出根据一实施例的一种视频播放方法的流程图。
图4示出根据一实施例的一种视频播放方法的流程图。
图5示出步骤S12的一个示例的流程图。
图6示出步骤S123和步骤S124的一个示例的流程图。
图7示出根据一实施例的一种视频播放装置的框图。
图8示出根据一实施例的一种视频播放装置的框图。
图9示出根据一实施例的一种视频播放装置的框图。
图10示出根据一实施例的一种视频播放装置的框图。
图11示出根据一实施例的一种视频播放装置的框图。
图12示出根据一实施例的一种视频播放装置的框图。
图13示出根据一实施例的一种视频播放设备的框图。
具体实施方式
以下将参考附图详细说明本发明的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。
在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
另外,为了更好的说明本发明,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本发明同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本发明的主旨。
实施例1
图1示出根据本发明一实施例的一种播放方法的流程图。图2a-2i为根据一应用示例的一种视频播放方法的示意图,该应用示例的目的仅在于帮助对该实施例的方法的理解,并不以任何方式限制本发明。
如图1所示,视频播放方法可用于终端设备中,例如,手机、平板电脑等移动终端、计算机等。该方法主要包括:
步骤S11:在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸。
在一种可能的实施方式中,用户可从任意页面点击进入视频详情页进行视频播放,其中视频详情页可以是APP、网站等平台中用于播放视频并展示视频相关信息的页面,例如,参见图2a。
在一种可能的实施方式中,终端设备的显示屏为触控式显示屏,简称为触控屏,所述用于启动悬浮窗口的触发事件可为针对终端的触控屏的向下滑动操作,即用户可在观看视频详情页中播放的视频的过程中,针对触控屏做向下滑动操作,以创建悬浮窗口,并在悬浮窗口中继续观看视频。用于启动悬浮窗口的触发事件也可以是其他操作,例如,也可以在视频详情页中设置悬浮窗口启动控件(例如图2a中左上角的向下箭头形式的控件),所述用于启动悬浮窗口的触发事件可为点击所述悬浮窗口启动控件,即用户可以点击悬浮窗口启动控件来创建悬浮窗口,并在悬浮窗口中继续观看视频。
图2a-2e示意了从检测到用户启动悬浮窗口的触发事件到创建悬浮窗口播放的过程,如图2a-图2e所示,用户在执行下滑操作或点击悬浮窗口启动控件后,可关闭所述视频详情页,创建悬浮窗口,视频详情页的内容可转移到悬浮窗口中展示,并且悬浮窗口逐渐缩小,视频详情页中除了视频播放画面之外的内容逐渐消失,直到图2e所示的状态。在一种可能的实施方式中,悬浮窗口可以是存在于终端显示界面顶层的浮动窗口,或称为浮层,悬浮窗口的尺寸小于显示界面的尺寸,且尺寸可以是可调节的,并可通过拖动等操作改变悬浮窗口的位置。
在一种可能的实施方式中,创建悬浮窗口后,由于悬浮窗口的尺寸小于所述终端显示界面的尺寸,悬浮窗口以外的界面露出并可供用户操作(参见图2e),露出的部分可以是其他页面,比如所关闭的视频详情页的前一页面,用户可对露出的界面进行操作,例如,搜索查找新的视频、退出当前页面开启新的应用或客户端进行操作等。
步骤S12:在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
举例来说,当前视频可以是电视剧中的某一集,所述前一视频和所述后一视频可以是当前视频的前一集和后一集。又例如,所述前一视频和所述后一视频可以是播放列表中排在当前视频之前和之后的视频。
前一视频的画面和后一视频的画面可以是静态画面,例如是前一视频中的一帧静态画面(即前一视频中的某一帧对应的静态画面)以及后一视频中的一帧静态画面(即后一视频中的某一帧对应的静态画面),所谓“某一帧”,可以是前一视频和后一视频中的任一一帧,例如前一视频和后一视频的关键帧或者封面帧,或者上次播放进度对应的帧。本领域技术人员应理解,所述画面不限于静态画面,也可以是动态画面,例如前一视频和后一视频的若干帧构成的动画。前一视频的画面和后一视频的画面可以以灰度效果进行显示或透明效果进行显示,以避免干扰用户观看当前播放的视频,例如,可以在所述悬浮窗口内播放所述视频的画面附近,以灰度或透明显示效果来显示所述视频的前一视频中的画面和所述视频的后一视频中的画面。
步骤S13:在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
在一种可能的实施方式中,如图2e所示,所述前一视频的画面和所述后一视频的画面可位于悬浮窗口中播放视频的画面的左右两侧;所述用于切换视频的触发事件可以为针对悬浮窗口的左右滑动操作。图2f和图2g示意了通过左右滑动切换至前一视频或后一视频的过程。在这种实施方式中,用户可以通过在悬浮窗口所在区域左右滑动触控屏,来切换播放前一视频或后一视频。
需要说明的是,尽管以触控显示屏作为示例介绍了视频播放方法如上,但本领域技术人员能够理解,本发明应不限于此。事实上,用户完全可根据个人喜好和/或实际应用场景灵活设定触发方式,例如,用于切换视频的触发事件也可以是触发相应按钮的事件等。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。
图3示出根据本发明一实施例的视频播放方法的流程图。图3中标号与图1相同的步骤具有相同的功能,为简明起见,省略对这些步骤的详细说明。
如图3所示,所述视频播放方法还包括:
步骤S14:在检测到用于关闭悬浮窗口的触发事件时,关闭所述悬浮窗口。
在一种可能的实施方式中,所述终端显示屏为触控式,所述用于关闭悬浮窗口的触发事件为针对悬浮窗口的向下滑动操作,如图2h、图2i所示,用户可以在悬浮窗口所在区域针对触控屏做下滑操作,从而关闭悬浮窗口。需要说明的是,这样,通过关闭悬浮窗口停止视频播放,使得用户可以根据自己的需求确定是否需要悬浮窗口播放视频,操作方便。大大提高了用户操作的简便性,节省用户时间。
图4示出根据本发明一实施例的视频播放方法的流程图。图4中标号与图1相同的步骤具有相同的功能,为简明起见,省略对这些步骤的详细说明。
如图4所示,所述视频播放方法还包括:
在步骤S15中:在检测到用于恢复视频详情页的触发事件时,关闭所述悬浮窗口,并恢复为以视频详情页播放所述视频。
在一种可能的实施方式中,所述用于恢复视频详情页的触发事件为针对悬浮窗口的点击操作。例如,用户可以单击悬浮窗口,以使得悬浮窗口消失,终端显示界面上显示所述视频详情页,并可在视频详情页中继续播放所述视频,这样,用户可以在需要时通过简单的操作恢复以视频详情页播放,以获得针对该视频更多的信息和操作功能。
图5示出步骤S12的一个示例的流程图。
如图5所示,在步骤S12中,在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面还包括:
步骤S121:在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,获取正在播放的视频的视频信息。
在一种可能的实施方式中,所述视频信息包括视频名称、播放源地址、当前播放的时间点中的一个或多个。
步骤S122:在所创建的悬浮窗口中插入视频播放器。
步骤S123:将所述视频信息对应的视频数据加载到在所述悬浮窗口内的视频播放器中进行播放。
在一种可能的实施方式中,可根据视频信息,从服务器获取相应的视频流,将服务器提供的视频流传输给视频播放器。
步骤S124:根据所述视频信息对应的前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。
图6示出步骤S123和步骤S124的示例的流程图。
如图6所示,所述步骤S123:将所述视频信息对应的视频数据加载到所述悬浮窗口内的视频播放器中进行播放,包括:
步骤S1231:根据所述视频信息生成调取指令并发送给服务器。
在一种可能的实施方式中,所述视频信息包括视频名称、播放源地址、当前播放的时间点中的一个或多个。服务器可通过上述信息查找播放视频的当前帧,并返回给终端。
步骤S1232:接收服务器返回的与所述视频信息对应的视频数据,并加载到所述悬浮窗口内的视频播放器中进行播放。
如图6所示,所述步骤S124:根据所述视频信息对应的前一视频和后一视频的视频数据,在在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:
步骤S1241:接收服务器返回的与所述视频信息对应的前一视频和后一视频的视频数据;
步骤S1242:根据前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述前一视频的画面和所述后一视频的画面。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,切换到悬浮窗口后按照之前的播放进度继续播放。大大提高了用户操作的简便性,节省用户时间。
实施例2
图7示出根据本发明一实施例的一种播放装置700的框图。如图7所示,视频播放装置700可用于终端设备中,例如,移动终端、计算机等。该装置主要包括:悬浮窗口创建模块71,呈现模块72,切换模块73。
该悬浮窗口创建模块71被配置为在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸。
在一种可能的实施方式中,所述终端显示屏为触控式,所述用于启动悬浮窗口的触发事件为针对终端的触控屏的向下滑动操作。
该呈现模块72被配置为在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
该切换模块73被配置为在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
在一种可能的实施方式中,所述用于切换视频的触发事件为针对悬浮窗口的左右滑动操作。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。
图8示出根据本发明一实施例的视频播放装置700的框图。图8中标号与图7相同的组件具有相同的功能,为简明起见,省略对这些组件的详细说明。
如图8所示,所述装置还包括:悬浮窗口关闭模块74。
该悬浮窗口关闭模块74被配置为在检测到用于关闭悬浮窗口的触发事件时,关闭所述悬浮窗口。
在一种可能的实施方式中,所述终端显示屏为触控式,所述用于启动悬浮窗口的触发事件为针对悬浮窗口的向下滑动操作。
需要说明的是,这样,通过关闭悬浮窗口停止视频播放,使得用户可以根据自己的需求确定是否需要悬浮窗口播放视频,操作方便。大大提高了用户操作的简便性,节省用户时间。
图9示出根据本发明一实施例的视频播放装置700的框图。图9中标号与图7相同的组件具有相同的功能,为简明起见,省略对这些组件的详细说明。
如图9所示,所述装置还包括:详情页恢复模块75,用于在检测到用于恢复视频详情页的触发事件时,关闭所述悬浮窗口,并恢复为以视频详情页播放所述视频。
在一种可能的实施方式中,所述用于恢复视频详情页的触发事件为针对悬浮窗口的点击操作。
图10示出根据本发明一实施例的视频播放装置的框图。图10中标号与图7相同的组件具有相同的功能,为简明起见,省略对这些组件的详细说明。
如图10所示,所述装置还包括:启动控件设置模块76。
该启动控件设置模块76被配置为在视频详情页中设置悬浮窗口启动控件,所述用于启动悬浮窗口的触发事件为点击所述悬浮窗口启动控件。
在一种可能的实施方式中,所述悬浮窗口启动控件设置在视频详情页播放界面的上方,例如可以是左上角,可以设置成向下箭头的形式。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。图11示出根据本发明一实施例的视频播放装置700的框图。图11中标号与图7相同的组件具有相同的功能,为简明起见,省略对这些组件的详细说明。
如图11所示,所述呈现模块72包括:获取单元721,插入单元722,数据加载单元723。
该获取单元721被配置为在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,获取正在播放的视频的视频信息。
该插入单元722被配置为在所创建的悬浮窗口中插入视频播放器。
该数据加载单元723被配置为将所述视频信息对应的视频数据加载到在所述悬浮窗口内的视频播放器中进行播放。
该显示单元724被配置为根据所述视频信息对应的前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
在一种可能的实施方式中,所述视频信息包括视频名称、播放源地址、当前播放的时间点中的一个或多个。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,并且,不需要恢复详情页播放即可切换新的视频。大大提高了用户操作的简便性,节省用户时间。
图12示出根据本发明一实施例的视频播放装置700的框图。图12中标号与图7至图11相同的组件具有相同的功能,为简明起见,省略对这些组件的详细说明。
如图12所示,所述数据加载单元723包括:调取指令生成子单元7231,数据加载子单元7232。
该调取指令生成子单元7231被配置为根据所述视频信息生成调取指令并发送给服务器。
该数据加载子单元7232被配置为接收服务器返回的与所述视频信息对应的视频数据,并加载到所述悬浮窗口内的视频播放器中进行播放。
如图12所示,所述显示单元724,包括:接收子单元7241,显示子单元7242。
该接收子单元7241被配置为接收服务器返回的与所述视频信息对应的前一视频和后一视频的视频数据;
该显示子单元7242被配置为根据前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述前一视频的画面和所述后一视频的画面。
这样,通过创建悬浮窗口播放视频,根据本发明上述实施例的视频播放方法能够在播放视频的同时浏览操作其他页面,切换到悬浮窗口后按照之前的播放进度继续播放。大大提高了用户操作的简便性,节省用户时间。
在一种可能的实施方式中,所述前一视频的画面为所述前一视频中的一帧静态画面,所述后一视频的画面为所述后一视频中的一帧静态画面。
在一种可能的实施方式中,在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:在所述悬浮窗口内播放所述视频的画面附近,以灰度或透明显示效果来显示所述视频的前一视频中的画面和所述视频的后一视频中的画面。
实施例3
图13示出了本发明的另一个实施例的一种视频播放设备的结构框图。所述视频播放设备1100可以是具备计算能力的主机服务器、个人计算机PC、或者可携带的便携式计算机或终端等。本发明具体实施例并不对计算节点的具体实现做限定。
所述视频播放设备1100包括处理器(processor)1110、通信接口(CommunicationsInterface)1120、存储器(memory)1130和总线1140。其中,处理器1110、通信接口1120、以及存储器1130通过总线1140完成相互间的通信。
通信接口1120用于与网络设备通信,其中网络设备包括例如虚拟机管理中心、共享存储等。
处理器1110用于执行程序。处理器1110可能是一个中央处理器CPU,或者是专用集成电路ASIC(Application Specific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。
存储器1130用于存放文件。存储器1130可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1130也可以是存储器阵列。存储器1130还可能被分块,并且所述块可按一定的规则组合成虚拟卷。
在一种可能的实施方式中,上述程序可为包括计算机操作指令的程序代码。该程序具体可用于:执行实施例1所述的方法。
本领域普通技术人员可以意识到,本文所描述的实施例中的各示例性单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件形式来实现,取决于技术方案的特定应用和设计约束条件。专业技术人员可以针对特定的应用选择不同的方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
如果以计算机软件的形式来实现所述功能并作为独立的产品销售或使用时,则在一定程度上可认为本发明的技术方案的全部或部分(例如对现有技术做出贡献的部分)是以计算机软件产品的形式体现的。该计算机软件产品通常存储在计算机可读取的非易失性存储介质中,包括若干指令用以使得计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各实施例方法的全部或部分步骤。而前述的存储介质包括U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (26)

1.一种视频播放方法,其特征在于,
在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸;
在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面;
在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
2.根据权利要求1所述的视频播放方法,其特征在于,所述方法还包括:
在检测到用于关闭悬浮窗口的触发事件时,关闭所述悬浮窗口。
3.根据权利要求1所述的视频播放方法,其特征在于,所述方法还包括:
在检测到用于恢复视频详情页的触发事件时,关闭所述悬浮窗口,并恢复为以视频详情页播放所述视频。
4.根据权利要求1所述的视频播放方法,其特征在于,所述方法还包括:
在视频详情页中设置悬浮窗口启动控件,所述用于启动悬浮窗口的触发事件为点击所述悬浮窗口启动控件。
5.根据权利要求1所述的视频播放方法,其特征在于,所述用于启动悬浮窗口的触发事件为针对终端的触控屏的向下滑动操作。
6.根据权利要求2所述的视频播放方法,其特征在于,
所述用于关闭悬浮窗口的触发事件为针对悬浮窗口的向下滑动操作。
7.根据权利要求1所述的视频播放方法,其特征在于,
所述用于切换视频的触发事件为针对悬浮窗口的左右滑动操作。
8.根据权利要求3所述的视频播放方法,其特征在于,
所述用于恢复视频详情页的触发事件为针对悬浮窗口的点击操作。
9.根据权利要求1所述的视频播放方法,其特征在于,在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:
在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,获取正在播放的视频的视频信息;
在所创建的悬浮窗口中插入视频播放器;
将所述视频信息对应的视频数据加载到在所述悬浮窗口内的视频播放器中进行播放;
根据所述视频信息对应的前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
10.根据权利要求9所述的视频播放方法,其特征在于,所述将所述视频信息对应的视频数据加载到所述悬浮窗口内的视频播放器中进行播放,包括:
根据所述视频信息生成调取指令并发送给服务器,
接收服务器返回的与所述视频信息对应的视频数据,并加载到所述悬浮窗口内的视频播放器中进行播放;
所述根据所述视频信息对应的前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:
接收服务器返回的与所述视频信息对应的前一视频和后一视频的视频数据,
根据前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述前一视频的画面和所述后一视频的画面。
11.根据权利要求9或10所述的视频播放方法,其特征在于,
所述视频信息包括视频名称、播放源地址、当前播放的时间点中的一个或多个。
12.根据权利要求1至10中任意一项所述的视频播放方法,其特征在于,所述前一视频的画面为所述前一视频中的一帧静态画面,所述后一视频的画面为所述后一视频中的一帧静态画面。
13.根据权利要求1至10中任意一项所述的视频播放方法,其特征在于,在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:
在所述悬浮窗口内播放所述视频的画面附近,以灰度或透明显示效果来显示所述视频的前一视频中的画面和所述视频的后一视频中的画面。
14.一种视频播放装置,其特征在于,包括:
悬浮窗口创建模块,用于在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,关闭所述视频详情页,在所述终端显示界面上创建悬浮窗口,所述悬浮窗口的尺寸小于所述终端显示界面的尺寸;
呈现模块,用于在所述悬浮窗口内播放所述视频,并在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面;
切换模块,用于在所述悬浮窗口内播放所述视频的过程中,在检测到用于切换视频的触发事件时,将正在播放的视频切换为所述前一视频或者所述后一视频。
15.根据权利要求14所述的视频播放装置,其特征在于,所述装置还包括:
悬浮窗口关闭模块,用于在检测到用于关闭悬浮窗口的触发事件时,关闭所述悬浮窗口。
16.根据权利要求14所述的视频播放装置,其特征在于,所述装置还包括:
详情页恢复模块,用于在检测到用于恢复视频详情页的触发事件时,关闭所述悬浮窗口,并恢复为以视频详情页播放所述视频。
17.根据权利要求14所述的视频播放装置,其特征在于,所述装置还包括:
启动控件设置模块,用于在视频详情页中设置悬浮窗口启动控件,所述用于启动悬浮窗口的触发事件为点击所述悬浮窗口启动控件。
18.根据权利要求14所述的视频播放装置,其特征在于,所述用于启动悬浮窗口的触发事件为针对终端的触控屏的向下滑动操作。
19.根据权利要求15所述的视频播放装置,其特征在于,
所述用于关闭悬浮窗口的触发事件为针对悬浮窗口的向下滑动操作。
20.根据权利要求14所述的视频播放装置,其特征在于,
所述用于切换视频的触发事件为针对悬浮窗口的左右滑动操作。
21.根据权利要求16所述的视频播放装置,其特征在于,
所述用于恢复视频详情页的触发事件为针对悬浮窗口的点击操作。
22.根据权利要求14所述的视频播放装置,其特征在于,所述呈现模块包括:
获取单元,用于在终端显示界面上以视频详情页播放视频的过程中,当检测到用于启动悬浮窗口的触发事件时,获取正在播放的视频的视频信息;
插入单元,用于在所创建的悬浮窗口中插入视频播放器;
数据加载单元,用于将所述视频信息对应的视频数据加载到在所述悬浮窗口内的视频播放器中进行播放;
显示单元,用于根据所述视频信息对应的前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述视频的前一视频的画面和所述视频的后一视频的画面。
23.根据权利要求22所述的视频播放装置,其特征在于,所述数据加载单元包括:
调取指令生成子单元,用于根据所述视频信息生成调取指令并发送给服务器;
数据加载子单元,用于接收服务器返回的与所述视频信息对应的视频数据,并加载到所述悬浮窗口内的视频播放器中进行播放;
所述显示单元,包括:
接收子单元,用于接收服务器返回的与所述视频信息对应的前一视频和后一视频的视频数据;
显示子单元,用于根据前一视频和后一视频的视频数据,在所述悬浮窗口内所述视频播放器附近显示所述前一视频的画面和所述后一视频的画面。
24.根据权利要求22或23所述的视频播放装置,其特征在于,
所述视频信息包括视频名称、播放源地址、当前播放的时间点中的一个或多个。
25.根据权利要求14至23中任意一项所述的视频播放装置,其特征在于,所述前一视频的画面为所述前一视频中的一帧静态画面,所述后一视频的画面为所述后一视频中的一帧静态画面。
26.根据权利要求14至23中任意一项所述的视频播放装置,其特征在于,在所述悬浮窗口内播放所述视频的画面附近显示所述视频的前一视频的画面和所述视频的后一视频的画面,包括:
在所述悬浮窗口内播放所述视频的画面附近,以灰度或透明显示效果来显示所述视频的前一视频中的画面和所述视频的后一视频中的画面。
CN201610894542.7A 2016-10-13 2016-10-13 视频播放方法及装置 Active CN106303664B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610894542.7A CN106303664B (zh) 2016-10-13 2016-10-13 视频播放方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610894542.7A CN106303664B (zh) 2016-10-13 2016-10-13 视频播放方法及装置

Publications (2)

Publication Number Publication Date
CN106303664A CN106303664A (zh) 2017-01-04
CN106303664B true CN106303664B (zh) 2019-07-23

Family

ID=57717416

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610894542.7A Active CN106303664B (zh) 2016-10-13 2016-10-13 视频播放方法及装置

Country Status (1)

Country Link
CN (1) CN106303664B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4125274A1 (en) * 2021-07-26 2023-02-01 Beijing Dajia Internet Information Technology Co., Ltd. Method and apparatus for playing videos

Families Citing this family (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106803978A (zh) * 2017-03-16 2017-06-06 上海青橙实业有限公司 移动终端以及基于悬浮窗口播放视频的方法
CN106993214A (zh) * 2017-03-20 2017-07-28 北京潘达互娱科技有限公司 网络直播方法及装置
CN106921883B (zh) * 2017-04-25 2020-06-05 珠海市魅族科技有限公司 一种视频播放处理的方法及装置
CN107172465B (zh) * 2017-05-23 2019-05-17 维沃移动通信有限公司 一种视频播放控制方法及移动终端
CN106998393B (zh) * 2017-05-24 2019-03-05 维沃移动通信有限公司 视频播放控制方法、移动终端及计算机可读存储介质
CN107277601B (zh) * 2017-07-12 2020-03-10 北京潘达互娱科技有限公司 视频播放方法及装置
CN107547799A (zh) * 2017-08-25 2018-01-05 深圳天珑无线科技有限公司 悬浮录像的控制方法及其系统
CN108235086B (zh) * 2017-12-18 2021-08-20 广州华多网络科技有限公司 视频播放控制方法、装置及相应的终端
CN108228040A (zh) * 2017-12-28 2018-06-29 北京安云世纪科技有限公司 移动终端及浮屏操作控制方法、装置
CN110324692B (zh) * 2018-03-30 2022-03-22 武汉斗鱼网络科技有限公司 用于实现小窗播放视频的直播间处理方法及装置
CN108366301B (zh) * 2018-04-24 2021-03-09 中国广播电视网络有限公司 一种基于Android的视频悬浮播放方法
CN109189956B (zh) * 2018-08-10 2021-11-02 北京微播视界科技有限公司 信息处理方法、装置、电子设备及计算机可读存储介质
CN109246466B (zh) * 2018-10-30 2021-06-11 北京达佳互联信息技术有限公司 视频播放方法、装置及电子设备
CN109640182A (zh) * 2018-12-20 2019-04-16 深圳创维数字技术有限公司 视频播放方法、装置及计算机可读存储介质
CN109842818A (zh) * 2019-01-02 2019-06-04 平安科技(深圳)有限公司 一种视频播放方法、装置、计算机设备及存储介质
CN109831688B (zh) * 2019-03-11 2021-01-22 山东云缦智能科技有限公司 一种基于iOS系统的视频悬浮播放方法及装置
CN110244900A (zh) * 2019-05-23 2019-09-17 浙江大华技术股份有限公司 显示界面的调节方法及终端设备、计算机存储介质
CN110278481B (zh) * 2019-06-25 2022-06-10 努比亚技术有限公司 画中画实现方法、终端及计算机可读存储介质
CN110267088B (zh) * 2019-07-18 2021-09-07 北京字节跳动网络技术有限公司 视频播放的控制方法、装置、电子设备、及存储介质
CN110532430A (zh) * 2019-09-03 2019-12-03 重庆知需科技有限公司 一种教育培训机构宣传视频展示方法、装置及存储介质
CN111669624B (zh) * 2020-05-08 2023-01-03 广州微算互联信息技术有限公司 一种云手机控制方法和系统
CN112346796A (zh) * 2020-09-25 2021-02-09 北京淇瑀信息科技有限公司 一种弹窗收纳显示方法、装置和电子设备
CN115412753A (zh) * 2021-05-27 2022-11-29 聚好看科技股份有限公司 一种浮层播放视频的方法及显示设备
CN113573121B (zh) * 2021-07-13 2023-04-21 富途网络科技(深圳)有限公司 视频播放方法、装置及存储介质
CN114554272A (zh) * 2022-02-23 2022-05-27 湖南快乐阳光互动娱乐传媒有限公司 小窗口播放控制方法、装置和移动设备

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103702161A (zh) * 2013-12-26 2014-04-02 乐视网信息技术(北京)股份有限公司 一种播放多媒体文件的方法及具备触摸屏的终端
CN103902196A (zh) * 2012-12-28 2014-07-02 联芯科技有限公司 屏幕显示系统、方法及电子显示设备
CN103957447A (zh) * 2014-05-08 2014-07-30 济南四叶草信息技术有限公司 悬浮多窗口播放系统
CN104010223A (zh) * 2014-06-17 2014-08-27 合一网络技术(北京)有限公司 接管终端系统进行视频播放的方法和系统
CN104469516A (zh) * 2014-12-11 2015-03-25 福州瑞芯微电子有限公司 一种安卓系统的网页视频处理方法和装置
CN105187939A (zh) * 2015-09-21 2015-12-23 合一网络技术(北京)有限公司 一种实现网页游戏中播放视频的方法及装置
CN105554553A (zh) * 2015-12-15 2016-05-04 腾讯科技(深圳)有限公司 通过悬浮窗口播放视频的方法及装置
CN105872686A (zh) * 2016-03-29 2016-08-17 乐视控股(北京)有限公司 电视节目的信息显示方法、装置及终端
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术(北京)股份有限公司 一种视频切换的方法及系统

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8046712B2 (en) * 2004-06-29 2011-10-25 Acd Systems International Inc. Management of multiple window panels with a graphical user interface
US20150326921A1 (en) * 2014-05-08 2015-11-12 Comigo Ltd. System and method for providing an event-driven video/audio content platform

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103902196A (zh) * 2012-12-28 2014-07-02 联芯科技有限公司 屏幕显示系统、方法及电子显示设备
CN103702161A (zh) * 2013-12-26 2014-04-02 乐视网信息技术(北京)股份有限公司 一种播放多媒体文件的方法及具备触摸屏的终端
CN103957447A (zh) * 2014-05-08 2014-07-30 济南四叶草信息技术有限公司 悬浮多窗口播放系统
CN104010223A (zh) * 2014-06-17 2014-08-27 合一网络技术(北京)有限公司 接管终端系统进行视频播放的方法和系统
CN104469516A (zh) * 2014-12-11 2015-03-25 福州瑞芯微电子有限公司 一种安卓系统的网页视频处理方法和装置
CN105187939A (zh) * 2015-09-21 2015-12-23 合一网络技术(北京)有限公司 一种实现网页游戏中播放视频的方法及装置
CN105872647A (zh) * 2015-12-14 2016-08-17 乐视网信息技术(北京)股份有限公司 一种视频切换的方法及系统
CN105554553A (zh) * 2015-12-15 2016-05-04 腾讯科技(深圳)有限公司 通过悬浮窗口播放视频的方法及装置
CN105872686A (zh) * 2016-03-29 2016-08-17 乐视控股(北京)有限公司 电视节目的信息显示方法、装置及终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4125274A1 (en) * 2021-07-26 2023-02-01 Beijing Dajia Internet Information Technology Co., Ltd. Method and apparatus for playing videos

Also Published As

Publication number Publication date
CN106303664A (zh) 2017-01-04

Similar Documents

Publication Publication Date Title
CN106303664B (zh) 视频播放方法及装置
CN103914142B (zh) 在电子装置中使用头跟踪技术提供控制服务的设备和方法
CN103649892B (zh) 用于提供从锁定的屏幕快速访问媒体功能的方法和装置
AU2014287943B2 (en) User terminal device for supporting user interaction and methods thereof
US10553003B2 (en) Interactive method and apparatus based on web picture
KR102113683B1 (ko) 문지르기 제스처를 검출하여 미리보기를 제공하는 모바일 장치 및 그 제어 방법
CN110377115A (zh) 可折叠电子设备及其界面交互方法
US20120289290A1 (en) Transferring objects between application windows displayed on mobile terminal
US11403352B2 (en) Multi-touch gesture search
US11546457B2 (en) Electronic device and method of operating electronic device in virtual reality
CN111432265B (zh) 一种处理视频画面的方法、相关装置及存储介质
US11233895B2 (en) Automatic wallpaper setting method, terminal device, and graphical user interface
CN103686418A (zh) 一种信息处理的方法及电子设备
WO2017032078A1 (zh) 一种界面控制方法及移动终端
CN104423796B (zh) 基于设备情境的用户界面
CN104267903A (zh) 多媒体歌词信息显示方法及装置
CN107850975A (zh) 用于对应用程序功能进行定制用户访问的方法和用户界面(ui)
TW201606628A (zh) 變更桌面圖示的方法及系統
CN108228776A (zh) 数据处理方法、装置、存储介质及电子设备
WO2017101390A1 (zh) 一种图片显示方法及装置
CN106911839A (zh) 电子设备及其控制方法
WO2017012488A1 (zh) 滚动视图显示方法及装置
CN110753251A (zh) 视频切换方法、装置及电子设备
CN108256071A (zh) 录屏文件的生成方法、装置、终端及存储介质
CN108052258A (zh) 一种终端任务的处理方法、任务处理装置及移动终端

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20200508

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 100080 Zone D, 5F, block a, Sinosteel International Plaza, No. 8, Haidian Street, Haidian District, Beijing

Patentee before: HEYI INFORMATION TECHNOLOGY (BEIJING) Co.,Ltd.

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20240620

Address after: 101400 Room 201, 9 Fengxiang East Street, Yangsong Town, Huairou District, Beijing

Patentee after: Youku Culture Technology (Beijing) Co.,Ltd.

Country or region after: China

Address before: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee before: Alibaba (China) Co.,Ltd.

Country or region before: China