CN107133337B - 流式播放互动绘本播放方法、系统和计算机可读存储介质 - Google Patents

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

Info

Publication number
CN107133337B
CN107133337B CN201710341174.8A CN201710341174A CN107133337B CN 107133337 B CN107133337 B CN 107133337B CN 201710341174 A CN201710341174 A CN 201710341174A CN 107133337 B CN107133337 B CN 107133337B
Authority
CN
China
Prior art keywords
playing
interactive
user
picture book
book
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710341174.8A
Other languages
English (en)
Other versions
CN107133337A (zh
Inventor
李维靖
徐发平
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Zhexin Information Technology Co ltd
Original Assignee
Hangzhou Zhexin Information Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Hangzhou Zhexin Information Technology Co ltd filed Critical Hangzhou Zhexin Information Technology Co ltd
Priority to CN201710341174.8A priority Critical patent/CN107133337B/zh
Publication of CN107133337A publication Critical patent/CN107133337A/zh
Application granted granted Critical
Publication of CN107133337B publication Critical patent/CN107133337B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/44004—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving video buffer management, e.g. video decoder buffer or video display buffer
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种流式播放互动绘本播放方法、系统和计算机可读存储介质，所述播放方法包括以下步骤：(1)互动绘本的制作；(2)互动绘本的发布；(3)互动绘本的阅读。此外，还公开了一种流式播放的互动绘本播放系统和计算机可读存储介质，用于执行所述播放方法。本发明的方案基于html 5技术，在保留了可直接在线流式播放特性的基础上，同时具备丰富的动画交互效果，并且无需安装专有软件，在具备html 5支持的浏览器环境下即可阅读体验。

Description

流式播放互动绘本播放方法、系统和计算机可读存储介质
发明领域
本发明涉及一种流式播放互动绘本播放方法、系统和计算机可读存储介质，属于媒体播放技术领域。
背景技术
绘本主要是针对儿童的出版读物，主要内容为图画，一般同时会有简单的文字说明。随着数字化产品的发展，尤其是手机，平板电脑以及智能电视都智能互联设备的普及，传统的印刷出版类绘本需要有更便利与传播和使用的数字化版本。
目前在数字化绘本的阅读实现技术主要有两种类型的方案：
直接将出版物数字化成静态图片，可以直接在线浏览,但是不能和使用者有任何的互动。典型产品如:咔哒故事。
基于绘本资源做深度加工，在出版物的静态图片基础上提供动画，声音，交互等更多的互动效果，一般会生产为一个较大的文件，需要下载后使用专有的播放器播放。典型产品如:袋鼠跳跳。
发明内容
有鉴于此，本发明的目的在于基于html 5技术，在保留了可直接在线流式播放特性的基础上，同时具备丰富的动画交互效果，并且无需安装专有软件，在具备html 5支持的浏览器环境下即可阅读体验。
为了实现上述目的，本发明提供的技术方案如下：
一种流式播放互动绘本播放方法，其特征在于，所述方法包括以下步骤：
(1)互动绘本的制作：绘本的制作过程是将数字化的文字、图片、音频、视频资源进行组织加工，通过javascript脚本描述为有动画可交互的形式；
(2)互动绘本的发布：绘本制作完成后，将绘本以索引加内容片段的方式发布到内容分发网络(CDN)服务上，供播放系统访问使用；
(3)互动绘本的阅读：互动绘本播放系统加载已经发布到CDN的绘本资源，展示给用户。
进一步的，互动绘本播放系统加载绘本的过程如下：
(1)下载索引文件；
(2)构建加载缓冲队列；缓冲队列是指在用户阅读过程中，为确保翻页过程不出现加载提示，优化体验，在后台自动缓存下来的绘本页数；
(3)下载队列中的资源和脚本；
(4)渲染显示；根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互；
(5)交互和反馈；在渲染完成后的绘本场景下，播放系统在脚本代码的控制下，可接受用户的交互输入，并根据输入给予用户新的反馈。
其中，绘本资源加载的缓冲队列由两个要素决定：
(1)设备的性能，根据设备可用内存的大小，决定队列的大小，设备可用内存小于1GB的设备，将缓冲队列的大小限定为5页，可用内存大于1GB的设备，缓冲队列大小设定为9页；
(2)用户当前阅读进度，用户当前阅读到哪一页，决定当前队列中的具体元素；用户当前阅读进度为第n页，当前队列大小设定为q页，则当前的缓冲队列可描述为：
Figure BDA0001295255730000021
Figure BDA0001295255730000022
进一步的，下载队列中的资源和脚本包括图片、音频、视频、字体以及控制动画和交互的脚本代码。
进一步的，用户的交互输入包括触摸、体感、摄像头、语音输入；给予用户新的反馈包括播放动画、播放音频、震动设备。
本发明的另一目的在于提供一种流式播放的互动绘本播放系统，用于执行上述方法。
本发明的又一目的在于提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。
与现有技术相比，本发明至少具有以下有益效果：
1、绘本的数字化描述方式为独立的索引文件加上描述绘本内容的图片、文本、声音、视频资源。
2、绘本的渲染是通过可编程的脚本代码控制的，在脚本中可对资源(图片、文本、声音、视频)等进行重组控制。
3、由于上述2条特征，播放系统加载绘本的过程是流式加载的过程，即只需要加载用户当前阅读的部分就能够实现绘本内容的展示并可以和用户交互。同时在和用户的交互过程中又可以改变绘本的加载和播放进程。
4、绘本的播放和交互过程不依赖特定的软件环境，可在任何安装了支持html 5标准的浏览器的智能设备上使用。
附图描述
图1为本发明一典型实施例中包含的三个主要流程的示意图；
图2为本发明一典型实施例中互动绘本播放系统加载绘本的过程；
图3为本发明一典型实施例中用户交互反馈的流程图。
具体实施方式
为了使本技术领域的人员更好地理解本发明中的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
以下结合附图及典型实施例对本发明的技术方案作更为具体的解释说明。
参阅图1，在本发明的一典型实施例中，本发明的流式播放互动绘本的方法包含三个主要流程：
一、互动绘本的制作。绘本的制作过程是将数字化的文字、图片、音频、视频资源进行组织加工，通过javascript脚本描述为有动画可交互的形式。
二、互动绘本的发布。制作完成后，将绘本以索引加内容片段的方式发布到内容分发网络(CDN)服务上，供播放系统访问使用。
三、互动绘本的阅读。互动绘本播放系统加载已经发布到CDN的绘本资源，展示给用户。
如图2、3所示，互动绘本播放系统加载绘本的过程及用户交互反馈的流程描述如下：
1.下载索引文件。
2.构建加载缓冲队列，缓冲队列是指在用户阅读过程中，为确保翻页过程不出现加载提示，优化体验，在后台自动缓存下来的绘本页数。绘本资源加载的缓冲队列由2个要素决定：
●设备的性能，根据设备可用内存的大小，决定队列的大小，设备可用内存小于1GB的设备，将缓冲队列的大小限定为5页，可用内存大于1GB的设备，缓冲队列大小设定为9页。
●用户当前阅读进度，用户当前阅读到哪一页，决定当前队列中的具体元素。假定用户当前阅读进度为第n页，当前队列大小设定为q页，则当前的缓冲队列可描述为：
Figure BDA0001295255730000041
Figure BDA0001295255730000042
3.下载队列中的资源和脚本，包括图片，音频，视频，字体以及控制动画和交互的脚本代码。
4.渲染显示。根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互。
5.交互和反馈。在渲染完成后的绘本场景下，播放系统在脚本代码的控制下，可接受用户的触摸、体感(晃动手机)、摄像头、语音输入，并根据输入给予用户新的反馈，包括播放动画、播放音频、震动设备等。
本发明的另一方面提供了一种流式播放的互动绘本播放系统，用于执行上述方法。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。
此外，应当理解，虽然本说明书按照实施方式加以描述，但并非每个实施方式仅包含一个独立的技术方案，说明书的这种叙述方式仅仅是为清楚起见，本领域技术人员应当将说明书作为一个整体，各实施例中的技术方案也可以经适当组合，形成本领域技术人员可以理解的其他实施方式。

Claims (5)

1.一种流式播放互动绘本播放方法，其特征在于，所述方法包括以下步骤：
（1）互动绘本的制作：绘本的制作过程是将数字化的文字、图片、音频、视频资源进行组织加工，通过javascript脚本描述为有动画可交互的形式；
（2）互动绘本的发布：制作完成后，将绘本以索引加内容片段的方式发布到内容分发网络服务上，供互动绘本播放系统访问使用；
（3）互动绘本的阅读：互动绘本播放系统加载已经发布到内容分发网络的绘本资源，展示给用户；
其中，互动绘本播放系统加载绘本的过程如下：
（1）下载索引文件；
（2）构建加载缓冲队列；缓冲队列是指在用户阅读过程中，为确保翻页过程不出现加载提示，优化体验，在后台自动缓存下来的绘本页数；
（3）下载队列中的资源和脚本；
（4）渲染显示；根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互；
（5）交互和反馈；在渲染完成后的绘本场景下，播放系统在脚本代码的控制下，可接受用户的交互输入，并根据输入给予用户新的反馈；
其中，绘本资源加载的缓冲队列由两个要素决定：
（1）设备的性能，根据设备可用内存的大小，决定队列的大小，设备可用内存小于1GB的设备，将缓冲队列的大小限定为5页，可用内存大于1GB的设备，缓冲队列大小设定为9页；
（2）用户当前阅读进度，用户当前阅读到哪一页，决定当前队列中的具体元素；用户当前阅读进度为第n页，当前队列大小设定为 q页，则当前的缓冲队列可描述为：[n-⌊q/2⌋,n-⌊q/2⌋+1,...n, n+1, ...n+⌊q/2⌋]。
2.根据权利要求1所述的方法，其中，下载队列中的资源和脚本包括图片、音频、视频、字体以及控制动画和交互的脚本代码。
3.根据权利要求1所述的方法，其中，用户的交互输入包括触摸、体感、摄像头、语音输入；给予用户新的反馈包括播放动画、播放音频、震动设备。
4.一种流式播放互动绘本播放系统，用于执行权利要求1-3中任意一项所述的方法。
5.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-3中任意一项所述方法的步骤。
CN201710341174.8A 2017-05-12 2017-05-12 流式播放互动绘本播放方法、系统和计算机可读存储介质 Active CN107133337B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710341174.8A CN107133337B (zh) 2017-05-12 2017-05-12 流式播放互动绘本播放方法、系统和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710341174.8A CN107133337B (zh) 2017-05-12 2017-05-12 流式播放互动绘本播放方法、系统和计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN107133337A CN107133337A (zh) 2017-09-05
CN107133337B true CN107133337B (zh) 2021-02-09

Family

ID=59731730

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710341174.8A Active CN107133337B (zh) 2017-05-12 2017-05-12 流式播放互动绘本播放方法、系统和计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN107133337B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111145604A (zh) * 2019-12-30 2020-05-12 西安Tcl软件开发有限公司 绘本识别方法、装置及计算机可读存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102136251A (zh) * 2010-01-26 2011-07-27 上海易狄欧电子科技有限公司 电子书的翻页方法及电子书阅读器
CN103856817A (zh) * 2012-11-29 2014-06-11 上海文广互动电视有限公司 超媒体的互动播放方法及系统

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102929971B (zh) * 2012-10-15 2015-07-01 长春指南针科技有限公司 一种多媒体信息播放方法和系统
CN103399898A (zh) * 2013-07-24 2013-11-20 北京凤凰常青树数码科技有限公司 一种绘本在线定制及出版系统和方法

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102136251A (zh) * 2010-01-26 2011-07-27 上海易狄欧电子科技有限公司 电子书的翻页方法及电子书阅读器
CN103856817A (zh) * 2012-11-29 2014-06-11 上海文广互动电视有限公司 超媒体的互动播放方法及系统

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
互动式电子绘本之「童话大乱斗」;洪萱芸等;《资讯传播学报(数位内容创制)》;20121231(第2012期);第193-202页 *

Also Published As

Publication number Publication date
CN107133337A (zh) 2017-09-05

Similar Documents

Publication Publication Date Title
JP7375186B2 (ja) 弾幕処理方法、装置、電子機器及びプログラム
US10255227B2 (en) Computerized system and method for authoring, editing, and delivering an interactive social media video
CN112087655B (zh) 赠送虚拟礼物的方法、装置及电子设备
CN107728905B (zh) 一种弹幕显示方法、装置及存储介质
US20170324998A1 (en) Method for playing video, client, and computer storage medium
CN108320319B (zh) 一种漫画合成方法、装置、设备及计算机可读存储介质
US20150248722A1 (en) Web based interactive multimedia system
CN103702232A (zh) 智能电视主题定制系统及其定制方法
JP2024519780A (ja) アプリケーションのページ表示方法、装置及び機器
WO2017034684A1 (en) Mobile-first authoring tool for the authoring of wrap packages
CN109325145A (zh) 视频缩略图的获取方法、终端及计算机可读存储介质
CA2843152A1 (en) Remotely preconfiguring a computing device
CN103384253A (zh) 在视频内呈现多媒体互动功能的播放系统及其构建方法
US20180246871A1 (en) Multiplane animation system
CN114679621A (zh) 一种视频展示方法、装置及终端设备
EP4202615A1 (en) Video distribution system and method, computing device, and user equipment
CN107133337B (zh) 流式播放互动绘本播放方法、系统和计算机可读存储介质
KR20140031438A (ko) 모바일 컨텐츠의 재구성 장치 및 방법
WO2023241373A1 (zh) 影像记录生成方法、装置、电子设备及存储介质
WO2023138180A1 (zh) 媒体资源显示方法、装置、设备及存储介质
CN110191374A (zh) 非线性文件播放方法及装置
CN115048597A (zh) 页面展示方法、装置及电子设备
US10769354B2 (en) System and method for triggering state changes in content with initiation of multi-media playback
KR101268112B1 (ko) 웹 페이지에 포함된 동영상을 재생하는 방법, 장치 및 컴퓨터 판독 가능한 기록 매체
KR101869247B1 (ko) 동영상 스팟 이미지에 기초한 객체정보 제공서비스를 이용한 컨텐츠 경매 제공방법 및 시스템

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant