發(fā)明領(lǐng)域

本發(fā)明涉及一種流式播放互動繪本播放方法、系統(tǒng)和計算機可讀存儲介質(zhì)，屬于媒體播放技術(shù)領(lǐng)域。

背景技術(shù)：

繪本主要是針對兒童的出版讀物，主要內(nèi)容為圖畫，一般同時會有簡單的文字說明。隨著數(shù)字化產(chǎn)品的發(fā)展，尤其是手機，平板電腦以及智能電視都智能互聯(lián)設(shè)備的普及，傳統(tǒng)的印刷出版類繪本需要有更便利與傳播和使用的數(shù)字化版本。

目前在數(shù)字化繪本的閱讀實現(xiàn)技術(shù)主要有兩種類型的方案：

直接將出版物數(shù)字化成靜態(tài)圖片，可以直接在線瀏覽,但是不能和使用者有任何的互動。典型產(chǎn)品如:咔噠故事。

基于繪本資源做深度加工，在出版物的靜態(tài)圖片基礎(chǔ)上提供動畫，聲音，交互等更多的互動效果，一般會生產(chǎn)為一個較大的文件，需要下載后使用專有的播放器播放。典型產(chǎn)品如:袋鼠跳跳。

技術(shù)實現(xiàn)要素：

有鑒于此，本發(fā)明的目的在于基于html5技術(shù)，在保留了可直接在線流式播放特性的基礎(chǔ)上，同時具備豐富的動畫交互效果，并且無需安裝專有軟件，在具備html5支持的瀏覽器環(huán)境下即可閱讀體驗。

為了實現(xiàn)上述目的，本發(fā)明提供的技術(shù)方案如下：

一種流式播放互動繪本播放方法，其特征在于，所述方法包括以下步驟：

(1)互動繪本的制作：繪本的制作過程是將數(shù)字化的文字、圖片、音頻、視頻資源進行組織加工，通過javascript腳本描述為有動畫可交互的形式；

(2)互動繪本的發(fā)布：繪本制作完成后，將繪本以索引加內(nèi)容片段的方式發(fā)布到內(nèi)容分發(fā)網(wǎng)絡(luò)(cdn)服務(wù)上，供播放系統(tǒng)訪問使用；

(3)互動繪本的閱讀：互動繪本播放系統(tǒng)加載已經(jīng)發(fā)布到cdn的繪本資源，展示給用戶。

進一步的，互動繪本播放系統(tǒng)加載繪本的過程如下：

(1)下載索引文件；

(2)構(gòu)建加載緩沖隊列；緩沖隊列是指在用戶閱讀過程中，為確保翻頁過程不出現(xiàn)加載提示，優(yōu)化體驗，在后臺自動緩存下來的繪本頁數(shù)；

(3)下載隊列中的資源和腳本；

(4)渲染顯示；根據(jù)下載完成的腳本，渲染繪制繪本的圖像展示，并根據(jù)腳本代碼播放音視頻資源，同時等待用戶交互；

(5)交互和反饋；在渲染完成后的繪本場景下，播放系統(tǒng)在腳本代碼的控制下，可接受用戶的交互輸入，并根據(jù)輸入給予用戶新的反饋。

其中，繪本資源加載的緩沖隊列由兩個要素決定：

(1)設(shè)備的性能，根據(jù)設(shè)備可用內(nèi)存的大小，決定隊列的大小，設(shè)備可用內(nèi)存小于1gb的設(shè)備，將緩沖隊列的大小限定為5頁，可用內(nèi)存大于1gb的設(shè)備，緩沖隊列大小設(shè)定為9頁；

(2)用戶當(dāng)前閱讀進度，用戶當(dāng)前閱讀到哪一頁，決定當(dāng)前隊列中的具體元素；用戶當(dāng)前閱讀進度為第n頁，當(dāng)前隊列大小設(shè)定為q頁，則當(dāng)前的緩沖隊列可描述為：

進一步的，下載隊列中的資源和腳本包括圖片、音頻、視頻、字體以及控制動畫和交互的腳本代碼。

進一步的，用戶的交互輸入包括觸摸、體感、攝像頭、語音輸入；給予用戶新的反饋包括播放動畫、播放音頻、震動設(shè)備。

本發(fā)明的另一目的在于提供一種流式播放的互動繪本播放系統(tǒng)，用于執(zhí)行上述方法。

本發(fā)明的又一目的在于提供一種計算機可讀存儲介質(zhì)，其上存儲有計算機程序，該程序被處理器執(zhí)行時實現(xiàn)上述方法的步驟。

與現(xiàn)有技術(shù)相比，本發(fā)明至少具有以下有益效果：

1、繪本的數(shù)字化描述方式為獨立的索引文件加上描述繪本內(nèi)容的圖片、文本、聲音、視頻資源。

2、繪本的渲染是通過可編程的腳本代碼控制的，在腳本中可對資源(圖片、文本、聲音、視頻)等進行重組控制。

