CN111800667A - 浏览器视频播放方法、视频播放装置及存储介质 - Google Patents
浏览器视频播放方法、视频播放装置及存储介质 Download PDFInfo
- Publication number
- CN111800667A CN111800667A CN202010755099.1A CN202010755099A CN111800667A CN 111800667 A CN111800667 A CN 111800667A CN 202010755099 A CN202010755099 A CN 202010755099A CN 111800667 A CN111800667 A CN 111800667A
- Authority
- CN
- China
- Prior art keywords
- video
- webpage
- playing
- browser
- player
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 238000012544 monitoring process Methods 0.000 claims abstract description 8
- 230000001960 triggered effect Effects 0.000 claims description 11
- 230000011664 signaling Effects 0.000 claims description 4
- 238000004891 communication Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000872 buffer Substances 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
- H04N21/8586—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种浏览器视频播放方法、视频播放装置及存储介质,所述方法包括:获取视频播放框架文件并载入网页页面;对所述网页页面进行网络监听,判断所述网页页面是否包含视频;在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放。本发明通过浏览器检测网页页面是否包含有视频,通过视频播放框架文件实现浏览器在线播放视频,能够使得现有的各个浏览器均可通过视频播放框架文件实现浏览器的视频在线播放,不需要浏览器额外安装对应的插件,降低浏览器对插件的依赖。
Description
技术领域
本发明涉及互联网媒体技术领域,尤其涉及一种浏览器视频播放方法、视频播放装置及存储介质。
背景技术
目前,随着网络技术的不断进步,人们观看视频的主要方式已经从下载观看变为在线观看。现有的主流视频网站大部分都支持视频流式输出,通过网页即可实现视频观看。
然而,目前的部分浏览器中不支持视频流的播放方式,为了在这些浏览器中实现网页视频播放,需要额外安装相应的插件,以通过插件间接支持网页视频播放。并且,不同的浏览器为了实现视频播放,需要安装与浏览器相对应的不同插件,从而使得用户为了通过浏览器观看视频需要安装各种插件或中间件。
发明内容
本发明的主要目的在于提供一种浏览器视频播放方法、视频播放装置及存储介质,旨在解决现有的浏览器需要安装插件才能支持视频在线播放的问题。
为实现上述目的,本发明提供一种浏览器视频播放方法,包括以下步骤:
获取视频播放框架文件并载入网页页面;
对所述网页页面进行网络监听,判断所述网页页面是否包含视频;
在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放。
可选地,所述在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放的步骤包括:
在监听到所述网页页面包含视频时,确定所述网页页面的的数据源地址;
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放。
可选地,所述向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放的步骤包括:
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器;
在所述网页页面创建播放器后,接收所述播放器根据所述数据源地址获取并发送的媒体数据;
将所述媒体数据进行解码后控制所述播放器进行视频播放。
可选地,所述播放事件消息包含所述数据源地址的唯一识别信息,所述向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器的步骤包括:
向所述网页页面发送包含所述唯一识别信息的所述播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器,并通过所述唯一识别信息获取所述数据源地址,将所述数据源地址发送至所述播放器以初始化播放器。
可选地,所述接收所述播放器根据所述数据源地址获取并发送的媒体数据的步骤包括:
在所述播放器根据所述数据源地址获取媒体数据后,接收所述播放器按照预设接口规范发送的所述媒体数据。
可选地,所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤包括:
对所述媒体数据进行解码,并向所述网页页面发送起播信号;
接收所述网页页面根据所述起播信号返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放。
可选地,所述接收所述网页页面返回的第一播放指令的步骤还包括:
在所述网页页面接收到所述起播信号后,接收所述网页页面在获取到所述起播信号以及用户触发的第二播放指令后返回的第一播放指令。
可选地,所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤之前,还包括:
在所述网页页面接收到用户触发的第三播放指令后,接收所述网页页面发送的所述第三播放指令;
所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤还包括:
将所述媒体数据进行解码后,向所述网页页面发送起播信号并根据所述第三播放指令控制所述播放器进行视频播放。
此外,为实现上述目的,本发明还提供一种视频播放装置,所述视频播放装置包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的浏览器视频播放程序,其中:所述浏览器视频播放程序被所述处理器执行时实现如上所述的浏览器视频播放方法的步骤。
此外,为实现上述目的,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有浏览器视频播放程序,所述浏览器视频播放程序被处理器执行时实现如上所述的浏览器视频播放方法的步骤。
本发明实施例提出的一种浏览器视频播放方法、视频播放装置及存储介质,可以通过浏览器获取视频播放框架文件并在打开网页页面时载入该视频播放框架文件,在浏览器解析到该网页页面中存在有视频时,可以向网页页面发送播放事件消息,网页页面在接收到该播放事件消息后即可运行视频播放框架文件,以在浏览器中生成播放器进行视频播放。浏览器通过检测网页页面是否包含有视频,并发送播放事件消息控制网页页面通过视频播放框架文件实现视频的在线播放,能够使得现有的各个浏览器均可通过同一视频播放框架文件实现浏览器的视频在线播放,不需要浏览器额外安装对应的插件,降低浏览器对插件的依赖。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的装置结构示意图;
图2为本发明浏览器视频播放方法第一实施例的流程示意图;
图3为本发明浏览器视频播放方法第二实施例的流程示意图;
图4为本发明浏览器视频播放方法第三实施例的流程示意图;
图5为本发明浏览器视频播放方法第六实施例的流程示意图;
图6为本发明浏览器视频播放方法第七实施例的流程示意图;
图7为本发明浏览器视频播放方法第八实施例的流程示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的装置结构示意图。
本发明实施例终端可以是视频播放装置,该视频播放装置可以为PC端上的浏览器,通过视频播放框架文件实现DASH流视频的播放。
如图1所示,该终端可以包括:处理器1001,例如CPU,通信总线1002,用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选的用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
可选地,PC终端还可以包括摄像头、RF(Radio Frequency,射频)电路,传感器、音频电路、WiFi模块等等。其中,传感器比如光传感器、运动传感器以及其他传感器。当然,硬件设备还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
本领域技术人员可以理解,图1中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及浏览器视频播放程序。
在图1所示的终端中,网络接口1004主要用于连接后台服务器,与后台服务器进行数据通信;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;而处理器1001可以用于调用存储器1005中存储的浏览器视频播放程序,并执行以下操作:
获取视频播放框架文件并载入网页页面;
对所述网页页面进行网络监听,判断所述网页页面是否包含视频;
在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
在监听到所述网页页面包含视频时,确定所述网页页面的数据源地址;
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器;
在所述网页页面创建播放器后,接收所述播放器根据所述数据源地址获取并发送的媒体数据;
将所述媒体数据进行解码后控制所述播放器进行视频播放。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
向所述网页页面发送包含所述唯一识别信息的所述播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器,并通过所述唯一识别信息获取所述数据源地址,将所述数据源地址发送至所述播放器以初始化播放器。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
在所述播放器根据所述数据源地址获取媒体数据后,接收所述播放器按照预设接口规范发送的所述媒体数据。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
对所述媒体数据进行解码,并向所述网页页面发送起播信号;
接收所述网页页面根据所述起播信号返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
在所述网页页面接收到所述起播信号后,接收所述网页页面在获取到所述起播信号以及用户触发的第二播放指令后返回的第一播放指令。
进一步地,处理器1001可以调用存储器1005中存储的浏览器视频播放程序,还执行以下操作:
在所述网页页面接收到用户触发的第三播放指令后,接收所述网页页面发送的所述第三播放指令;
将所述媒体数据进行解码后,向所述网页页面发送起播信号并根据所述第三播放指令控制所述播放器进行视频播放。
本发明应用视频播放装置的具体实施例与下述应用浏览器视频播放方法各实施例基本相同,在此不作赘述。
请参照图2,图2为本发明浏览器视频播放方法第一实施例的流程示意图,其中,所述浏览器视频播放方法包括如下步骤:
步骤S10,获取视频播放框架文件并载入网页页面;
现有的PC端主流浏览器主要包括Chrome、Microsoft Edge、Firefox、Safari以及IE11等。用户通过上述浏览器可以在各个视频网站上进行视频在线观看。为了保障在线视频的流畅度,减少用户的等待加载时长,各个视频网站均采取了自适应流式传输的方式。即当用户的网络畅通时,视频流会调整到较高清晰度,而用户的网络阻塞时,则会加载清晰度较低的视频流,以避免在网络阻塞时浏览器对视频进行缓冲从而导致视频暂停播放。其中,MPEG-DASH即为一种自适应流式传输技术。然而,目前的各个主流浏览器中,存在有部分浏览器不支持通过MPEG-DASH实现视频的DASH播放。需要额外安装相应的插件以播放该格式的视频。并且不同的浏览器需要安装不同的插件,从而使得用户需要进行大量繁琐重复的安装插件操作来实现视频的流畅在线播放。
本实施例中,网页页面为用户登陆各个网站时用于承载网站应用的平台,网页页面通常为包含HTML标签的纯文本文件,该超文本标记语言HTML可以通过浏览器解析为用户可视的网页页面。视频播放框架文件可以为一种编程语言文本,浏览器通过运行视频播放框架文件生成相应的视频播放器。PC端上的浏览器能够预先获取到视频播放框架文件,该视频播放框架文件可以支持浏览器实现DASH播放,以使不同的浏览器均可以实现视频的自适应清晰度在线播放。浏览器在获取到视频播放框架文件后,可以在每次打开一个网页页面时,将该视频播放框架文件载入页面。其中视频播放框架文件可以为Dash.js,即将Dash.js的js代码载入HTML页面,浏览器通过运行Dash.js即可生成一开源MPEG-DASH视频播放器。
步骤S20,对所述网页页面进行网络监听,判断所述网页页面是否包含视频;
在将视频播放框架文件载入网页页面时,还可以在打开该网页页面时对其进行网络监听,以判断该网页页面是否包含有视频文件。可以理解的是,浏览器可以通过检测网页页面是否具有视频源地址来确定该网页页面中是否包含有相应的视频。
步骤S30,在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放。
在浏览器监听到网页页面中包含有视频时,浏览器可以向该网页页面发送一播放事件消息,以表示浏览器解析到网页页面中存在有视频播放。网页页面在接收到该播放事件消息后,即可运行浏览器所载入的视频播放框架文件创建一视频播放器进行视频播放。可以理解的是,在浏览器需要通过Dash.js框架文件实现MPEG-DASH标准的DASH播放时,浏览器通过监听网页页面,判断是否可以解析到播放属性为DASH格式的文件,在解析到DASH格式的视频文件后,即可发送播放事件消息至网页页面,以使网页页面执行Dash.js代码生成播放器并通过该播放器进行视频的DASH播放。
在本实施例中,通过浏览器获取视频播放框架文件并在打开网页页面时载入该视频播放框架文件,在浏览器解析到该网页页面中存在有视频时,可以向网页页面发送播放事件消息,网页页面在接收到该播放事件消息后即可运行视频播放框架文件,以在浏览器中生成一个播放器进行视频播放。浏览器通过检测网页页面是否包含有视频,并发送播放事件消息控制网页页面通过视频播放框架文件实现视频的在线播放,能够使得现有的各个浏览器均可通过同一视频播放框架文件实现浏览器的视频在线播放,不需要浏览器额外安装对应的插件,降低浏览器对插件的依赖。
进一步的,参照图3,图3为本发明浏览器视频播放方法第二实施例的流程示意图,基于上述图2所示的实施例,所述步骤S30,在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放的步骤包括:
步骤S31,在监听到所述网页页面包含视频时,确定所述网页页面的数据源地址;
步骤S32,向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放。
在本实施例中,浏览器可以在打开一个网页页面时,对该网页页面的元素进行监听检测,确认该网页页面中是否包含有视频,并确定该网页页面中视频的数据源地址,例如资源格式为DASH格式的URL地址等。在确定该网页页面中包含有视频的数据源地址时,可以向网页页面发送包含有数据源地址的播放事件消息,网页页面通过接收到的播放事件消息即可运行视频播放框架文件以创建播放器,并通过该播放器从数据源地址中加载媒体数据以进行视频播放。在浏览器不支持从某视频格式的数据源地址中获取媒体数据时,即可通过网页页面运行视频播放框架文件生成一播放器,并通过该比佛昂起实现媒体数据的请求下载,以通过下载后的媒体数据实现该视频格式的视频在线播放。
进一步的,参照图4,图4为本发明浏览器视频播放方法第三实施例的流程示意图,基于上述图3所示的实施例,所述步骤S32,在监听到所述网页页面包含视频的数据源地址时,向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放的步骤包括:
步骤S321,向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器;
步骤S322,在所述网页页面创建播放器后,接收所述播放器根据所述数据源地址获取并发送的媒体数据;
步骤S323,将所述媒体数据进行解码后控制所述播放器进行视频播放。
在本实施例中,浏览器在检测到网页页面中包含有视频的数据源地址时,可以向网页页面发送播放事件消息以使所述网页页面运行该视频播放框架文件以创建播放器,在网页页面通过运行视频播放框架文件创建播放器后,播放器可以通过该数据源地址向体用视频的服务器请求获取媒体数据,并将下载得到的媒体数据发送至浏览器进行数据解码。浏览器对媒体数据进行解码后,在解码得到足够播放一段时长的视频数据后,即可控制播放器加载该段视频数据实现视频播放。其中,浏览器可以设置为在解码得到约五至十秒的视频数据后控制播放器开始进行视频播放。
进一步的,在本发明浏览器视频播放方法第四实施例中,所述播放事件消息包含所述数据源地址的唯一识别信息,所述步骤S321,向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器的步骤还包括:
步骤S3211,向所述网页页面发送包含所述唯一识别信息的所述播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器,并通过所述唯一识别信息获取所述数据源地址,将所述数据源地址发送至所述播放器以初始化播放器。
在本实施例中,浏览器在向网页页面发送播放事件消息时,可以在播放事件消息中加入数据源地址的唯一识别信息,该唯一识别信息可以为网页页面中视频元素的id值。网页页面在接收到包含有视频元素id值的播放事件消息后,可以根据视频元素的id值确定当前视频元素的数据源地址URL。在网页页面运行视频播放框架文件Dash.js后,向该js文件的入口发送该URL即可实现播放器的初始化,使播放器通过该URL获取到服务器端的媒体数据。
进一步的,在本发明浏览器视频播放方法第五实施例中,所述步骤S322,在所述网页页面创建播放器后,接收所述播放器根据所述数据源地址获取并发送的媒体数据的步骤包括:
步骤S3221,在所述网页页面创建播放器并且所述播放器根据所述数据源地址获取媒体数据后,接收所述播放器按照预设接口规范发送的所述媒体数据。
在本实施例中,网页页面创建播放器并对播放器进行初始化后,播放器可以根据接收到的视频元素的url地址获取服务器上的媒体数据,并将获取到的媒体数据通过浏览器支持的预设接口规范发送给浏览器进行数据解码。可以理解的是,现今的各个主流浏览器均支持W3C标准的Media Source Extension(MSE)接口,允许js动态构建媒体流并传输媒体流片段至HTML媒体元素,通过MSE接口即可在不安装插件下实现媒体流的动态修改。即,播放器可以在获取到媒体数据后,通过MSE接口规范将下载到的媒体数据发送至浏览器进行解码。
进一步的,参照图5,图5为本发明浏览器视频播放方法第六实施例的流程示意图,基于上述图4所示的实施例,所述步骤S323,将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤包括:
步骤S3231,对所述媒体数据进行解码,并向所述网页页面发送起播信号;
步骤S3232,接收所述网页页面根据所述起播信号返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放。
在本实施例中,浏览器在接收到播放器发送的媒体数据后,可以对媒体数据进行解码,在解码后的数据足够播放一段时长时,即可向网页页面发送可以播放视频的起播信号,以减少用户等待视频加载的时间。其中,该时长可以为五至十秒,也可设置为其他时长,在此不做限制。网页页面在接收到浏览器发送的起播信号后,可以确定浏览器解码后的视频数据可支持视频开始播放一段时长,并向浏览器发送第一播放指令。浏览器在接收到网页页面返回的第一播放指令后,即可控制播放器加载解码后的媒体数据进行视频播放。
进一步的,参照图6,图6为本发明浏览器视频播放方法第七实施例的流程示意图,基于上述图5所示的实施例,所述步骤S3232,接收所述网页页面返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放的步骤包括:
步骤S3233,在所述网页页面接收到所述起播信号后,接收所述网页页面在获取到所述起播信号以及用户触发的第二播放指令后返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放。
在本实施例中,浏览器在解码完一段时长的媒体数据后,并不会立即控制播放器开始进行视频播放,而是向网页页面发送起播信号。网页页面还可以接收用户触发的第二播放指令,该第二播放指令可以为用户通过鼠标点击触发网页页面上的播放按钮或通过触摸操作、键盘指令等方式触发的播放视频操作。在网页页面接收到起播信号和第二播放指令后,即表示浏览器已解码足够播放一段时长的媒体数据,并且用户触发了视频播放操作,因此网页页面可以向浏览器发送第一播放指令以使播放器进行视频播放。
需要说明的是,在浏览器打开并加载网页页面后,用户即可通过触发操作向网页页面发送第二播放指令,而网页页面仅在接收到第二播放指令并且接收到起播信号后才能返回第一播放指令。例如,用户在浏览器还在解码媒体数据,未发送起播信号时触发第二播放指令,也无法立即开始视频播放,还需要等待网页页面接收到起播信号后才能实现视频播放。而用户若在网页页面已接收到起播信号后触发第二播放指令,此时网页页面即可直接向浏览器返回第一播放指令以使播放器开始播放视频。可以理解的是,网页页面在接收到起播信号时,才会对是否获取到第二播放指令进行判断,而在用户第一次触发第二播放指令至网页页面接收到起播信号的这段时间内,用户还可以通过触发暂停指令以使第二播放指令消除或通过暂停指令覆盖第二播放指令。在网页页面接收到起播信号之前,用户可以多次执行播放/暂停操作以更新网页页面的最终指令,即最终指令将以网页页面接收到起播信号之前的最后一次用户操作为准,用户在反复点击播放或暂停按键时,最后一次点击播放按键则表示网页页面最终接收到第二播放指令,最后一次点击为暂停按键则表示网页页面最终未接收到第二播放指令。
进一步的,参照图7,图7为本发明浏览器视频播放方法第八实施例的流程示意图,基于上述图4所示的实施例,所述步骤S323,将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤之前,还包括:
步骤S3234,在所述网页页面接收到用户触发的第三播放指令后,接收所述网页页面发送的所述第三播放指令;
所述步骤S323,将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤还包括:
所述步骤S3235,将所述媒体数据进行解码后,向所述网页页面发送起播信号并根据所述第三播放指令控制所述播放器进行视频播放。
在本实施例中,网页页面可以在加载完成后准备接收用户指令,在接收到用户触发的第三播放指令后,网页页面可以将该第三播放指令发送至浏览器,浏览器在对媒体数据进行解码以得到足够播放一段时长的视频数据并且接收到第三播放指令后,可以向网页页面发送起播信号并控制播放器开始进行视频播放。网页页面在接收到起播信号后即可通过更改页面的显示内容以提示用户播放器已准备播放视频。可以理解的是,在用户触发播放操作生成第三播放指令后,网页页面随即将第三播放指令发送至浏览器,浏览器在解码得到一段时长的视频数据后,即可开始进行视频播放并发送起播信号以使网页页面提示用户。在用户触发第三操作指令后,无法再通过暂停操作进行指令覆盖,仅能够在网页页面根据第三播放指令开始播放视频后,才能通过暂停指令控制播放器暂停播放视频。
此外,本发明还提出一种计算机可读存储介质,其上存储有浏览器视频播放程序。所述计算机可读存储介质可以是图1的终端中的存储器20,也可以是如ROM(Read-OnlyMemory,只读存储器)/RAM(Random Access Memory,随机存取存储器)、磁碟、光盘中的至少一种,所述计算机可读存储介质包括若干指令用以使得一台具有处理器的视频播放装置执行本发明各个实施例所述的浏览器视频播放方法。
可以理解的是,在本说明书的描述中,参考术语“一实施例”、“另一实施例”、“其他实施例”、或“第一实施例~第N实施例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种浏览器视频播放方法,其特征在于,包括以下步骤:
获取视频播放框架文件并载入网页页面;
对所述网页页面进行网络监听,判断所述网页页面是否包含视频;
在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放。
2.如权利要求1所述的浏览器视频播放方法,其特征在于,所述在监听到所述网页页面包含视频时,向所述网页页面发送播放事件消息以使所述网页页面运行所述视频播放框架文件进行视频播放的步骤包括:
在监听到所述网页页面包含视频时,确定所述网页页面的数据源地址;
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放。
3.如权利要求2所述的浏览器视频播放方法,其特征在于,所述向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件,并根据所述数据源地址加载媒体数据进行视频播放的步骤包括:
向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器;
在所述网页页面创建播放器后,接收所述播放器根据所述数据源地址获取并发送的媒体数据;
将所述媒体数据进行解码后控制所述播放器进行视频播放。
4.如权利要求3所述的浏览器视频播放方法,其特征在于,所述播放事件消息包含所述数据源地址的唯一识别信息,所述向所述网页页面发送包括所述数据源地址的播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器的步骤包括:
向所述网页页面发送包含所述唯一识别信息的所述播放事件消息,以使所述网页页面运行所述视频播放框架文件创建播放器,并通过所述唯一识别信息获取所述数据源地址,将所述数据源地址发送至所述播放器以初始化播放器。
5.如权利要求3所述的浏览器视频播放方法,其特征在于,所述接收所述播放器根据所述数据源地址获取并发送的媒体数据的步骤包括:
在所述播放器根据所述数据源地址获取媒体数据后,接收所述播放器按照预设接口规范发送的所述媒体数据。
6.如权利要求3~5中任一项所述的浏览器视频播放方法,其特征在于,所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤包括:
对所述媒体数据进行解码,并向所述网页页面发送起播信号;
接收所述网页页面根据所述起播信号返回的第一播放指令,并控制所述播放器根据解码后的媒体数据进行视频播放。
7.如权利要求4所述的浏览器视频播放方法,其特征在于,所述接收所述网页页面返回的第一播放指令的步骤包括:
在所述网页页面接收到所述起播信号后,接收所述网页页面在获取到所述起播信号以及用户触发的第二播放指令后返回的第一播放指令。
8.如权利要求3~5中任一项所述的浏览器视频播放方法,其特征在于,所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤之前,还包括:
在所述网页页面接收到用户触发的第三播放指令后,接收所述网页页面发送的所述第三播放指令;
所述将所述媒体数据进行解码后控制所述播放器进行视频播放的步骤还包括:
将所述媒体数据进行解码后,向所述网页页面发送起播信号并根据所述第三播放指令控制所述播放器进行视频播放。
9.一种视频播放装置,其特征在于,所述视频播放装置包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的浏览器视频播放程序,其中:所述浏览器视频播放程序被所述处理器执行时实现如权利要求1至8中任一项所述的浏览器视频播放方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有浏览器视频播放程序,所述浏览器视频播放程序被处理器执行时实现如权利要求1至8中任一项所述的浏览器视频播放方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010755099.1A CN111800667A (zh) | 2020-07-28 | 2020-07-28 | 浏览器视频播放方法、视频播放装置及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010755099.1A CN111800667A (zh) | 2020-07-28 | 2020-07-28 | 浏览器视频播放方法、视频播放装置及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111800667A true CN111800667A (zh) | 2020-10-20 |
Family
ID=72828059
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010755099.1A Pending CN111800667A (zh) | 2020-07-28 | 2020-07-28 | 浏览器视频播放方法、视频播放装置及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111800667A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112416461A (zh) * | 2020-11-25 | 2021-02-26 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
CN113613044A (zh) * | 2021-07-20 | 2021-11-05 | 深圳Tcl新技术有限公司 | 视频播放方法、装置、存储介质及电子设备 |
CN115037991A (zh) * | 2022-06-08 | 2022-09-09 | 厦门熵基科技有限公司 | 浏览器视频播放方法、装置、终端设备和可读存储介质 |
CN115695401A (zh) * | 2022-09-27 | 2023-02-03 | 四川长虹电器股份有限公司 | 基于浏览器的媒体播放系统 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103281591A (zh) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | 通过浏览器播放flash视频的方法、装置及移动终端 |
CN103281457A (zh) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | 一种移动终端浏览器中视频播放方法、装置及浏览器 |
CN104811795A (zh) * | 2014-01-24 | 2015-07-29 | 贝壳网际(北京)安全技术有限公司 | 在线视频播放方法及装置 |
CN104918119A (zh) * | 2014-03-11 | 2015-09-16 | 腾讯科技(深圳)有限公司 | 基于iOS浏览器的视频处理方法及视频处理装置 |
CN104967909A (zh) * | 2014-09-19 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 页面视频播放方法及页面视频播放装置 |
CN105453582A (zh) * | 2013-08-06 | 2016-03-30 | 虚拟电缆有限责任公司 | 一种在浏览器内播放媒体流的方法 |
WO2017216202A1 (en) * | 2016-06-15 | 2017-12-21 | Theo Technologies | Playback of multi-period media |
US20180027264A1 (en) * | 2016-07-21 | 2018-01-25 | Hanwha Techwin Co., Ltd. | Selective media playing method and apparatus according to live streaming and recorded streaming |
CN108021307A (zh) * | 2017-12-28 | 2018-05-11 | 深圳豪客互联网有限公司 | 一种播放器控件更改方法及装置 |
CN108777819A (zh) * | 2018-09-13 | 2018-11-09 | 上海二三四五网络科技有限公司 | 一种基于浏览器播放器播放网页视频的控制方法及控制装置 |
WO2019021048A1 (en) * | 2017-07-24 | 2019-01-31 | Yogesh Chunilal Rathod | EPHEMER CONTENT SHARING AND USER CONNECTION BASED ON SINGLE LINK SHARING FROM 3R PART APPLICATIONS AND STORING AND ASSOCIATING A SINGLE CODE OR IDENTITY OF A USER SHARING A LINK WITH A USER ACCESSING A LINK |
-
2020
- 2020-07-28 CN CN202010755099.1A patent/CN111800667A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103281591A (zh) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | 通过浏览器播放flash视频的方法、装置及移动终端 |
CN103281457A (zh) * | 2013-06-03 | 2013-09-04 | 贝壳网际(北京)安全技术有限公司 | 一种移动终端浏览器中视频播放方法、装置及浏览器 |
CN105453582A (zh) * | 2013-08-06 | 2016-03-30 | 虚拟电缆有限责任公司 | 一种在浏览器内播放媒体流的方法 |
CN104811795A (zh) * | 2014-01-24 | 2015-07-29 | 贝壳网际(北京)安全技术有限公司 | 在线视频播放方法及装置 |
CN104918119A (zh) * | 2014-03-11 | 2015-09-16 | 腾讯科技(深圳)有限公司 | 基于iOS浏览器的视频处理方法及视频处理装置 |
CN104967909A (zh) * | 2014-09-19 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 页面视频播放方法及页面视频播放装置 |
WO2017216202A1 (en) * | 2016-06-15 | 2017-12-21 | Theo Technologies | Playback of multi-period media |
US20180027264A1 (en) * | 2016-07-21 | 2018-01-25 | Hanwha Techwin Co., Ltd. | Selective media playing method and apparatus according to live streaming and recorded streaming |
WO2019021048A1 (en) * | 2017-07-24 | 2019-01-31 | Yogesh Chunilal Rathod | EPHEMER CONTENT SHARING AND USER CONNECTION BASED ON SINGLE LINK SHARING FROM 3R PART APPLICATIONS AND STORING AND ASSOCIATING A SINGLE CODE OR IDENTITY OF A USER SHARING A LINK WITH A USER ACCESSING A LINK |
CN108021307A (zh) * | 2017-12-28 | 2018-05-11 | 深圳豪客互联网有限公司 | 一种播放器控件更改方法及装置 |
CN108777819A (zh) * | 2018-09-13 | 2018-11-09 | 上海二三四五网络科技有限公司 | 一种基于浏览器播放器播放网页视频的控制方法及控制装置 |
Non-Patent Citations (1)
Title |
---|
戚惠丹;李泽平;: "基于DASH标准的视频自适应传输方案", 计算机工程与设计, no. 03, pages 895 - 901 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112416461A (zh) * | 2020-11-25 | 2021-02-26 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
CN112416461B (zh) * | 2020-11-25 | 2024-04-12 | 百度在线网络技术(北京)有限公司 | 视频资源处理方法、装置、电子设备和计算机可读介质 |
CN113613044A (zh) * | 2021-07-20 | 2021-11-05 | 深圳Tcl新技术有限公司 | 视频播放方法、装置、存储介质及电子设备 |
CN115037991A (zh) * | 2022-06-08 | 2022-09-09 | 厦门熵基科技有限公司 | 浏览器视频播放方法、装置、终端设备和可读存储介质 |
CN115695401A (zh) * | 2022-09-27 | 2023-02-03 | 四川长虹电器股份有限公司 | 基于浏览器的媒体播放系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111800667A (zh) | 浏览器视频播放方法、视频播放装置及存储介质 | |
US11875140B2 (en) | Application support for network devices | |
US7761601B2 (en) | Strategies for transforming markup content to code-bearing content for consumption by a receiving device | |
US20180338166A1 (en) | Remotely validating a webpage video stream | |
US7631260B1 (en) | Application modification based on feed content | |
CN103546821B (zh) | 一种视频播放界面调整的方法和装置 | |
CN103345421B (zh) | 应用程序推送方法及装置 | |
US9100691B2 (en) | Digital content display system and method for providing information during a channel zapping delay | |
JP2003308295A (ja) | 通信装置、ネットワークシステム及びWebページ処理方法 | |
JP2014522517A (ja) | マークアップベースの文書中でのデータの分割の通知 | |
US8321536B2 (en) | Method and apparatus for processing remote control key data in home network device | |
CN104077117A (zh) | 信息处理方法和控制点设备 | |
US20060075069A1 (en) | Method and system to provide message communication between different application clients running on a desktop | |
CN112287261A (zh) | 资源加载方法和电子设备 | |
CN111479144A (zh) | 显示设备及应用交互方法 | |
CN107589987B (zh) | 软件控制方法、装置及计算机可读存储介质 | |
CN106648595A (zh) | 一种消息跳转的方法及装置 | |
CN116261003A (zh) | 一种显示设备及基于浏览器的流媒体播放控制方法 | |
WO2007013280A1 (ja) | プラグインモジュール実行方法、ブラウザ実行方法、メーラ実行方法、プログラム、端末装置、及び、ページデータが記録されたコンピュータ読み取り可能な記録媒体 | |
JP5543013B2 (ja) | Iptv端末における方法および装置 | |
EP2479668A1 (en) | Method for executing applications in a computing device | |
CN111176759B (zh) | 应用程序的运行方法、系统、电视设备及存储介质 | |
CN118236690A (zh) | 一种游戏与网页的交互方法及装置、电子设备、存储介质 | |
CN116795444A (zh) | 一种显示设备、交互应用运行装置及方法 | |
JP4308688B2 (ja) | 情報表示装置、情報表示システム、情報表示方法、情報表示プログラムおよびそのプログラムを記憶した記憶媒体 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201020 |
|
RJ01 | Rejection of invention patent application after publication |