CN108449645B - 基于移动终端iOS系统的视频播放方法及装置 - Google Patents
基于移动终端iOS系统的视频播放方法及装置 Download PDFInfo
- Publication number
- CN108449645B CN108449645B CN201710084712.XA CN201710084712A CN108449645B CN 108449645 B CN108449645 B CN 108449645B CN 201710084712 A CN201710084712 A CN 201710084712A CN 108449645 B CN108449645 B CN 108449645B
- Authority
- CN
- China
- Prior art keywords
- video
- playing
- video stream
- player
- address
- 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
Links
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/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/854—Content authoring
- H04N21/8543—Content authoring using a description language, e.g. Multimedia and Hypermedia information coding Expert Group [MHEG], eXtensible Markup Language [XML]
-
- 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/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client
- H04N21/63—Control signaling related to video distribution between client, server and network components; Network processes for video distribution between server and clients or between remote clients, e.g. transmitting basic layer and enhancement layers over different transmission paths, setting up a peer-to-peer communication via Internet between remote STB's; Communication protocols; Addressing
- H04N21/643—Communication protocols
-
- 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)
- Computer Security & Cryptography (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本发明提供一种基于移动终端的视频播放方法及装置，当监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；根据所述实际播放地址获取所述待播放视频的视频流；当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流。由于同样的传输线路在同样的网络环境下，采用基于视频流的传输协议进行传输要比基于视频段的传输协议进行传输的传输延迟要低得多，因此，该基于移动终端iOS系统的视频播放方法的播放延迟较低。
Description
技术领域
本发明涉及网络视频播放技术领域，特别是涉及一种基于移动终端iOS系统的视频播放方法及装置。
背景技术
根据艾瑞咨询数据显示，2015年中国在线视频播放平台数量接近200家，网络视频播放市场规模约为90亿，其中，移动终端的视频播放占比不断增加。在移动终端主要通过视频播放平台App(Application，应用)和移动终端的浏览器页面观看视频。
通过移动终端的浏览器访问视频页面，具有视频播放平台App无法比拟的优势，即可以仅通过一个浏览器，就可以观看各视频播放平台的视频，且无需下载对应的视频播放平台App。目前基于iOS系统(由苹果公司开发的移动操作系统)的移动终端通过浏览器调用系统原生播放器在页面上进行视频播放，然而，目前基于iOS系统的系统原生播放器仅支持延时较大的基于视频段传输的协议，如HLS协议(HTTP Live Streaming，苹果公司提出的基于HTTP传输协议的流媒体网络传输协议，其中，HTTP为HyperText Transfer Protocol即超文本传输协议的缩写)，因此，视频播放的延迟较高。
发明内容
基于此，有必要针对移动终端iOS系统的浏览器的视频播放延迟较高的问题，提供一种视频播放延时较低的基于移动终端的视频播放方法及装置。
一种基于移动终端iOS系统的视频播放方法，包括：
当监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；
当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；
根据所述实际播放地址获取所述待播放视频的视频流；
当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流。
该基于移动终端的视频播放方法，当监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；根据所述实际播放地址获取所述待播放视频的视频流；当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流。由于同样的传输线路在同样的网络环境下，采用基于视频流的传输协议进行传输要比基于视频段的传输协议进行传输的传输延迟要低得多，因此，该基于移动终端iOS系统的视频播放方法的播放延迟较低。
一种基于移动终端的视频播放装置，包括：
监听获取模块，用于当监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；
地址确定模块，用于当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；
视频流获取模块，用于根据所述播放地址获取所述待播放视频的视频流；
视频流播放模块，用于当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流。
该基于移动终端的视频播放装置，监听获取模块在监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；地址确定模块在当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；视频流获取模块根据所述播放地址获取所述待播放视频的视频流；视频流播放模块在获取到关键帧的所述视频流时，调用预设播放器播放所述视频流。由于同样的传输线路在同样的网络环境下，采用基于视频流的传输协议进行传输要比基于视频段的传输协议进行传输的传输延迟要低得多，因此，通过该基于移动终端iOS系统的浏览器进行视频播放的播放延迟较低。
附图说明
图1为本发明一个实施例中的工作环境示意图；
图2为图1的移动终端的结构示意图；
图3为第一个实施例的基于移动终端iOS系统的视频播放方法的流程图；
图4为第二个实施例的基于移动终端iOS系统的视频播放方法的流程图；
图5为一个具体实施例的页面层级关系图；
图6为第三个实施例的基于移动终端iOS系统的视频播放方法的流程图；
图7为第一个实施例的基于移动终端的视频播放装置的结构图；
图8为第二个实施例的基于移动终端的视频播放装置的结构图；
图9为第三个实施例的基于移动终端的视频播放装置的结构图。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步的详细说明。应当理解，此处所描述的具体实施方式仅仅用以解释本发明，并不限定本发明的保护范围。
图1示出了本发明一个实施例中的工作环境示意图，如图1所示，其工作环境涉及移动终端110、服务器120以及网络130，移动终端110及服务器120可以通过网络130进行通信。移动终端110通过网络130发送页面请求及视频请求至服务器120，以使移动终端110从服务器120获取页面数据及视频数据进行显示和播放。
移动终端110在一个实施例中的内部结构图如图2所示。该移动终端110包括通过系统总线连接的处理器、非易失性存储介质、网络接口和内存储器。其中，移动终端110的非易失性存储介质存储有操作系统和一种基于移动终端的视频播放装置，该视频播放装置用于实现一种基于移动终端的视频播放方法。移动终端110的处理器用于提供计算和控制能力，支撑整个移动终端110的运行。移动终端110的内存储器为非易失性存储介质中的基于移动终端的视频播放装置的运行提供环境，该内存储器中可储存有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种基于移动终端的视频播放方法。移动终端110的网络接口用于与服务器120通过网络130连接和通信。移动终端110的显示屏可以是液晶显示屏或者电子墨水显示屏等，移动终端110的输入装置可以是显示屏上覆盖的触摸层，也可以是移动终端110的外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。该移动终端110可以是手机、平板电脑或者个人数字助理或穿戴式设备等。本领域技术人员可以理解，图2中示出的结构，仅仅是与本发明实施例方案相关的部分结构的框图，并不构成对本发明实施例方案所应用于其上的移动终端110的限定，具体的移动终端110可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
请结合参阅图3，本实施例提供一种基于移动终端iOS系统的视频播放方法，包括：
S310：当监听到当前打开的页面中存在视频播放事件时，获取页面的视频标签中的视频属性。
当基于iOS系统的移动终端打开一个页面时，需要监听当前打开的页面中是否存在视频播放事件。可以通过向当前打开的页面注入一段javascript(一种直译式脚本语言)脚本，由该脚本监听当前打开的页面中是否存在视频播放事件。
在本实施例中，页面为HTML(Hyper Text Markup Language，超级文本标记语言)页面。视频标签为HTML页面中对视频进行定义的标签。优选地，HTML为HTML5，视频标签为<vidio>标签。
视频标签中可以包括视频属性，视频属性可以为多个，通过视频属性对视频进行具体限定。视频属性至少包括视频流播放地址，即内容提供商提供的页面中的视频标签内至少包括视频流播放地址，也即服务器中存储的页面数据中的视频标签内至少包括视频流播放地址。视频属性还可以包括视频播放模式、视频段播放地址等属性。通过这些视频属性可以限定视频数据的视频流播放地址、视频数据的播放模式、视频段播放地址等。在其中一个具体实施例中，可以通过x5-vidio-player-flvsrc属性来限定视频流播放地址，通过x5-vidio-player-type属性来限定视频数据的播放模式，通过scr属性来限定视频段播放地址。
S320：当视频属性包括视频播放事件对应的待播放视频的视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址。
当视频属性包括视频播放事件对应的待播放视频的视频流的资源地址即视频流播放地址时，可以通过预设播放器来播放视频流而不是播放视频段。播放视频流之前需要获取视频流，而采用基于视频流的传输协议进行传输要比基于视频段的传输协议进行传输的传输延迟要低得多，获取视频流传输延迟比获取视频段的传输延迟要低得多。因此，将视频流播放地址确定为待播放视频的实际播放地址。
视频流播放地址为视频流播放地址属性对应的值。如，视频流播放地址x5-vidio-player-flvsrc＝“http://xxx.flv”时，视频流播放地址即实际播放地址为http://xxx.flv。
需要说明的是，视频流是指以帧为传输单位的视频数据，也可以称为流。在本实施例中，视频流需要区别于视频段。视频段是以文件为传输单位的视频数据。如，HLS协议为传统的iOS系统中的原生播放器所采用的基于HTTP的流媒体网络传输协议，传输内容包括两部分，一是描述文件M3U8，二是媒体文件TS。HLS协议是以文件为视频数据的传输单位的协议。
HLS协议的工作原理是把整个视频数据分成一个个小的基于HTTP的文件来下载，每次只下载一些。当视频数据正在播放时，客户端可以选择从许多不同的备用源中以不同的数据速率下载一个视频数据的不同视频段。在开始一个视频段的下载时，客户端会下载一个包含源数据的描述文件，用于寻找可用的视频段。所以对于视频数据所在的服务器来说，生成好了一个描述文件之后，客户端才可能会拉到这个视频段，这也造成了HLS协议高延迟的问题。若一个描述文件里面所有的分片长度即媒体文件的时长为10s，那么客户端拉到这个视频段的延迟至少为10s。上述的客户端可以设置在移动终端上。
S330：根据实际播放地址获取待播放视频的视频流。
根据实际播放地址，即视频流播放地址可以获取到待播放视频的视频流。在其中一个实施例中，根据实际播放地址连续获取待播放视频的视频流，直至获取到待播放视频对应的全部视频流，如此，可以在视频播放结束前、播放到某一个视频流之前便获取到该视频流及该视频流之后足够多的视频流，从而提高视频播放的流畅性。
视频流可以为基于HTTP的Flv(FlashVideo，流媒体格式)，即HTTP-Flv，也即使用HTTP协议流式的传输媒体内容。另外，由于HTTP本身没有复杂的状态交互内容，HTTP-Flv的延迟可以做到2～5秒，其加载速度更快。
S370：当获取到关键帧的视频流时，调用预设播放器播放视频流。
由于目前移动终端iOS系统的原生播放器并不支持基于视频流的传输协议，因此需要采用预设播放器播放视频流。在本实施例中，预设播放器为预先设定的支持基于视频流的传输协议的视频播放器。如可以为包括FFmpeg(Fast Forward Mpeg，快速前向动态图像专家组，其中，Mpeg为Moving Picture Experts Group的缩写，表示动态图像专家组)解码器的视频播放器。FFmpeg是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。采用LGPL(GNU Lesser General Public License，GNU宽通用公共许可证，其中，GNU，又称革奴计划)或GPL(GNUGeneral Public License，GNU通用公共许可证)许可证。FFmpeg提供了录制、转换以及流化音视频的完整解决方案。通过使用FFmpege编码库可以实现flv、rmvb(RealMedia Variable Bitrate，RealMedia可变比特率，其中，RealMedia为网络流媒体)、rm(RealMedia file format，视频容器文件格式)等诸多格式的视频播放。
可以理解地，在本实施例中，若iOS系统的原生播放器进行升级后可以支持基于视频流的传输协议，则预设播放器可以为升级后的原生播放器。
上述基于移动终端的视频播放方法，当监听到当前打开的页面中存在视频播放事件时，获取页面的视频标签中的视频属性；当视频属性包括视频播放事件对应的待播放视频的视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址；根据实际播放地址获取待播放视频的视频流；当获取到关键帧的视频流时，调用预设播放器播放视频流。由于同样的传输线路在同样的网络环境下，采用基于视频流的传输协议进行传输要比基于视频段的传输协议进行传输的传输延迟要低得多，因此，该基于移动终端iOS系统的视频播放方法的播放延迟较低。
需要说明的是上述基于移动终端的视频播放方法，还可以保证在内容提供商提供有视频播放事件对应的待播放视频的视频流播放地址时，才根据视频属性确定视频播放事件对应的待播放视频的视频流播放地址。并且，在同时包括视频播放事件对应的待播放视频的视频段播放地址的实施例中，只要视频属性包括视频播放事件对应的待播放视频的视频流播放地址，便将视频流播放地址确定为待播放视频的实际播放地址。而不是将视频段播放地址确定为待播放视频的实际播放地址，因此，视频流的播放优先等级高于视频段的播放优先等级。如此，可以兼容视频流和视频段两种形式的视频资源，在页面提供商未提供视频流形式的视频资源时，仍然可以通过视频段形式的视频资源进行视频播放。
在其中一个实施例中，视频播放优选为视频直播。直播的延迟主要来自传输过程耗时(上传、分发、下载)和协议本身造成的延迟。在使用相同的编码方式(如H264编码，一种视频编码方式)的情况下，传输单位的大小是基本一致的，暂不考虑传输过程中网络造成的延迟，单独考虑协议本身造成的延迟。移动终端iOS系统的原生播放器所支持的基于视频段的传输协议(如，HLS协议)是将直播流分成一段一段的视频段进行下载播放。假设描述文件的列表中的包含4个媒体文件，单个媒体文件包含5s的视频内容，那么整体的延迟就是20s。当然可以通过缩短描述文件中列表的长度和单个媒体文件的大小来降低延迟，但这样会造成请求次数的增加，增大服务器压力，损耗带宽以及带来更大的运营成本。因此，iOS系统官方推荐的媒体文件的时长为10s。基于视频流的传输协议(如Http-Flv协议)传输的是流，当播放器获取到第一个关键帧的时候，即可以开始进行解码渲染，不需要等很多的视频流内容，因此延迟较低，一般直播画面可以做到3s以内。
请参阅图4，在其中一个实施例中，将视频流播放地址确定为待播放视频的实际播放地址之后，调用预设播放器播放视频流之前，还包括：
S340：在页面中创建播放器界面。
此时，调用预设播放器播放视频流的方式包括：调用预设播放器在播放器界面内播放视频流。即，当获取到关键帧的视频流时，调用预设播放器在播放器界面内播放视频流。
在本实施例中，预设播放器可以为自定义播放器。自定义播放器是指iOS系统原生播放器之外的、支持基于视频流的传输协议的播放器。需要说的是，原生播放器原有的、嵌入在页面中的播放界面在本实施例中，不进行显示。在一些实施例中，可以通过将原生播放器的播放界面设置为隐藏或透明显示的方式，而不显示原生播放器的播放界面。在另一些实施例中，由于并未获取到原生视频播放器所支持的视频数据的资源，此时，并不会显示原生播放器的播放界面，因此，无需额外的动作便可以使原生播放器的播放界面不进行显示。
在播放视频数据之前，需要先在页面中创建播放器界面。然后，在获取到关键帧的时候，调用预设播放器在播放器界面内播放获取到的视频流。在其中一个具体实施例中，当获取到第一关键帧的视频流时，调用预设播放器在播放器界面内播放视频流，从而进一步降低播放延迟。可以理解地，在其它实施例中，可以在获取到第预设关键帧的视频流时，便调用预设播放器在播放器界面内播放获取到的视频流。其中，预设关键帧为第一关键帧之后的关键帧，如此，可以使得播放视频时的流畅性更好。
请继续参阅图4，在其中一个实施例中，当获取到关键帧的视频流时，在调用预设播放器播放视频流之前，还包括：
S350：将播放器界面加入到页面的页面渲染控件的下层。
S360：将页面渲染控件中遮挡播放器界面的非交互性元素进行隐藏。
在本实施例中，预设播放器为自定义播放器。需要说明的是，原生播放器可以直接插入到页面元素的层级当中；但是，由于iOS系统的特性限制，自定义播放器不能像原生播放器那样直接插入到页面元素的层级中。可以通过移动终端将播放器界面加入到页面的页面渲染控件的下层(如图5所示)，从而能够使得页面上的交互性元素仍然能够正常使用。页面渲染控件可以为UIWebView控件，UIWebView控件为iOS系统中用于页面渲染的标准控件。交互性元素是指在视频播放过程中用于与用户进行交互的元素，通过交互性元素可以实现点赞、送花、评论等页面交互功能。
为了避免页面渲染控件的非交互性元素遮挡到视频数据的播放，在本实施例中，需要将页面渲染控件中遮挡播放器界面的非交互性元素进行隐藏。非交互性元素是指无需用于与用户进行交互的元素，如可页面背景、背景颜色等。可以通过将非交互性元素的显示属性设置为透明显示的方式对非交互性元素进行隐藏。
可以理解地，在其它实施例中，可以通过内容提供商提供将播放器界面加入到页面的页面渲染控件的下层、将页面渲染控件中遮挡播放器界面的非交互性元素进行隐藏的页面的方式，来实现页面上的交互性元素仍然能够正常使用的效果。
请参阅图6，在其中一个实施例中，在调用预设播放器播放视频流之前，还包括：
S350：将播放器界面加入到页面的页面渲染控件的上层。
S360：将页面渲染控件中的交互性元素显示在播放器界面之外。
在本实施例中，预设播放器为自定义播放器。可以通过移动终端将播放器界面加入到页面的页面渲染控件的上层、将页面渲染控件中的交互性元素显示在播放器界面之外的方式，使得视频数据可以正常显示的同时具备交互性。需要说明的是，本实施例与图4的实施例中的相同细节技术特征不再赘述。
可以理解地，在其它实施例中，可以通过内容提供商提供将播放器界面加入到页面的页面渲染控件的上层、将页面渲染控件中的交互性元素显示在播放器界面之外的页面的方式，来实现页面上的交互性元素仍然能够正常使用的效果。
在其中一个实施例中，视频属性包括播放模式属性和播放地址属性；
当视频属性包括视频播放事件对应的待播放视频的视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址的步骤，包括：
当播放模式包括流式协议的播放模式、播放地址属性包括视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址。此时，预设播放器为支持流式协议的播放器。
在本实施例中，视频属性不仅包括播放地址属性，还包括播放模式属性，即内容提供商提供的页面中，也即服务器中存储的页面数据中，视频标签内还包括播放模式属性。根据视频属性中的播放模式属性可以确定视频播放事件对应的待播放视频的播放模式。待播放视频的播放模式即为该视频数据的播放模式的属性对应的值。如，视频数据的播放模式x5-vidio-player-type＝“h5”时，待播放视频的播放模式为“h5”对应的播放模式，其中，h5表示支持视频流的流式协议对应的播放模式。
请参阅图7，一种与上述基于移动终端iOS系统的视频播放方法对应基于移动终端iOS系统的视频播放装置。该视频播放装置可以为固化的浏览器的一个组件，或浏览器的一个固化的插件。基于移动终端iOS系统的视频播放装置，包括：
监听获取模块710，用于当视频属性包括视频播放事件对应的待播放视频的视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址。
地址确定模块720，用于根据视频属性确定视频播放事件对应的待播放视频的视频流的播放地址。
视频流获取模块730，用于根据播放地址获取待播放视频的视频流。
视频流播放模块770，用于当获取到关键帧的视频流时，调用预设播放器播放视频流。
请参阅图8，在其中一个实施例中，还包括界面创建模块740。
界面创建模块740，用于在页面中创建播放器界面。
所视频流播放模块770，用于当获取到关键帧的视频流时，调用预设播放器在播放器界面内播放视频流。
在其中一个实施例中，还包括界面加入模块750及元素隐藏模块760。
界面加入模块750，用于将播放器界面加入到页面的页面渲染控件的下层。
元素隐藏模块760，用于将页面渲染控件中遮挡播放器界面的非交互性元素进行隐藏。
请参阅图9，在其中一个实施例中，还包括界面加入模块750及元素显示模块760。
界面加入模块750，用于将播放器界面加入到页面的页面渲染控件的上层。
元素显示模块760，用于将页面渲染控件中的交互性元素显示在播放器界面之外。
请继续参阅图7，在其中一个实施例中，视频属性包括播放模式属性和播放地址属性。
地址确定模块720，用于当播放模式包括流式协议的播放模式、播放地址属性包括视频流播放地址时，将视频流播放地址确定为待播放视频的实际播放地址；预设播放器为支持流式协议的播放器。
由于上述基于移动终端iOS系统的视频播放装置与上述基于移动终端iOS系统的视频方法相互对应，对于装置中与上述方法对应的具体技术特征，在此不再赘述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性的计算机可读取存储介质中，如本发明实施例中，该程序可存储于计算机系统的存储介质中，并被该计算机系统中的至少一个处理器执行，以实现包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。
以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
Claims (12)
1.一种基于移动终端iOS系统的视频播放方法，所述iOS系统的原生播放器支持基于视频段的传输协议，其特征在于，包括：
当基于iOS系统的移动终端的浏览器监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；所述视频属性还包括播放模式属性，通过播放模式属性限定视频数据的模式为视频流播放；
当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；所述视频属性还包括视频播放事件对应的待播放视频的视频段播放地址；
根据所述实际播放地址获取所述待播放视频的视频流；
当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流，所述预设播放器为iOS系统原生播放器之外的、支持基于视频流的传输协议的播放器。
2.根据权利要求1所述的基于移动终端iOS系统的视频播放方法，其特征在于，将所述视频流播放地址确定为所述待播放视频的实际播放地址之后，调用预设播放器播放所述视频流之前，还包括：在所述页面中创建播放器界面；
调用预设播放器播放所述视频流的方式包括：调用预设播放器在所述播放器界面内播放所述视频流。
3.根据权利要求2所述的基于移动终端iOS系统的视频播放方法，其特征在于，在调用预设播放器播放所述视频流之前，还包括：
将所述播放器界面加入到所述页面的页面渲染控件的下层；
将所述页面渲染控件中遮挡所述播放器界面的非交互性元素进行隐藏。
4.根据权利要求2所述的基于移动终端iOS系统的视频播放方法，其特征在于，在调用预设播放器播放所述视频流之前，还包括：
将所述播放器界面加入到所述页面的页面渲染控件的上层；
将所述页面渲染控件中的交互性元素显示在所述播放器界面之外。
5.根据权利要求1所述的基于移动终端iOS系统的视频播放方法，其特征在于，所述视频属性包括播放模式属性和播放地址属性；
所述当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址的步骤，包括：
当所述播放模式包括流式协议的播放模式、所述播放地址属性包括视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；所述预设播放器为支持所述流式协议的播放器。
6.一种基于移动终端iOS系统的视频播放装置，所述iOS系统的原生播放器支持基于视频段的传输协议，其特征在于，包括：
监听获取模块，用于当基于iOS系统的移动终端的浏览器监听到当前打开的页面中存在视频播放事件时，获取所述页面的视频标签中的视频属性；所述视频属性还包括播放模式属性，通过播放模式属性限定视频数据的模式为视频流播放；
地址确定模块，用于当视频属性包括所述视频播放事件对应的待播放视频的视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；所述视频属性还包括视频播放事件对应的待播放视频的视频段播放地址；
视频流获取模块，用于根据所述播放地址获取所述待播放视频的视频流；
视频流播放模块，用于当获取到关键帧的所述视频流时，调用预设播放器播放所述视频流，所述预设播放器为iOS系统原生播放器之外的、支持基于视频流的传输协议的播放器。
7.根据权利要求6所述的基于移动终端iOS系统的视频播放装置，其特征在于，还包括界面创建模块；
所述界面创建模块，用于在所述页面中创建播放器界面；
所视频流播放模块，用于当获取到关键帧的所述视频流时，调用预设播放器在所述播放器界面内播放所述视频流。
8.根据权利要求7所述的基于移动终端iOS系统的视频播放装置，其特征在于，还包括界面加入模块及元素隐藏模块；
所述界面加入模块，用于将所述播放器界面加入到所述页面的页面渲染控件的下层；
所述元素隐藏模块，用于将所述页面渲染控件中遮挡所述播放器界面的非交互性元素进行隐藏。
9.根据权利要求7所述的基于移动终端iOS系统的视频播放装置，其特征在于，还包括界面加入模块及元素显示模块；
所述界面加入模块，用于将所述播放器界面加入到所述页面的页面渲染控件的上层；
所述元素显示模块，用于将所述页面渲染控件中的交互性元素显示在所述播放器界面之外。
10.根据权利要求6所述的基于移动终端iOS系统的视频播放装置，其特征在于，所述视频属性包括播放模式属性和播放地址属性；
所述地址确定模块，用于当所述播放模式包括流式协议的播放模式、所述播放地址属性包括视频流播放地址时，将所述视频流播放地址确定为所述待播放视频的实际播放地址；所述预设播放器为支持所述流式协议的播放器。
11.一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1-5任意一项所述方法的步骤。
12.一种计算机存储介质，所述计算机存储介质上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现权利要求1-5任意一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710084712.XA CN108449645B (zh) | 2017-02-16 | 2017-02-16 | 基于移动终端iOS系统的视频播放方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710084712.XA CN108449645B (zh) | 2017-02-16 | 2017-02-16 | 基于移动终端iOS系统的视频播放方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108449645A CN108449645A (zh) | 2018-08-24 |
| CN108449645B true CN108449645B (zh) | 2022-02-01 |
Family
ID=63190817
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710084712.XA Active CN108449645B (zh) | 2017-02-16 | 2017-02-16 | 基于移动终端iOS系统的视频播放方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108449645B (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102740159A (zh) * | 2011-03-31 | 2012-10-17 | 丛林网络公司 | 媒体文件存储格式和自适应传送系统 |
| CN104967909A (zh) * | 2014-09-19 | 2015-10-07 | 腾讯科技（深圳）有限公司 | 页面视频播放方法及页面视频播放装置 |
| CN105208442A (zh) * | 2014-06-27 | 2015-12-30 | 贝壳网际（北京）安全技术有限公司 | 一种视频播放应用程序的视频播放方法及装置 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070050837A1 (en) * | 2005-08-25 | 2007-03-01 | Lopez-Estrada Alex A | Method, apparatus and system for generating and distributing rich digital bookmarks for digital content navigation |
-
2017
- 2017-02-16 CN CN201710084712.XA patent/CN108449645B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102740159A (zh) * | 2011-03-31 | 2012-10-17 | 丛林网络公司 | 媒体文件存储格式和自适应传送系统 |
| CN105208442A (zh) * | 2014-06-27 | 2015-12-30 | 贝壳网际（北京）安全技术有限公司 | 一种视频播放应用程序的视频播放方法及装置 |
| CN104967909A (zh) * | 2014-09-19 | 2015-10-07 | 腾讯科技（深圳）有限公司 | 页面视频播放方法及页面视频播放装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108449645A (zh) | 2018-08-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| D'Acunto et al. | Using MPEG DASH SRD for zoomable and navigable video | |
| WO2020233142A1 (zh) | 多媒体文件播放方法、装置、电子设备和存储介质 | |
| US9344517B2 (en) | Downloading and adaptive streaming of multimedia content to a device with cache assist | |
| CN110324671B (zh) | 网页视频播放方法及装置、电子设备及存储介质 | |
| US20180338166A1 (en) | Remotely validating a webpage video stream | |
| US9792363B2 (en) | Video display method | |
| US10149020B2 (en) | Method for playing a media stream in a browser application | |
| CA2943975C (en) | Method for associating media files with additional content | |
| US20130317919A1 (en) | System and method for multimedia content publishing on multiple platforms | |
| JP2015530002A (ja) | 動的適応ストリーミングオーバーハイパーテキスト転送プロトコルクライアント挙動フレームワークおよびセッション管理の実装 | |
| CN104469528B (zh) | 一种进行视频数据加载的方法、装置和浏览器客户端 | |
| US11503347B2 (en) | Method of playing video, computing device, and computer program product | |
| US20210168464A1 (en) | Html5-based audio/video playing method and apparatus, and live audio/video streaming method and system | |
| US10419798B2 (en) | Method and apparatus for just-in-time transcoding | |
| CN107517411B (zh) | 一种基于GStreamer框架的视频播放方法 | |
| CN112995698A (zh) | 一种视频播放方法、客户端、服务平台及智能会议系统 | |
| US20220321972A1 (en) | Transmitting content based on genre information | |
| US20150268808A1 (en) | Method, Device and System for Multi-Speed Playing | |
| EP3125541A1 (en) | Data acquisition and interaction method, set top box, server and multimedia system | |
| CN112954431A (zh) | 视频播放方法、装置、视频播放设备及可读存储介质 | |
| CN108632644B (zh) | 预览图的展示方法以及设备 | |
| CN108449645B (zh) | 基于移动终端iOS系统的视频播放方法及装置 | |
| KR20140090659A (ko) | 멀티미디어 자산을 렌더링하는 방법, 관련 시스템, 미디어 클라이언트 및 관련 미디어 서버 | |
| Cruz et al. | A personalized HTTP adaptive streaming WebTV | |
| CN113139090A (zh) | 交互方法、装置、电子设备及计算机可读存储介质 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20221116 Address after: 1402, Floor 14, Block A, Haina Baichuan Headquarters Building, No. 6, Baoxing Road, Haibin Community, Xin'an Street, Bao'an District, Shenzhen, Guangdong 518100 Patentee after: Shenzhen Yayue Technology Co.,Ltd. Address before: 518000 Tencent Building, No. 1 High-tech Zone, Nanshan District, Shenzhen City, Guangdong Province, 35 Floors Patentee before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |
|
| TR01 | Transfer of patent right |