3、由于上述2條特征，播放系統(tǒng)加載繪本的過程是流式加載的過程，即只需要加載用戶當(dāng)前閱讀的部分就能夠?qū)崿F(xiàn)繪本內(nèi)容的展示并可以和用戶交互。同時在和用戶的交互過程中又可以改變繪本的加載和播放進程。

4、繪本的播放和交互過程不依賴特定的軟件環(huán)境，可在任何安裝了支持html5標(biāo)準(zhǔn)的瀏覽器的智能設(shè)備上使用。

附圖描述

圖1為本發(fā)明一典型實施例中包含的三個主要流程的示意圖；

圖2為本發(fā)明一典型實施例中互動繪本播放系統(tǒng)加載繪本的過程；

圖3為本發(fā)明一典型實施例中用戶交互反饋的流程圖。

具體實施方式

為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明中的技術(shù)方案，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都應(yīng)當(dāng)屬于本發(fā)明保護的范圍。

以下結(jié)合附圖及典型實施例對本發(fā)明的技術(shù)方案作更為具體的解釋說明。

參閱圖1，在本發(fā)明的一典型實施例中，本發(fā)明的流式播放互動繪本的方法包含三個主要流程：

一、互動繪本的制作。繪本的制作過程是將數(shù)字化的文字、圖片、音頻、視頻資源進行組織加工，通過javascript腳本描述為有動畫可交互的形式。

二、互動繪本的發(fā)布。制作完成后，將繪本以索引加內(nèi)容片段的方式發(fā)布到內(nèi)容分發(fā)網(wǎng)絡(luò)(cdn)服務(wù)上，供播放系統(tǒng)訪問使用。

三、互動繪本的閱讀?；永L本播放系統(tǒng)加載已經(jīng)發(fā)布到cdn的繪本資源，展示給用戶。

如圖2、3所示，互動繪本播放系統(tǒng)加載繪本的過程及用戶交互反饋的流程描述如下：

1.下載索引文件。

2.構(gòu)建加載緩沖隊列，緩沖隊列是指在用戶閱讀過程中，為確保翻頁過程不出現(xiàn)加載提示，優(yōu)化體驗，在后臺自動緩存下來的繪本頁數(shù)。繪本資源加載的緩沖隊列由2個要素決定：

●設(shè)備的性能，根據(jù)設(shè)備可用內(nèi)存的大小，決定隊列的大小，設(shè)備可用內(nèi)存小于1gb的設(shè)備，將緩沖隊列的大小限定為5頁，可用內(nèi)存大于1gb的設(shè)備，緩沖隊列大小設(shè)定為9頁。

●用戶當(dāng)前閱讀進度，用戶當(dāng)前閱讀到哪一頁，決定當(dāng)前隊列中的具體元素。假定用戶當(dāng)前閱讀進度為第n頁，當(dāng)前隊列大小設(shè)定為q頁，則當(dāng)前的緩沖隊列可描述為：

3.下載隊列中的資源和腳本，包括圖片，音頻，視頻，字體以及控制動畫和交互的腳本代碼。

4.渲染顯示。根據(jù)下載完成的腳本，渲染繪制繪本的圖像展示，并根據(jù)腳本代碼播放音視頻資源，同時等待用戶交互。

5.交互和反饋。在渲染完成后的繪本場景下，播放系統(tǒng)在腳本代碼的控制下，可接受用戶的觸摸、體感(晃動手機)、攝像頭、語音輸入，并根據(jù)輸入給予用戶新的反饋，包括播放動畫、播放音頻、震動設(shè)備等。

本發(fā)明的另一方面提供了一種流式播放的互動繪本播放系統(tǒng)，用于執(zhí)行上述方法。

本發(fā)明還提供一種計算機可讀存儲介質(zhì)，其上存儲有計算機程序，該程序被處理器執(zhí)行時實現(xiàn)上述方法的步驟。

對于本領(lǐng)域技術(shù)人員而言，顯然本發(fā)明不限于上述示范性實施例的細(xì)節(jié)，而且在不背離本發(fā)明的精神或基本特征的情況下，能夠以其他的具體形式實現(xiàn)本發(fā)明。因此，無論從哪一點來看，均應(yīng)將實施例看作是示范性的，而且是非限制性的，本發(fā)明的范圍由所附權(quán)利要求而不是上述說明限定，因此旨在將落在權(quán)利要求的等同要件的含義和范圍內(nèi)的所有變化囊括在本發(fā)明內(nèi)。不應(yīng)將權(quán)利要求中的任何附圖標(biāo)記視為限制所涉及的權(quán)利要求。

此外，應(yīng)當(dāng)理解，雖然本說明書按照實施方式加以描述，但并非每個實施方式僅包含一個獨立的技術(shù)方案，說明書的這種敘述方式僅僅是為清楚起見，本領(lǐng)域技術(shù)人員應(yīng)當(dāng)將說明書作為一個整體，各實施例中的技術(shù)方案也可以經(jīng)適當(dāng)組合，形成本領(lǐng)域技術(shù)人員可以理解的其他實施方式。