[发明专利]一种基于HTML5的VR在线播放方法、系统及播放器

权利要求书

1.一种基于HTML5的VR在线播放方法，其特征在于，包括：

创建球体模型；

获取全景视频采集装置采集的多个视频数据的每一帧数据，将所述数据转换成支持的格式后，渲染到球体模型上，得到全景视频；

接收基于客户端载体发送的角度变换数据，根据角度变换数据调整球体模型视图矩阵值。

2.如权利要求1所述的方法，其特征在于，所述创建球体模型，包括：

在服务器内存中建立至少一个球体缓冲区，形成至少一个球体模型。

3.如权利要求1所述的方法，其特征在于，所述获取全景视频采集装置采集的多个视频数据的每一帧数据，将所述数据转换成支持的格式后，渲染到球体模型上，得到全景视频，包括：

监听并获取全景视频采集装置采集的多个视频数据的每一帧数据；

将所述每一帧数据转换成支持的格式后，贴在球体模型的球面纹理上，并将球面纹理附着于球体模型上之后，合成多个视频数据，得到全景视频。

4.如权利要求3所述的方法，其特征在于，所述监听并获取全景视频采集装置采集的多个视频数据的每一帧数据，将所述每一帧数据转换成支持的格式后，贴在球体模型的球面纹理上，并将球面纹理附着于球体模型上之后，合成多个视频数据，得到全景视频包括：

创建Video组件，为Video组件设置playsinline属性，监听并获取全景视频采集装置采集的多个视频数据的Video的Play、Puse和Ended事件；

在Video的onPlay事件中做三维场景的初始化，初始化动作包括：

创建场景；

通过透视投影算法为场景添加透视相机；

将视频数据创建为视频纹理；

创建材质，将视频纹理贴在材质上；

创建网格，将材质附着于球体缓冲区上；

创建渲染器，将渲染器渲染后的画面绘制在Canvas上，通过透视相机使用透视投影算法获得Canvas上的画面。

5.如权利要求3所述的方法，其特征在于，所述监听并获取全景视频采集装置采集的多个视频数据的每一帧数据，将所述每一帧数据转换成支持的格式后，贴在球体模型的球面纹理上，并将球面纹理附着于球体模型上之后，合成多个视频数据，得到全景视频包括：

创建Video组件，为Video组件设置playsinline属性，监听并获取全景视频采集装置采集的多个视频数据的Video的Play、Puse和Ended事件；

在Video的onPlay事件中做三维场景的初始化，初始化动作包括：

创建Canvas，将Video的每帧画面复制于Cavans上；

创建场景；

通过透视投影算法为场景添加透视相机；

将视频数据创建为视频纹理；

创建材质，将视频纹理贴在材质上；

创建网格；将材质附着于球体缓冲区上；

创建渲染器，将渲染器渲染后的画面绘制在Canvas上，通过透视相机使用透视投影算法获得Canvas上的画面。

6.如权利要求1所述的方法，其特征在于，所述接收基于客户端载体发送的角度变换数据，根据角度变换数据调整球体模型视图矩阵值，包括：

接收基于客户端载体发送的手势变换数据或通过角度传感器及重力传感器获取的客户端角度及重力变换数据；

通过创建的重力及触摸控制组件根据角度及重力反馈的变换数据，实现拖动，调整场景相机的视角；

在渲染过程中更新重力及触摸组件的数据信息，同时更新场景和相机数据；或在渲染过程中先完成Video画面的拷贝，更新重力及触摸组件的数据信息，同时更新场景和相机数据。

7.一种基于HTML5的VR在线播放系统，其特征在于，包括：

创建模块，用于创建球体模型；

渲染模块，用于获取全景视频采集装置采集的多个视频数据的每一帧数据，将所述数据转换成支持的格式后，渲染到球体模型上，得到全景视频；

调整模块，用于接收基于客户端载体发送的角度变换数据，根据角度变换数据调整球体模型视图矩阵值。

8.如权利要求7所述的系统，其特征在于，所述创建模块，包括：

创建单元，用于在服务器内存中建立至少一个球体缓冲区，形成至少一个球体模型。