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

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

Info

Publication number
CN107133337A
CN107133337A CN201710341174.8A CN201710341174A CN107133337A CN 107133337 A CN107133337 A CN 107133337A CN 201710341174 A CN201710341174 A CN 201710341174A CN 107133337 A CN107133337 A CN 107133337A
Authority
CN
China
Prior art keywords
interaction
painting
user
queue
painted
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.)
Granted
Application number
CN201710341174.8A
Other languages
English (en)
Other versions
CN107133337B (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

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页，则当前的缓冲队列可描述为：
进一步的，下载队列中的资源和脚本包括图片、音频、视频、字体以及控制动画和交互的脚本代码。
进一步的，用户的交互输入包括触摸、体感、摄像头、语音输入；给予用户新的反馈包括播放动画、播放音频、震动设备。
本发明的另一目的在于提供一种流式播放的互动绘本播放***，用于执行上述方法。
本发明的又一目的在于提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。
与现有技术相比，本发明至少具有以下有益效果：
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页，则当前的缓冲队列可描述为：
3.下载队列中的资源和脚本，包括图片，音频，视频，字体以及控制动画和交互的脚本代码。
4.渲染显示。根据下载完成的脚本，渲染绘制绘本的图像展示，并根据脚本代码播放音视频资源，同时等待用户交互。
5.交互和反馈。在渲染完成后的绘本场景下，播放***在脚本代码的控制下，可接受用户的触摸、体感(晃动手机)、摄像头、语音输入，并根据输入给予用户新的反馈，包括播放动画、播放音频、震动设备等。
本发明的另一方面提供了一种流式播放的互动绘本播放***，用于执行上述方法。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法的步骤。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。
此外，应当理解，虽然本说明书按照实施方式加以描述，但并非每个实施方式仅包含一个独立的技术方案，说明书的这种叙述方式仅仅是为清楚起见，本领域技术人员应当将说明书作为一个整体，各实施例中的技术方案也可以经适当组合，形成本领域技术人员可以理解的其他实施方式。

Claims (7)

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

Cited By (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 (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102136251A (zh) * 2010-01-26 2011-07-27 上海易狄欧电子科技有限公司 电子书的翻页方法及电子书阅读器
CN102929971A (zh) * 2012-10-15 2013-02-13 长春指南针科技有限公司 一种多媒体信息播放方法和***
CN103399898A (zh) * 2013-07-24 2013-11-20 北京凤凰常青树数码科技有限公司 一种绘本在线定制及出版***和方法
CN103856817A (zh) * 2012-11-29 2014-06-11 上海文广互动电视有限公司 超媒体的互动播放方法及***

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102136251A (zh) * 2010-01-26 2011-07-27 上海易狄欧电子科技有限公司 电子书的翻页方法及电子书阅读器
CN102929971A (zh) * 2012-10-15 2013-02-13 长春指南针科技有限公司 一种多媒体信息播放方法和***
CN103856817A (zh) * 2012-11-29 2014-06-11 上海文广互动电视有限公司 超媒体的互动播放方法及***
CN103399898A (zh) * 2013-07-24 2013-11-20 北京凤凰常青树数码科技有限公司 一种绘本在线定制及出版***和方法

Non-Patent Citations (1)

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

Cited By (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软件开发有限公司 绘本识别方法、装置及计算机可读存储介质

Also Published As

Publication number Publication date
CN107133337B (zh) 2021-02-09

Similar Documents

Publication Publication Date Title
JP7375186B2 (ja) 弾幕処理方法、装置、電子機器及びプログラム
CN103678448B (zh) 互动式影片的发布方法及其发布***
US9031382B1 (en) Code execution in complex audiovisual experiences
CN103348693B (zh) 在交互式媒体指南应用中在内容中导航的***和方法
US11899907B2 (en) Method, apparatus and device for displaying followed user information, and storage medium
US20160343409A1 (en) Method and device for video preview
CN106060674A (zh) 一种在前端实现智能视频直播的***及方法
CN103384253B (zh) 在视频内呈现多媒体互动功能的播放***及其构建方法
US10362359B2 (en) Video player framework for a media distribution and management platform
CN113190314B (zh) 互动内容生成方法、装置、存储介质及电子设备
CN106462316A (zh) 显示内容的***和方法
US20150248722A1 (en) Web based interactive multimedia system
CN103702232A (zh) 智能电视主题定制***及其定制方法
CN106792197A (zh) 一种视频播放区域布局的切换方法及***
CN109325145A (zh) 视频缩略图的获取方法、终端及计算机可读存储介质
CN107636654A (zh) 通过生成指令列表将flash内容转换为html内容
CN114422821A (zh) 基于虚拟礼物的直播首页互动方法、装置、介质以及设备
US11838576B2 (en) Video distribution system, method, computing device and user equipment
CN106250007B (zh) 一种实现分支选择播放的***和方法
US20140259083A1 (en) System and method for use in enhancing the display of multimedia content
US20240163501A1 (en) Media data playing method and device, storage medium and electronic device
CN103747280A (zh) 一种创建节目单的方法及电子设备
CN107133337A (zh) 流式播放互动绘本播放方法、***和计算机可读存储介质
CN101882088A (zh) 机顶盒模拟方法、***及其实现方法
CN116437153A (zh) 虚拟模型的预览方法、装置、电子设备及存储介质

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