[发明专利]一种基于HTML5video的多分片视频播放方法及装置

说明书

技术领域

本发明涉及媒体播放技术，特别是基于HTML5的媒体播放技术。 

背景技术

当前在线视频网站的播放器分为两大类实现技术：Flash实现技术和HTML5实现技术。Flash由于耗电等特性在移动平台上表现欠佳，为了满足移动平台用户在线观看视频的需求，各企业积极研发HTML5的播放技术。美国最大的在线视频网站Youtube率先推出了HTML5播放器，其他网站也有跟进。 

现有的HTML5媒体播放器技术普遍利用HTML5，CSS以及JavaScript技术来实现，主要工作原理都是用CSS来构建播放器外观，再用JavaScript组件来获取视频地址，然后利用HTML5中的<video>标签来实现视频内容的获取和播放。而事实是，当前，只有一些先进的浏览器(如Chrome，Firefox，IE9)才支持HTML5的<video>。 

目前的HTML5播放器技术有一个重大缺陷：它不支持多分片视频架构。而国内的视频网站却往往采用多分片视频架构的方式进行存储和分发。所述之多分片视频架构是指：将一个大的视频文件切分为多个小分片，从而带来存储、分发及带宽控制上的便利。所以，如果把现有基于HTML 5的播放器应用于国内的视频网站，那么就必然导致跨分片时的视频停顿或者画面抖动。而本发明则提出一种新的HTML5多分片视频播放技术，能够较好的适应多分片视频架构，并能消除分片切换过程中明显的卡播和画面闪动现象。 

发明内容

本发明实现一种基于HTML5 video的多分片视频播放技术，巧妙设计face_video和buffer_video无缝兼容国内主流的多分片视频分发机制，在视频播放完成以及视频内容全局搜寻时，合理切换face_video和buffer_video的状态，保障流畅观看的同时，节省视频服务商的带宽。 

本发明提供一种基于HTML5播放器的多分片视频播放方法，包括：向索引 服务器发送HTTP请求，该请求中携带视频ID(video_id)信息；接收索引服务器根据视频ID(video_id)返回的视频元数据信息，该元数据信息包括时长、分片数、各分片的时长、分片地址；设置第一播放单元和第二播放单元的属性，使得第一播放单元可以显示给用户，而第二播放单元隐藏在后台加载内容；向内容服务器请求视频数据内容，使第一播放单元加载并播放第一段分片的内容，而第二播放单元在后台加载第二段分片的内容；当第一播放单元将第一段分片播放完后，改变第一播放单元和第二播放单元的属性，使得第二播放单元可以显示给用户，并播放已加载的第二段分片的内容，而第一播放单元被隐藏在后台执行，开始加载第三段分片的内容，如此循环直到所有分片被播放完。 

其中所述第一播放单元和第二播放单元的功能利用HTML组件的video标签来实现。 

所述方法利用JavaScript组件来实现。 

其中通过设置播放单元的css style.display属性来控制其是显示给用户还是隐藏在后台。 

本发明还提供了一种基于HTML5播放器的多分片视频播放装置，包括：向索引服务器发送HTTP请求的单元，该请求中携带视频ID(video_id)信息；接收索引服务器根据视频ID(video_id)返回的视频元数据信息的单元，该元数据信息包括时长、分片数、各分片的时长、分片地址；设置第一播放单元和第二播放单元的属性，使得第一播放单元可以显示给用户，而第二播放单元隐藏在后台加载内容的单元；向内容服务器请求视频数据内容，使第一播放单元加载并播放第一段分片的内容，而第二播放单元在后台加载第二段分片的内容的单元；当第一播放单元将第一段分片播放完后，改变第一播放单元和第二播放单元的属性，使得第二播放单元可以显示给用户，并播放已加载的第二段分片的内容，而第一播放单元被隐藏在后台执行，开始加载第三段分片的内容，如此循环直到所有分片被播放完的单元。 

其中所述第一播放单元和第二播放单元的功能利用HTML组件的video标签来实现。 

所述装置利用JavaScript组件来实现。 

其中通过设置播放单元的css style.display属性来控制其是显示给用户还是 隐藏在后台。