CN106162367A - 一种视频播放方法及装置 - Google Patents
一种视频播放方法及装置 Download PDFInfo
- Publication number
- CN106162367A CN106162367A CN201510191293.0A CN201510191293A CN106162367A CN 106162367 A CN106162367 A CN 106162367A CN 201510191293 A CN201510191293 A CN 201510191293A CN 106162367 A CN106162367 A CN 106162367A
- Authority
- CN
- China
- Prior art keywords
- video
- webpage
- video information
- main document
- inline frame
- 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
- 239000003550 marker Substances 0.000 claims abstract description 49
- 238000004891 communication Methods 0.000 claims abstract description 25
- 238000012544 monitoring process Methods 0.000 claims description 24
- 230000004044 response Effects 0.000 claims description 9
- 230000005540 biological transmission Effects 0.000 claims description 4
- 238000002372 labelling Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000013461 design Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000009331 sowing Methods 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/1066—Session management
- H04L65/1069—Session establishment or de-establishment
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/414—Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance
- H04N21/41407—Specialised client platforms, e.g. receiver in car or embedded in a mobile appliance embedded in a portable device, e.g. video client on a mobile phone, PDA, laptop
-
- 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]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/40—Support for services or applications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/60—Network streaming of media packets
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
- H04L65/60—Network streaming of media packets
- H04L65/70—Media network packetisation
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- 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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
-
- 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/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/24—Monitoring of processes or resources, e.g. monitoring of server load, available bandwidth, upstream requests
- H04N21/2402—Monitoring of the downstream path of the transmission network, e.g. bandwidth available
-
- 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/43—Processing 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/432—Content retrieval operation from a local storage medium, e.g. hard-disk
- H04N21/4325—Content retrieval operation from a local storage medium, e.g. hard-disk by playing back content from the storage medium
-
- 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/43—Processing 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/442—Monitoring of processes or resources, e.g. detecting the failure of a recording device, monitoring the downstream bandwidth, the number of times a movie has been viewed, the storage space available from the internal hard disk
- H04N21/4424—Monitoring of the internal components or processes of the client device, e.g. CPU or memory load, processing speed, timer, counter or percentage of the hard disk space used
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- General Business, Economics & Management (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种视频播放方法及装置,其中,该方法包括:在包含网页内联框架的网页主文档以及所述网页内联框架之间建立视频消息通信通道;所述网页内联框架查找其所包含的视频标记,且根据所述视频标记获取视频信息;所述网页主文档接收所述网页内联框架通过所述通信通道返回的视频信息;以及,根据所述视频信息进行视频播放。通过本发明,在视频播放时可调用当前浏览器自带的播放器进行播放,以提升播放跨域视频服务中的用户体验度。
Description
技术领域
本发明涉及视频播放技术领域,具体而言,涉及一种视频播放方法及装置。
背景技术
随着科学技术的发展,各类移动终端已经在人们的日常生活中应用的越来越广泛。移动终端的一个极为重要的特点就是:可以在浏览器中进行网页浏览。
当前在移动终端上浏览网页的方法一般为:用户在浏览器中输入网址,浏览器基于该网址向服务器发出页面请求;服务器向浏览器返回与页面请求对应的html文件;浏览器开始载入html代码并根据html代码头中的link标签从服务器中获取CSS(Cascading StyleSheets,级联样式表)文件;浏览器继续进行html主体代码的载入并基于CSS文件渲染页面,其中在html主体代码的载入过程中,根据网页架构设计有时会引入跨域视频的播放服务,跨域视频是指当前网页中有iframe(网页内联框架,其为HTML的标签,该元素会创建包含另外一个文档的内联框架),并且iframe中有待播放视频,该iframe的域名、协议或端口与当前网页不同,(通常是域名不同),则该iframe中的视频为跨域视频。例如域名为A的网页上包含域名为B的iframe,该iframe上的视频可称为跨域视频。
目前多数浏览器以webkit为内核,浏览器播放视频利用的是其自带的播放器,其中浏览器自带播放器是指引用***自带的播放器,在表面封装,经过UI(User Interface,用户界面)改造成的浏览器的自定义播放器。由于webkit内核没有跨域访问的权限,在播放跨域视频时只能调用***自带的播放器进行播放。例如,针对ios***(ios***是由苹果公司开发的移动操作***)设计的某种采用webkit内核的浏览器,在播放跨域视频时,只能调用ios***自带的播放器进行播放。
跨域播放视频服务中,浏览器只能调用***自带播放器进行播放,而不能调用非***自带的播放器播放,用户体验较差。
发明内容
本发明的目的在于提供一种视频播放方法及装置,以提升播放跨域视频服务中的用户体验度。
第一方面,本发明实施例提供了一种视频播放方法,包括:
在包含网页内联框架的网页主文档以及所述网页内联框架之间建立视频消息通信通道;
所述网页内联框架查找其所包含的视频标记,且根据所述视频标记获取视频信息;
所述网页主文档接收所述网页内联框架通过所述通信通道返回的视频信息;以及,根据所述视频信息进行视频播放。
结合第一方面,本发明实施例提供了第一方面的第一种可能的实施方式,上述方法还包括:
所述网页主文档通过所述通信通道向所述网页内联框架发送查找视频信息的消息;
以及,所述网页内联框架响应于所述消息查找其自身所包含的视频标记,且根据所述视频标记获取视频信息。
结合第一方面的第一种可能的实施方式,本发明实施例提供了第一方面的第二种可能的实施方式,上述方法还包括:
在所述网页内联框架中加入基于JavaScript形成的监听指令以供网页内联框架监听所述网页主文档发送的查找视频信息的消息。
结合第一方面的第一种可能的实施方式,本发明实施例提供了第一方面的第三种可能的实施方式,上述方法还包括:
基于框架标签名称查找所述网页主文档所包含的网页内联框架;
判断所述网页主文档的网页主框架中是否存在视频信息,如果否,则向查找到的所述网页内联框架中发送查找视频信息的消息。
结合第一方面,本发明实施例提供了第一方面的第四种可能的实施方式,上述方法还包括:
所述网页主文档监听来自所述网页内联框架的通知消息;
以及,从监听到的所述通知消息中获取所述视频信息。
结合第一方面,本发明实施例提供了第一方面的第五种可能的实施方式,其中,根据所述视频信息进行视频播放,包括:
调用当前浏览器自带的播放器根据所述视频信息进行视频播放。
结合第一方面的第一种可能的实施方式,本发明实施例提供了第一方面的第六种可能的实施方式,其中,所述查找视频信息的消息为基于JavaScript形成的消息。
第二方面,本发明实施例还提供了一种视频播放装置,包括:
通信通道建立模块,用于在包含网页内联框架的网页主文档以及所述网页内联框架之间建立视频消息通信通道;
视频信息查找模块,用于使所述网页内联框架查找其所包含的视频标记,且根据所述视频标记获取视频信息;
视频信息接收模块,用于使所述网页主文档接收所述网页内联框架通过所述通信通道返回的视频信息;
视频播放模块,用于根据所述视频信息进行视频播放。
结合第二方面,本发明实施例提供了第二方面的第一种可能的实施方式,上述装置还包括:
查找触发模块,用于使所述网页主文档通过所述通信通道向所述网页内联框架发送查找视频信息的消息;
所述视频信息查找模块,用于使所述网页内联框架响应于所述消息查找其自身所包含的视频标记,且根据所述视频标记获取视频信息。
结合第二方面的第一种可能的实施方式,本发明实施例提供了第二方面的第二种可能的实施方式,上述装置还包括:
第一监听模块,用于在所述网页内联框架中加入基于JavaScript形成的监听指令以供网页内联框架监听所述网页主文档发送的查找视频信息的消息。
结合第二方面的第一种可能的实施方式,本发明实施例提供了第二方面的第三种可能的实施方式,上述装置还包括:
内联框架查找模块,用于基于框架标签名称查找所述网页主文档所包含的网页内联框架;
判断模块,用于判断所述网页主文档的网页主框架中是否存在视频信息;
所述查找触发模块,用于在所述网页主框架中不存在视频信息时向查找到的所述网页内联框架中发送查找视频信息的消息。
结合第二方面,本发明实施例提供了第二方面的第四种可能的实施方式,上述装置还包括:
第二监听模块,用于使所述网页主文档监听来自所述网页内联框架的通知消息,以及从监听到的所述通知消息中获取所述视频信息。
利用本发明的视频播放方法播放跨域视频时,网页主文档与网页内联框架基于消息通信通道建立连接后,网页内联框架能够查找自身所包含的视频标记,并根据找到的视频标记获取视频信息,且将获取到的视频信息发送给网页主文档,从而在视频播放时便可调用当前浏览器自带的播放器进行播放,进而提升播放跨域视频服务中用户的体验度。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本发明实施例中视频播放方法的第一种流程图;
图2示出了本发明实施例中视频播放方法的第二种流程图;
图3示出了本发明实施例中视频播放方法的第三种流程图;
图4示出了本发明实施例中视频播放装置的结构示意图。
具体实施方式
下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
基于ios***的移动终端,在浏览器中播放跨域视频时,由于webkit内核没有跨域访问的权限,只能调取***自带的播放器播放跨域视频,而无法调用浏览器自带的播放器播放跨域视频。
为了实现使用浏览器自带播放器播放跨域视频的目的,本发明实施例提供了一种视频播放方法。该方法运用于ios***,当移动终端浏览器加载的网页中有跨域视频时,在网页渲染前,网页主文档与网页内联框架iframe之间建立连接,由iframe查找其自身所包含的视频标记并获取视频信息,网页主文档记录iframe所获取的视频信息,在视频播放时便可调用浏览器自带的播放器进行播放。
基于上述构思,本发明实施例提供了一种视频播放方法,该方法可以运用于ios***,具体实施时,该方法可以运行在安装有浏览器的移动终端上(如iphone/ipod/itouch/ipad等),移动终端上安装的浏览器采用webkit内核,使用浏览器自带的播放器播放跨域视频。如图1所示,该方法的主要处理步骤包括:
步骤S11:在包含iframe的网页主文档以及iframe之间建立视频消息通信通道。
浏览器加载的网页,包括网页主框架,有可能会包含iframe,只有当网页包含iframe时才会存在跨域视频,即当iframe的域名与网页域名不同时,iframe上的视频可以称为跨域视频。
目前以webkit为内核的浏览器在播放跨域视频时,没有权限访问iframe获取视频信息,只能调用***自带的播放器播放跨域视频。
本发明中,在网页包含跨域iframe且iframe中包含视频时,在iframe与网页主文档之间建立连接,使iframe与网页主文档之间能够进行消息传递,即在iframe与网页主文档之间建立消息通信通道,该消息通信通道是一种虚拟信息通道,指iframe与网页主文档之间可以进行信息的交互。
步骤S12:iframe查找其所包含的视频标记,且根据视频标记获取视频信息。
当iframe中包含视频时,iframe查找自身所包含的视频标记,并基于查找到的视频标记获取视频信息,如视频地址。
本发明中,iframe查找自身所包含的视频标记的触发方式有多种,例如,iframe中具有视频信息时,自动进行视频标记的查找,并将根据视频标记获取到的视频信息发送给网页主文档;又例如,iframe被网页主文档发送的查找视频标记的消息触发,iframe响应主文档的该消息从而进行视频标记的查找。
触发iframe查找自身包含视频标记的方式可以根据实际需要进行设置,此处不再一一列举。
步骤S13:网页主文档接收iframe通过通信通道返回的视频信息。
iframe根据查找到的视频标记获取视频信息后,将获取的视频信息通过与网页主文档之间的通信通道发送给网页主文档,由网页主文档接收记录视频信息。
步骤S14:根据视频信息进行视频播放。
网页主文档获取到视频信息后,在跨域视频需要播放时,便可调用当前浏览器自带的播放器根据网页主文档获取的视频信息进行播放。
本发明的一种应用场景中,网页主文档向iframe中发送查找视频信息的消息,iframe监听网页主文档发送的消息,并响应于该消息查找自身所包含的视频标记,以及根据视频标记获取视频信息。
具体实现时,网页渲染前,由移动终端的网络模块向网页的iframe中注入监听指令,其中网络模块是移动终端的底层模块,用于监听网络层收到的数据,包括网页的原始数据,还可以在网络层向iframe中注入监听指令。iframe通过该监听指令能够监听网页主文档发送的消息,当iframe中的监听指令监听到查找视频信息的消息后,查找其自身所包含的视频标记,以及根据视频标记获取视频信息,并将获取的视频信息通知网页主文档,从而使网页主文档获取到视频信息,进而在视频播放时调用当前浏览器自带的播放器进行播放。通过上述方案,解决了ios平台上不能调用浏览器自带播放器播放跨域视频的技术问题。如图2示出了本应用场景中视频播放方法的实现步骤,包括:
步骤S21:在包含iframe的网页主文档以及iframe之间建立视频消息通信通道。
步骤S22:网页主文档通过通信通道向iframe中发送查找视频信息的消息。
具体实现时,可以通过加载网页的页面主文档以触发向iframe中发送查找视频信息消息的动作。
步骤S23:iframe响应于网页主文档发送的查找视频信息的消息,查找自身所包含的视频标记,并根据视频标记获取视频信息。
在iframe中设置有监听指令,用于监听网页主文档发送的消息,当iframe监听到网页主文档发送的查找视频信息的消息后,通过查找视频标记查找视频信息。
以苹果手机为例,手机中自带的浏览器为safari浏览器,用户可以根据实际需要在手机中安装非***自带的浏览器。用户在浏览器上浏览网页,当浏览器上加载的A域网页中包含B域iframe,且B域iframe中包含视频时,A域网页的网页主文档向B域iframe发送查找视频信息的消息;B域iframe中设置有用于监听网页主文档的监听指令,当监听指令监听到A域网页的网页主文档发送的查找视频信息的消息时,B域iframe响应该消息,查找iframe中的视频标记,并根据查找到的视频标记获取视频信息。
本发明中网页主文档向iframe中发送的查找视频信息的消息为基于JS(JavaScript,直译式脚本语言)形成的消息;iframe中设置的用于监听网页主文档的监听指令也为基于JS形成的指令。
优选地,网页渲染前,由移动终端的网络模块向iframe中注入基于JS形成的监听指令以供iframe监听网页主文档发送的查找视频信息的消息。
步骤S24:网页主文档接收iframe发送的视频消息。
考虑到网页主文档获取iframe发送的视频消息的及时有效性,在网页主文档上也还可以设置用于与iframe交互的交互指令,该交互指令能够监听来自于iframe的通知消息,以从通知消息中获取视频信息。
仍以苹果手机为例,浏览器中B域iframe响应来自于A域网页的网页主文档发送的查找视频信息的消息,获取到视频信息后,B域iframe将视频信息作为通知消息的通知内容传递给A域网页的网页主文档;A域网页的网页主文档监听到iframe发送的通知消息后,从通知消息中获取视频信息。
步骤S25:调用当前浏览器自带的播放器根据视频信息进行视频播放。
网页主文档接收并存储视频信息,当进行视频播放时,移动终端浏览器调用其自带的播放器根据网页主文档中记录的视频信息进行播放,从而实现了利用浏览器自带播放器进行跨域视频的播放,提升播放跨域视频服务中用户的体验度。
以苹果手机为例,浏览器中A域网页的网页主文档接收到B域iframe所提供的视频信息后,调用其自带的播放器播放跨域视频。
移动终端浏览器中加载网页时,浏览器利用服务器提供的网页主文档对网页进行渲染,其中,网页主文档包括html文件及CSS文件等,在网页渲染过程中,根据网页架构的设计,网页中需要播放跨域视频时,网页主文档从跨域iframe中获取视频信息,并调用浏览器自带播放器进行播放。
此外,移动终端浏览器的网页加载过程中,还进一步需要网页框架frame文件,以为网页页面布局提供依据。在frame文件中包括网页主框架mainframe以及iframe,一般地网页中通过跨域iframe引入相关信息,如视频信息。网页主文档获取跨域iframe中的视频信息前提是网页中存在跨域iframe,因此,本发明的方法中首先查找网页中的跨域iframe。基于此,本发明还提供了一种视频播放方法的具体实施方法,该方法同样可以运行在上述安装有浏览器的移动终端上,如图3所示,该方法的主要处理步骤包括:
步骤S31:基于框架标签名称查找iframe。
移动终端浏览器中加载的网页的框架文件中存在框架标签列表,网页主文档遍历框架标签列表,将框架标签列表中的框架标签名称与“iframe”一一比对,当进行比对的框架标签名称与“iframe”比对一致时,说明在网页的框架文件中存在iframe。
步骤S32:网页主文档向查找到的iframe中发送查找视频信息的消息。
网页主文档在查找视频信息的过程中,首先查找网页主框架中是否存在视频信息,如果存在,则获取网页主框架中的视频信息;如果不存在,网页主文档则向查找到的iframe中发送找视频信息的消息。
iframe中设置有用于监听网页主文档的监听指令,当网页主文档向iframe中发送了查找视频信息的消息后,iframe响应该消息查找其自身所包含的视频标记,并基于查找到的视频标记获取视频信息。
其中iframe中设置的监听指令是网页渲染前,由移动终端网络模块向iframe中注入。
iframe中的监听指令为基于JS形成的指令,该基于JS形成的指令,能够进行跨域访问。
iframe查找到视频信息后向网页主文档发送通知消息,iframe通过JS指令以异步通信方式将获取到的视频信息通知网页主文档。
步骤S33:网页主文档监听来自iframe的通知消息。
网页主文档中设置有用于与iframe交互的交互指令,该交互指令能够监听iframe发送的通知消息,其中该交互指令为基于JS形成的指令。
当iframe向网页主文档发送查找到视频信息的通知消息时,网页主文档中的交互指令监听并响应该通知消息。
步骤S34:网页主文档从监听到的通知消息中获取视频信息。
网页主文档监听来自于iframe的通知消息,并定时查找获取视频信息。
步骤S35:根据视频信息进行视频播放。
具体实施时,跨域iframe获取到的视频信息可以为视频地址,具体实施时可以调用当前浏览器自带的播放器根据视频地址进行视频播放。
利用本发明的视频播放方法,在移动终端浏览器上能够调用浏览器自带的播放器播放跨域视频,提升播放跨域视频服务中用户的体验度。
对应于上述视频播放方法,本发明实施例还提供了一种视频播放装置,参见图4所示的视频播放装置的结构框图,该装置包括以下模块:
通信通道建立模块41,用于在包含iframe的网页主文档以及iframe之间建立视频消息通信通道;
视频信息查找模块42,用于使iframe查找其所包含的视频标记,且根据视频标记获取视频信息;
视频信息接收模块43,用于使网页主文档接收iframe通过通信通道返回的视频信息;
视频播放模块44,用于根据视频信息进行视频播放。
本发明上述装置,网页主文档与iframe基于消息通信通道建立连接后,iframe能够查找自身所包含的视频标记,并根据找到的视频标记获取视频信息,且将获取到的视频信息发送给网页主文档,从而在视频播放时便可调用当前浏览器自带的播放器进行播放,进而提升播放跨域视频服务中用户的体验度。
考虑到触发iframe查找其自身所包含的视频标记的方式有多种,例如当iframe中包含视频信息时,自动触发,或者,由网页主文档触发。
当iframe查找其自身所包含视频标记的动作是由网页主文档触发时,为了实现该触发动作,在上述视频播放装置的结构中还包括查找触发模块,用于使网页主文档通过通信通道向iframe发送查找视频信息的消息,此时,视频播放装置中视频信息查找模块用于使iframe响应于消息查找其自身所包含的视频标记,且根据视频标记获取视频信息。
网页主文档向iframe发送查找视频信息的消息后,为了使iframe及时获知并响应该信息,可以在iframe中设置监听指令来监听网页主文档。
为了实现iframe对网页主文档的监听,上述视频播放装置中还可以包括第一监听模块,用于在iframe中加入基于JS形成的监听指令以供iframe监听网页主文档发送的查找视频信息的消息。
移动终端浏览器中网页加载时需要frame文件,在frame文件中包括网页主框架mainframe以及跨域iframe,一般地网页中通过跨域iframe引入文件,如视频,因此网页的网页主文档为了获取到跨域iframe中的视频信息,首先要查找到网页中的跨域iframe。
考虑到网页frame文件中存在框架标签列表,因此在查找frame文件中的跨域iframe时,可以利用到frame文件中的框架标签列表,利用框架标签列表中框架标签名称查找frame文件中的跨域iframe,基于此,上述视频播放装置中还包括内联框架查找模块及判断模块,其中内联框架查找模块用于基于框架标签名称查找网页主文档所包含的iframe;判断模块用于判断网页主文档的网页主框架中是否存在视频信息;该装置中的上述查找触发模块,用于在网页主框架中不存在视频信息时向查找到的所述网页内联框架中发送查找视频信息的消息。
通过上述方式,能够以比较简便的方式查找到frame文件中的跨域iframe,并向iframe中发送查找视频信息的消息。
在跨域Iframe中设置有用于监听网页主文档的监听指令,当网页主文档向iframe中发送了查找视频信息的消息后,iframe响应该消息查找其自身所包含的视频标记,并根据查找到的视频标记获取视频信息,例如获取视频地址。
iframe查找到视频信息后向网页主文档发送通知消息,其中,iframe通过JS指令以异步通信方式将获取到的视频信息通知网页主文档。
网页主文档中设置有用于与iframe交互的交互指令,该交互指令能够监听iframe发送的通知消息,其中该交互指令为基于JS形成的指令。
当iframe向网页主文档发送查找到视频信息的通知消息时,网页主文档中的交互指令监听并响应该通知消息。为了实现网页主文档对内联框架通知消息的消息,在视频播放装置中可以设置第二监听模块,用于使网页主文档监听来自iframe的通知消息,以及从监听到的通知消息中获取视频信息。
网页主文档从监听到的通知消息中获取到视频信息后,调用当前浏览器自带的播放器进行视频播放。
综上,本发明的技术方案能够在移动终端浏览器中调用浏览器自带播放器播放跨域视频,提升播放跨域视频服务中用户的体验度。
本发明实施例所提供的各装置和模块,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,该实施例部分未提及之处,可参考前述方法实施例中相应内容。
本发明实施例所提供的执行播放跨域视频的计算机程序产品,包括存储了程序代码的计算机可读存储介质,程序代码包括的指令可用于执行前面方法实施例中的方法,具体实现可参见方法实施例,在此不再赘述。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的***和装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
附图中的流程图和框图显示了根据本发明的多个实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (12)
1.一种视频播放方法,包括:
在包含网页内联框架的网页主文档以及所述网页内联框架之间建立视频消息通信通道;
所述网页内联框架查找其所包含的视频标记,且根据所述视频标记获取视频信息;
所述网页主文档接收所述网页内联框架通过所述通信通道返回的视频信息;以及,根据所述视频信息进行视频播放。
2.根据权利要求1所述的方法,还包括:
所述网页主文档通过所述通信通道向所述网页内联框架发送查找视频信息的消息;
以及,所述网页内联框架响应于所述消息查找其自身所包含的视频标记,且根据所述视频标记获取视频信息。
3.根据权利要求2所述的方法,还包括:
在所述网页内联框架中加入基于JavaScript形成的监听指令以供网页内联框架监听所述网页主文档发送的查找视频信息的消息。
4.根据权利要求2所述的方法,还包括:
基于框架标签名称查找所述网页主文档所包含的网页内联框架;
判断所述网页主文档的网页主框架中是否存在视频信息,如果否,则向查找到的所述网页内联框架中发送查找视频信息的消息。
5.根据权利要求1所述的方法,还包括:
所述网页主文档监听来自所述网页内联框架的通知消息;
以及,从监听到的所述通知消息中获取所述视频信息。
6.根据权利要求1所述的方法,其中,根据所述视频信息进行视频播放,包括:
调用当前浏览器自带的播放器根据所述视频信息进行视频播放。
7.根据权利要求2所述的方法,其中,所述查找视频信息的消息为基于JavaScript形成的消息。
8.一种视频播放装置,包括:
通信通道建立模块,用于在包含网页内联框架的网页主文档以及所述网页内联框架之间建立视频消息通信通道;
视频信息查找模块,用于使所述网页内联框架查找其所包含的视频标记,且根据所述视频标记获取视频信息;
视频信息接收模块,用于使所述网页主文档接收所述网页内联框架通过所述通信通道返回的视频信息;
视频播放模块,用于根据所述视频信息进行视频播放。
9.根据权利要求8所述的装置,还包括:
查找触发模块,用于使所述网页主文档通过所述通信通道向所述网页内联框架发送查找视频信息的消息;
所述视频信息查找模块,用于使所述网页内联框架响应于所述消息查找其自身所包含的视频标记,且根据所述视频标记获取视频信息。
10.根据权利要求9所述的装置,还包括:
第一监听模块,用于在所述网页内联框架中加入基于JavaScript形成的监听指令以供网页内联框架监听所述网页主文档发送的查找视频信息的消息。
11.根据权利要求9所述的装置,还包括:
内联框架查找模块,用于基于框架标签名称查找所述网页主文档所包含的网页内联框架;
判断模块,用于判断所述网页主文档的网页主框架中是否存在视频信息;
所述查找触发模块,用于在所述网页主框架中不存在视频信息时向查找到的所述网页内联框架中发送查找视频信息的消息。
12.根据权利要求8所述的装置,还包括:
第二监听模块,用于使所述网页主文档监听来自所述网页内联框架的通知消息,以及从监听到的所述通知消息中获取所述视频信息。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510191293.0A CN106162367A (zh) | 2015-04-21 | 2015-04-21 | 一种视频播放方法及装置 |
US15/505,871 US10523718B2 (en) | 2015-04-21 | 2016-04-13 | Video playing method and device |
RU2017114860A RU2679562C1 (ru) | 2015-04-21 | 2016-04-13 | Способ воспроизведения видео и устройство |
PCT/CN2016/079184 WO2016169426A1 (zh) | 2015-04-21 | 2016-04-13 | 一种视频播放方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510191293.0A CN106162367A (zh) | 2015-04-21 | 2015-04-21 | 一种视频播放方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106162367A true CN106162367A (zh) | 2016-11-23 |
Family
ID=57144351
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510191293.0A Pending CN106162367A (zh) | 2015-04-21 | 2015-04-21 | 一种视频播放方法及装置 |
Country Status (4)
Country | Link |
---|---|
US (1) | US10523718B2 (zh) |
CN (1) | CN106162367A (zh) |
RU (1) | RU2679562C1 (zh) |
WO (1) | WO2016169426A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111917516A (zh) * | 2020-08-06 | 2020-11-10 | 上海熙菱信息技术有限公司 | 一种多域信令快速调度方法 |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10341419B2 (en) * | 2016-08-08 | 2019-07-02 | Tnq Books And Journals Private Limited | Transformation of a content file into a content-centric social network |
CN113542906A (zh) * | 2021-07-20 | 2021-10-22 | 山东新一代信息产业技术研究院有限公司 | 一种基于rtsp视频的网页无插件播放方法 |
CN115695401A (zh) * | 2022-09-27 | 2023-02-03 | 四川长虹电器股份有限公司 | 基于浏览器的媒体播放*** |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070299857A1 (en) * | 2006-06-23 | 2007-12-27 | Microsoft Corporation | Cross Domain Communication |
CN102047286A (zh) * | 2008-06-03 | 2011-05-04 | 微软公司 | 在线广告服务 |
CN102904962A (zh) * | 2012-10-23 | 2013-01-30 | 深圳市汇智集信息科技有限公司 | 消息推送***及其消息推送的方法 |
CN103023790A (zh) * | 2012-12-31 | 2013-04-03 | 北京京东世纪贸易有限公司 | 一种用于实现跨域交互访问的方法和*** |
CN103246667A (zh) * | 2012-02-08 | 2013-08-14 | 腾讯科技(深圳)有限公司 | 数据跨域传递的方法及装置 |
CN104090820A (zh) * | 2013-11-26 | 2014-10-08 | 腾讯科技(深圳)有限公司 | 一种网页多媒体文件的播放方法及装置 |
Family Cites Families (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040021684A1 (en) | 2002-07-23 | 2004-02-05 | Dominick B. Millner | Method and system for an interactive video system |
US8185737B2 (en) * | 2006-06-23 | 2012-05-22 | Microsoft Corporation | Communication across domains |
US8209706B2 (en) * | 2008-06-27 | 2012-06-26 | Microsoft Corporation | Inter-frame messaging between different domains |
US8103740B1 (en) * | 2009-05-13 | 2012-01-24 | Google Inc. | Cross-domain linking of data types |
US8972860B2 (en) | 2009-09-30 | 2015-03-03 | Adobe Systems Incorporated | Player instance management |
US20110113354A1 (en) * | 2009-11-12 | 2011-05-12 | Sling Media Pvt Ltd | Always-on-top media player launched from a web browser |
CN101729880B (zh) * | 2009-12-14 | 2012-01-18 | 中国电信股份有限公司 | 基于sip的网络视频监控方法和*** |
US9558289B2 (en) * | 2010-09-30 | 2017-01-31 | Microsoft Technology Licensing, Llc | Securely rendering online ads in a host page |
AU2011250721B1 (en) * | 2011-01-11 | 2012-05-31 | Social IT Pty Ltd | Online educational software |
US20120185784A1 (en) * | 2011-01-13 | 2012-07-19 | Charles Katz | Method Of Providing Co-browsing Functionality Within A Standard Browser |
US20120254925A1 (en) * | 2011-04-01 | 2012-10-04 | VideoGenie, Inc. | Computer systems and methods for video capturing, managing, and/or sharing |
CN102779046B (zh) * | 2012-07-04 | 2016-01-20 | 合一网络技术(北京)有限公司 | 一种基于html5开发的视频播放***及其视频播放方法 |
CN103856543B (zh) | 2012-12-07 | 2019-02-15 | 腾讯科技(深圳)有限公司 | 一种视频处理方法、移动终端及服务器 |
US9264507B2 (en) * | 2013-01-03 | 2016-02-16 | Sap Portals Israel Ltd | Cross domain communication channel |
IL272582B2 (en) * | 2013-02-10 | 2024-05-01 | Wix Com Ltd | Communication interface for third party applications |
WO2014124420A1 (en) * | 2013-02-11 | 2014-08-14 | Vindico Llc | System and method to analyze and rate online advertisement placement quality and potential value |
US9569292B2 (en) * | 2013-02-25 | 2017-02-14 | Microsoft Technology Licensing, Llc | Remotable contracts for the web |
US20150200976A1 (en) * | 2013-02-27 | 2015-07-16 | Google Inc. | Web application collaboration system, method, and computer-readable medium |
US9236088B2 (en) * | 2013-04-18 | 2016-01-12 | Rapt Media, Inc. | Application communication |
US9143840B2 (en) | 2013-05-20 | 2015-09-22 | Veenome, Inc. | Systems and methods for evaluating online videos |
US9189466B2 (en) * | 2013-09-13 | 2015-11-17 | Linkedin Corporation | Cross document communication |
US9697188B2 (en) * | 2013-11-15 | 2017-07-04 | Instart Logic, Inc. | Method to enable cross-origin resource sharing from a webpage inside a private network |
-
2015
- 2015-04-21 CN CN201510191293.0A patent/CN106162367A/zh active Pending
-
2016
- 2016-04-13 US US15/505,871 patent/US10523718B2/en active Active
- 2016-04-13 WO PCT/CN2016/079184 patent/WO2016169426A1/zh active Application Filing
- 2016-04-13 RU RU2017114860A patent/RU2679562C1/ru active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070299857A1 (en) * | 2006-06-23 | 2007-12-27 | Microsoft Corporation | Cross Domain Communication |
CN102047286A (zh) * | 2008-06-03 | 2011-05-04 | 微软公司 | 在线广告服务 |
CN103246667A (zh) * | 2012-02-08 | 2013-08-14 | 腾讯科技(深圳)有限公司 | 数据跨域传递的方法及装置 |
CN102904962A (zh) * | 2012-10-23 | 2013-01-30 | 深圳市汇智集信息科技有限公司 | 消息推送***及其消息推送的方法 |
CN103023790A (zh) * | 2012-12-31 | 2013-04-03 | 北京京东世纪贸易有限公司 | 一种用于实现跨域交互访问的方法和*** |
CN104090820A (zh) * | 2013-11-26 | 2014-10-08 | 腾讯科技(深圳)有限公司 | 一种网页多媒体文件的播放方法及装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111917516A (zh) * | 2020-08-06 | 2020-11-10 | 上海熙菱信息技术有限公司 | 一种多域信令快速调度方法 |
CN111917516B (zh) * | 2020-08-06 | 2022-11-11 | 上海熙菱信息技术有限公司 | 一种多域信令快速调度方法 |
Also Published As
Publication number | Publication date |
---|---|
RU2679562C1 (ru) | 2019-02-11 |
US20170289204A1 (en) | 2017-10-05 |
US10523718B2 (en) | 2019-12-31 |
WO2016169426A1 (zh) | 2016-10-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106162367A (zh) | 一种视频播放方法及装置 | |
CN107784516A (zh) | 广告投放方法和装置 | |
CN108280125A (zh) | 页面显示的方法、装置、存储介质和电子装置 | |
CN105824836B (zh) | 一种截图共享方法、装置、信息接收方法及装置 | |
CN104951700B (zh) | 网页漏洞检测方法和装置 | |
CN105338124A (zh) | 一种资源传播跟踪方法、装置及*** | |
CN101957752A (zh) | Flash视频预览方法及其***,flash播放器 | |
CN109960491A (zh) | 应用程序生成方法、生成装置、电子设备及存储介质 | |
CN104080009B (zh) | 一种多终端断点续播的方法及*** | |
CN102780577A (zh) | 一种网络故障检测方法 | |
CN105812563A (zh) | 图片发送方法及装置 | |
CN103916702A (zh) | 一种拦截广告的方法和终端 | |
CN103116645A (zh) | 移动设备浏览网页的方法及装置 | |
CN103955330B (zh) | 一种信息显示方法及装置 | |
CN106470360A (zh) | 一种视频播放器调用方法及装置 | |
CN103678343A (zh) | 提示网页加载进度的方法和装置 | |
CN104601535B (zh) | 视频处理方法和*** | |
CN108268578A (zh) | 网页图片加载的方法及*** | |
CN107733769A (zh) | 展示用户信息的方法和装置 | |
CN103455547B (zh) | 一种用于网页加载的方法及装置 | |
CN106326403A (zh) | 网页生成方法及装置 | |
CN104598571A (zh) | 一种多媒体资源的播放方法及装置 | |
CN101527737A (zh) | 页面帮助信息的显示方法、***及客户端 | |
CN110895577A (zh) | 用于核电站全范围模拟机的语音报警广播仿真方法和*** | |
CN108196902A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161123 |
|
RJ01 | Rejection of invention patent application after publication |