[发明专利]基于浏览器的视频帧切换方法、装置和存储介质

权利要求书

1.一种基于浏览器的视频帧切换方法，其特征在于，所述方法包括：

接收播放请求，开启由第一组件播放所述视频流的第一浏览器播放状态，触发所述第一组件创建画布以及第二组件创建画布，建立所述第一组件与视频流的连接以及所述第二组件与所述视频流的连接；在所述第二组件与所述视频流建立连接并获得所述视频流的第一帧数据时将所述第二组件的视频暂停，将所述第一组件的画布覆盖于所述第二组件的画布之上；其中，在所述第一组件与所述视频流建立连接下，所述第一组件能够播放所述视频流，在所述第二组件与所述视频流建立连接下，所述第二组件能够播放所述视频流；

接收上下帧切换请求，根据所述上下帧切换请求获取相对应的视频帧数据；其中，所述视频帧数据是通过所述第二组件从所述视频流中拉取的，所述第二组件能够对所述视频流中的任何一帧数据进行访问；

由所述第一浏览器播放状态切换为第二浏览器播放状态，其中，所述第一浏览器播放状态为由所述第一组件播放所述视频流的浏览器播放状态，所述第二浏览器播放状态为由所述第二组件播放与所述上下帧切换请求相对应的视频帧数据的浏览器播放状态，所述第一组件播放视频所消耗的内存量小于所述第二组件播放视频所消耗的内存量。

2.根据权利要求1所述的基于浏览器的视频帧切换方法，其特征在于，由所述第二组件播放与所述上下帧切换请求相对应的视频帧数据包括：

将与所述上下帧切换请求相对应的视频帧数据绘制于所述第二组件的画布中，通过所述第二组件的画布播放与所述上下帧切换请求相对应的视频帧数据。

3.根据权利要求2所述的基于浏览器的视频帧切换方法，其特征在于，由所述第二组件播放与所述上下帧切换请求相对应的视频帧数据还包括：

将所述第一组件的画布移出浏览器的可视区域。

4.根据权利要求1所述的基于浏览器的视频帧切换方法，其特征在于，接收上下帧切换请求，根据所述上下帧切换请求获取相对应的视频帧数据包括：接收上下帧切换请求，根据所述上下帧切换请求从所述第二组件的存储区域中获取与所述上下帧切换请求相对应的视频帧数据；

所述方法还包括：接收暂停请求，响应于所述暂停请求触发所述第二组件从所述视频流中拉取与所述暂停请求的时刻相对应的视频帧数据，并将所拉取的视频帧数据存储于所述第二组件的存储区域中。

5.根据权利要求4所述的基于浏览器的视频帧切换方法，其特征在于，响应于所述暂停请求触发所述第二组件从所述视频流中拉取与所述暂停请求的时刻相对应的视频帧数据，并将所拉取的视频帧数据存储于所述第二组件的存储区域中包括：

响应于所述暂停请求判断所述第二组件的存储区域中是否存储有与所述暂停请求的时刻相对应的视频帧数据；

若所述第二组件的存储区域中未存储有与所述暂停请求的时刻相对应的视频帧数据，触发所述第二组件从所述视频流中拉取与所述暂停请求的时刻相对应的视频帧数据，并将所拉取的视频帧数据存储于所述第二组件的存储区域中。

6.根据权利要求1所述的基于浏览器的视频帧切换方法，其特征在于，所述浏览器采用HTML5技术。

7.根据权利要求6所述的基于浏览器的视频帧切换方法，其特征在于，所述第一组件为video组件，所述第二组件为canvas组件。

8.一种基于浏览器的视频帧切换装置，其特征在于，所述装置包括：获取模块和切换模块；

所述获取模块，用于接收上下帧切换请求，根据所述上下帧切换请求获取相对应的视频帧数据；其中，所述视频帧数据是通过第二组件从视频流中拉取的，所述第二组件能够对所述视频流中的任何一帧数据进行访问；

所述切换模块，用于由第一浏览器播放状态切换为第二浏览器播放状态，其中，所述第一浏览器播放状态为由第一组件播放所述视频流的浏览器播放状态，所述第二浏览器播放状态为由所述第二组件播放与所述上下帧切换请求相对应的视频帧数据的浏览器播放状态，所述第一组件播放视频所消耗的内存量小于所述第二组件播放视频所消耗的内存量。