流式播放互动绘本播放方法、系统和计算机可读存储介质与流程

发明领域

本发明涉及一种流式播放互动绘本播放方法、系统和计算机可读存储介质，属于媒体播放技术领域。

背景技术：

绘本主要是针对儿童的出版读物，主要内容为图画，一般同时会有简单的文字说明。随着数字化产品的发展，尤其是手机，平板电脑以及智能电视都智能互联设备的普及，传统的印刷出版类绘本需要有更便利与传播和使用的数字化版本。

目前在数字化绘本的阅读实现技术主要有两种类型的方案：

直接将出版物数字化成静态图片，可以直接在线浏览,但是不能和使用者有任何的互动。典型产品如:咔哒故事。

基于绘本资源做深度加工，在出版物的静态图片基础上提供动画，声音，交互等更多的互动效果，一般会生产为一个较大的文件，需要下载后使用专有的播放器播放。典型产品如:袋鼠跳跳。

技术实现要素：

有鉴于此，本发明的目的在于基于html5技术，在保留了可直接在线流式播放特性的基础上，同时具备丰富的动画交互效果，并且无需安装专有软件，在具备html5支持的浏览器环境下即可阅读体验。

为了实现上述目的，本发明提供的技术方案如下：

一种流式播放互动绘本播放方法，其特征在于，所述方法包括以下步骤：

(1)互动绘本的制作：绘本的制作过程是将数字化的文字、图片、音频、视频资源进行组织加工，通过javascript脚本描述为有动画可交互的形式；

(2)互动绘本的发布：绘本制作完成后，将绘本以索引加内容片段的方式发布到内容分发网络(cdn)服务上，供播放系统访问使用；

(3)互动绘本的阅读：互动绘本播放系统加载已经发布到cdn的绘本资源，展示给用户。

进一步的，互动绘本播放系统加载绘本的过程如下：

(1)下载索引文件；

(2)构建加载缓冲队列；缓冲队列是指在用户阅读过程中，为确保翻页过程不出现加载提示，优化体验，在后台自动缓存下来的绘本页数；

(3)下载队列中的资源和脚本；

(4)渲染显示；根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互；

(5)交互和反馈；在渲染完成后的绘本场景下，播放系统在脚本代码的控制下，可接受用户的交互输入，并根据输入给予用户新的反馈。

其中，绘本资源加载的缓冲队列由两个要素决定：

(1)设备的性能，根据设备可用内存的大小，决定队列的大小，设备可用内存小于1gb的设备，将缓冲队列的大小限定为5页，可用内存大于1gb的设备，缓冲队列大小设定为9页；

(2)用户当前阅读进度，用户当前阅读到哪一页，决定当前队列中的具体元素；用户当前阅读进度为第n页，当前队列大小设定为q页，则当前的缓冲队列可描述为：

进一步的，下载队列中的资源和脚本包括图片、音频、视频、字体以及控制动画和交互的脚本代码。

进一步的，用户的交互输入包括触摸、体感、摄像头、语音输入；给予用户新的反馈包括播放动画、播放音频、震动设备。

本发明的另一目的在于提供一种流式播放的互动绘本播放系统，用于执行上述方法。

本发明的又一目的在于提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。

与现有技术相比，本发明至少具有以下有益效果：

1、绘本的数字化描述方式为独立的索引文件加上描述绘本内容的图片、文本、声音、视频资源。

2、绘本的渲染是通过可编程的脚本代码控制的，在脚本中可对资源(图片、文本、声音、视频)等进行重组控制。

3、由于上述2条特征，播放系统加载绘本的过程是流式加载的过程，即只需要加载用户当前阅读的部分就能够实现绘本内容的展示并可以和用户交互。同时在和用户的交互过程中又可以改变绘本的加载和播放进程。

4、绘本的播放和交互过程不依赖特定的软件环境，可在任何安装了支持html5标准的浏览器的智能设备上使用。

附图描述

图1为本发明一典型实施例中包含的三个主要流程的示意图；

图2为本发明一典型实施例中互动绘本播放系统加载绘本的过程；

图3为本发明一典型实施例中用户交互反馈的流程图。

具体实施方式

为了使本技术领域的人员更好地理解本发明中的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

以下结合附图及典型实施例对本发明的技术方案作更为具体的解释说明。

参阅图1，在本发明的一典型实施例中，本发明的流式播放互动绘本的方法包含三个主要流程：

一、互动绘本的制作。绘本的制作过程是将数字化的文字、图片、音频、视频资源进行组织加工，通过javascript脚本描述为有动画可交互的形式。

二、互动绘本的发布。制作完成后，将绘本以索引加内容片段的方式发布到内容分发网络(cdn)服务上，供播放系统访问使用。

三、互动绘本的阅读。互动绘本播放系统加载已经发布到cdn的绘本资源，展示给用户。

如图2、3所示，互动绘本播放系统加载绘本的过程及用户交互反馈的流程描述如下：

1.下载索引文件。

2.构建加载缓冲队列，缓冲队列是指在用户阅读过程中，为确保翻页过程不出现加载提示，优化体验，在后台自动缓存下来的绘本页数。绘本资源加载的缓冲队列由2个要素决定：

●设备的性能，根据设备可用内存的大小，决定队列的大小，设备可用内存小于1gb的设备，将缓冲队列的大小限定为5页，可用内存大于1gb的设备，缓冲队列大小设定为9页。

●用户当前阅读进度，用户当前阅读到哪一页，决定当前队列中的具体元素。假定用户当前阅读进度为第n页，当前队列大小设定为q页，则当前的缓冲队列可描述为：

3.下载队列中的资源和脚本，包括图片，音频，视频，字体以及控制动画和交互的脚本代码。

4.渲染显示。根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互。

5.交互和反馈。在渲染完成后的绘本场景下，播放系统在脚本代码的控制下，可接受用户的触摸、体感(晃动手机)、摄像头、语音输入，并根据输入给予用户新的反馈，包括播放动画、播放音频、震动设备等。

本发明的另一方面提供了一种流式播放的互动绘本播放系统，用于执行上述方法。

本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。

此外，应当理解，虽然本说明书按照实施方式加以描述，但并非每个实施方式仅包含一个独立的技术方案，说明书的这种叙述方式仅仅是为清楚起见，本领域技术人员应当将说明书作为一个整体，各实施例中的技术方案也可以经适当组合，形成本领域技术人员可以理解的其他实施方式。