CN107105336B - 数据处理方法及数据处理装置 - Google Patents

数据处理方法及数据处理装置 Download PDF

Info

Publication number
CN107105336B
CN107105336B CN201710256304.8A CN201710256304A CN107105336B CN 107105336 B CN107105336 B CN 107105336B CN 201710256304 A CN201710256304 A CN 201710256304A CN 107105336 B CN107105336 B CN 107105336B
Authority
CN
China
Prior art keywords
page
resources
trigger instruction
data processing
application
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
CN201710256304.8A
Other languages
English (en)
Other versions
CN107105336A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201710256304.8A priority Critical patent/CN107105336B/zh
Publication of CN107105336A publication Critical patent/CN107105336A/zh
Application granted granted Critical
Publication of CN107105336B publication Critical patent/CN107105336B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • 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/435—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
    • H04N21/4355—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream involving reformatting operations of additional data, e.g. HTML pages on a television screen
    • 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/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/60—Network streaming of media packets
    • H04L65/61—Network streaming of media packets for supporting one-way streaming services, e.g. Internet radio
    • H04L65/611—Network streaming of media packets for supporting one-way streaming services, e.g. Internet radio for multicast or broadcast
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L65/00—Network arrangements, protocols or services for supporting real-time applications in data packet communication
    • H04L65/60—Network streaming of media packets
    • H04L65/75—Media network packet handling
    • 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/433—Content storage operation, e.g. storage operation in response to a pause request, caching operations
    • 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

Abstract

本发明公开了一种数据处理方法及数据处理装置，数据处理方法根据用户的请求指令，开启单页面应用，单页面应用中包括缓存的多个页面资源；根据多个页面资源显示列表页面；响应于对列表页面的触发指令，从多个页面资源中获取并显示触发指令对应的页面资源；获取触发指令对应的页面资源中的视频数据流；将视频数据流加载到触发指令对应的页面资源中。本发明通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；获取触发指令对应的缓存的页面资源进行显示，同时向服务器发送请求以获取触发指令对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。

Description

数据处理方法及数据处理装置
技术领域
本发明属于数据处理领域，尤其涉及一种数据理方法及数据处理装置。
背景技术
随着互联网直播平台的迅猛发展，在线直播越来越受到用户的喜爱。目前，终端设备可以通过网页加载直播间的页面进入直播间观看直播内容，并与主播进行交流互动。
在传统的直播技术中，每个直播页面都是独立的。每打开一个新的直播间，对应的直播页面向服务器请求页面资源，等待页面资源获取完成后再执行播放逻辑。
因而，传统的直播技术存在如下弊端：直播页面的切换或跳转痕迹明显，直播的数据流因等待和加载的时间长而出现直播时延，进而导致直播的实时性差。
发明内容
本发明实施例提供一种数据处理方法及数据处理装置，旨在避免直播过程中产生切换或跳转痕迹，并提高直播的速度，使实时性更强。
为解决上述技术问题，本发明实施例提供以下技术方案：
一种数据处理方法，包括：
根据用户的请求指令，开启单页面应用，所述单页面应用中包括缓存的多个页面资源；
根据所述多个页面资源，显示列表页面；
响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源；
获取所述触发指令对应的页面资源中的视频数据流；以及
将所述视频数据流加载到所述触发指令对应的页面资源中。
为解决上述技术问题，本发明实施例提供以下技术方案：
一种数据处理装置，包括：
启动模块，用于根据用户的请求指令开启单页面应用，所述单页面应用中包括缓存的多个页面资源；
列表模块，用于根据所述多个页面资源，显示列表页面；
响应模块，用于响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源；
获取模块，用于获取所述触发指令对应的页面资源中的视频数据流；以及
加载模块，用于将所述视频数据流加载到所述触发指令对应的页面资源中。
本发明实施例提供的数据处理方法及数据处理装置，通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
附图说明
下面结合附图，通过对本发明的具体实施方式详细描述，将使本发明的技术方案及其它有益效果显而易见。
图1是本发明实施例提供的数据处理方法及数据处理装置的应用场景示意图；
图2是本发明实施例提供的数据处理方法的流程示意图；
图3是本发明实施例提供的数据处理方法的另一流程示意图；
图4是本发明实施例提供的数据处理装置的结构示意图；
图5是本发明实施例提供的数据处理装置的另一结构示意图；
图6是本发明实施例提供的数据处理方法的时序示意图；
图7是本发明实施例提供的单页面应用的路由示意图；
图8是本发明实施例提供的页面资源的整合示意图；
图9是本发明实施例提供的终端设备的结构示意图。
具体实施方式
请参照图式，其中相同的组件符号代表相同的组件，本发明的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所例示的本发明具体实施例，其不应被视为限制本发明未在此详述的其它具体实施例。
在以下的说明中，本发明的具体实施例将参考由一部或多部计算机所执行的步骤及符号来说明，除非另有述明。因此，这些步骤及操作将有数次提到由计算机执行，本文所指的计算机执行包括了由代表了以一结构化型式中的数据的电子信号的计算机处理单元的操作。此操作转换该数据或将其维持在该计算机的内存系统中的位置处，其可重新配置或另外以本领域技术人员所熟知的方式来改变该计算机的运作。该数据所维持的数据结构为该内存的实体位置，其具有由该数据格式所定义的特定特性。但是，本发明原理以上述文字来说明，其并不代表为一种限制，本领域技术人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。
本文所使用的术语「模块」、「单元」可看做为在该运算系统上执行的软件对象。本文所述的不同组件、模块、引擎及服务可看做为在该运算系统上的实施对象。而本文所述的装置及方法优选的以软件的方式进行实施，当然也可在硬件上进行实施，均在本发明保护范围之内。
参见图1，图1为本发明实施例所提供的数据处理方法及数据处理装置的应用场景示意图。
所述应用场景中包括：服务器11、内容分发网络(Content DeliveryNetwork，CDN)12、终端设备13、和用户14。
所述服务器11，用于存储网页地址(page URL)与对应的页面资源(pageresource)，可接收来自于终端设备13的地址请求，并发送基于所述地址请求的回应，即，将页面资源发送至终端设备13。
其中，页面资源包括但不限于网页脚本(JavaScript，JS)、层叠样式表(CascadingStyle Sheets，CSS)、和图片元素(image，img)等。
内容分发网络12，是一种网络架构，用于将网站发布的内容缓存到与用户14及其终端设备13最接近的网络，以解决网络拥塞状况、和提高用户访问网站的响应速度。在本发明实施例中，所述内容分发网络12用于存储网页地址和对应的视频流。所述内容分发网络12接收来自于终端设备13的视频流请求，并根据所述视频流请求中的网页地址将对应的视频流发送至终端设备13。
其中，所述对应视频流包括但不限于闪存播放器(flash video，FLV)、超文本传输直播流(HTTP Live Streaming，HLS)等。
所述终端设备13，包括但不限于手机、电脑等具有处理器、存储器和显示屏的电子设备。所述终端设备13接收用户14的请求指令，并根据所述请求指令开启单页面应用，所述单页面应用中包括从服务器11中获取并缓存的多个页面资源；根据所述多个页面资源，显示列表页面；接收用户14对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源；从内容分发网络12中获取所述触发指令对应的页面资源中的视频数据流；以及将所述视频数据流加载到所述触发指令对应的页面资源中，以显示实时的页面资源。
本发明实施例的终端设备13通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
本发明的如下实施例，主要以终端设备13为例进行描述，来展示数据处理方法及数据处理装置中的数据处理过程。
请参阅图2，图2是本发明实施例提供的数据处理方法的流程示意图。所述数据处理方法应用于终端设备中，所述数据处理方法包括：
在步骤S201中，根据用户的请求指令，开启单页面应用，所述单页面应用中包括缓存的多个页面资源。
其中，所述单页面应用在安装或更新时向服务器发送地址请求，以获取对应的页面资源，并将所述页面资源缓存至本地储存器中。因此，当用户点击单页面应用时，会首先通过内置的服务工作程序(service work)读取本地存储器中缓存的页面资源，以加快直播的进入速度。
在步骤S202中，根据所述多个页面资源，显示列表页面。
本步骤可具体执行为：从所述页面资源中解析出对应的关键词和网页地址；按照一定规则将所述关键词进行排序，并以列表形式显示所述关键词；将所述网页地址与对应的关键词进行链接，以确保在点击所述关键词时能链接并进入到对应的网页地址。
在步骤S203中，响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源。
本步骤执行为：接收对所述列表页面中任一关键词的触发指令；从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；显示所述关键词对应的页面资源。
其中，页面资源包括但不限于网页脚本、层叠样式表、和图片元素等。
在步骤S204中，获取所述触发指令对应的页面资源中的视频数据流。
本步骤执行为：移动终端向服务器或内容分发网络发送视频请求，并接收基于视频请求的视频数据流。
其中，所述对应视频流包括但不限于闪存播放器、超文本传输直播流等。
在步骤S205中，将所述视频数据流加载到所述触发指令对应的页面资源中。
本发明实施例提供的数据处理方法，可以应用于台式电脑的网页(Web)页面和移动终端的超文本标记语言第5版(HyperText Markup Language 5，H5)页面。
本发明实施例的数据处理方法，通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
请参阅图3，图3是本发明实施例提供的数据处理方法的另一流程示意图。所述数据处理方法可以应用于台式电脑的Web页面和移动终端H5页面。所述数据处理方法包括：
在步骤S301中，将所述多个页面资源的页面逻辑创建在同一页面上，以形成单页面应用。
其中，所述页面逻辑是所述页面资源之间的逻辑关系，所述逻辑关系包括但不限于平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。
可以理解的是，通过将多个页面资源的页面逻辑创建在同一页面上，进而形成单页面应用。在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。
在步骤S302中，接收用户的请求指令，并根据用户的请求指令开启单页面应用，所述单页面应用中包括缓存的多个页面资源。
本步骤可具体执行为：所述单页面应用预先向服务器发送地址请求，以获取对应的页面资源，并将所述页面资源缓存至本地储存器中。因此，当用户点击单页面应用时，会首先读取本地存储器中缓存的页面资源，以加快直播的进入速度。
其中，页面资源包括但不限于网页脚本、层叠样式表、和图片元素等。
在步骤S303中，从所述多个页面资源中解析出对应的关键词，并将关键词显示列表页面。
其中，本步骤可具体执行为：
(1)在所述页面资源中，解析出每一页面资源对应的关键词和网页地址；
(2)按照一定规则将所述关键词进行排序，并显示为所述列表页面；
(3)将所述网页地址与对应的关键词进行链接，以确保在点击所述关键词时能链接并进入到对应的网页地址。
在步骤S304中，接收用户对所述列表页面的触发指令，并响应于触发指令从所述多个页面资源中获取并显示所述触发指令对应的页面资源，依据所述触发指令对应的页面资源对当前单页面应用的显示界面进行渲染。
其中，本步骤可具体执行为：
(1)接收对所述列表页面中任一关键词的触发指令；
(2)从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；
(3)显示所述关键词对应的页面资源，并依据所述触发指令对应的页面资源对当前单页面应用的显示界面进行渲染；
(4)通过路由获取被触发的关键词所链接的网页地址，并向服务器发送地址请求。
可以理解的是，步骤(2)和步骤(4)同时进行，即：从缓存中获取页面资源的同时向服务器发送请求，以进一步获取视频数据流，进而加快直播的进入和显示速度。
在步骤S305中，获取所述触发指令对应页面资源中的视频数据流。
其中，本步骤可具体执行为：接收视频数据流，所述视频数据流是所述服务器基于所述地址请求的回应。
其中，所述对应视频流包括但不限于闪存播放器、超文本传输直播流等。
在步骤S306中，将所述视频数据流加载到所述触发指令对应的页面资源中。
其中，本步骤可具体执行为：
(1)将所述视频流和缓存的页面资源进行对比，以判断是否存在差异；
(2)当存在差异时，将所述差异的状态加载(push state)到所述页面资源中，以生成实时的页面资源；以及
(3)显示所述实时的页面资源。
在传统的直播技术中，用户从请求页面到看到直播画面，通常需要4-6秒左右。对比而言，使用本发明提供的数据处理方法及数据处理装置，上述时间可以缩短到2秒内。
本发明实施例的数据处理方法，通过将多个页面资源的页面逻辑创建在同一页面上，进而形成单页面应用。在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
请参阅图4，图4是本发明实施例提供的数据处理装置的结构示意图。
所述数据处理装置400应用于终端设备中，所述数据处理装置400包括：启动模块41、列表模块42、响应模块43、获取模块44、和加载模块45。
启动模块41，用于根据用户的请求指令开启单页面应用，所述单页面应用中包括缓存的多个页面资源。
其中，所述单页面应用向服务器发送地址请求，以获取对应的页面资源，并将所述页面资源缓存至本地储存器中。因此，当用户点击单页面应用时，会首先通过内置的服务工作程序(service work)读取本地存储器中缓存的页面资源，以加快直播的进入速度。
列表模块42，连接于启动模块41，用于根据所述多个页面资源，显示列表页面。
具体而言，所述列表模块42从所述页面资源中解析出对应的关键词和网页地址；按照一定规则将所述关键词进行排序，并以列表形式显示所述关键词；将所述网页地址与对应的关键词进行链接，以确保在点击所述关键词时能链接并进入到对应的网页地址。
响应模块43，连接于列表模块42，用于响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源。
具体而言，所述响应模块43接收对所述列表页面中任一关键词的触发指令；从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；显示所述关键词对应的页面资源。
其中，页面资源包括但不限于网页脚本、层叠样式表、和图片元素等，用于对单页面应用进行渲染。
获取模块44，连接于响应模块43，用于获取所述触发指令对应的页面资源中的视频数据流。
具体而言，数据处理装置400向服务器或内容分发网络发送视频请求，并接收基于视频请求的视频数据流。
其中，所述对应视频流包括但不限于闪存播放器、超文本传输直播流等。
加载模块45，连接于获取模块44和响应模块43，用于将所述视频数据流加载到所述触发指令对应的页面资源中。
本发明实施例提供的数据处理装置，可以应用于台式电脑的Web页面和移动终端H5页面。
本发明实施例的数据处理装置，通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
请参阅图5，图5是本发明实施例提供的数据处理装置的另一结构示意图。所述数据处理装置可以应用于台式电脑的Web页面和移动终端H5页面。
所述数据处理装置500包括：创建模块51、启动模块52、列表模块53、响应模块54、获取模块55、和加载模块56。
具体而言，创建模块51，用于将所述多个页面资源的页面逻辑创建在同一页面上，以形成单页面应用。
其中，所述页面逻辑是所述页面资源之间的逻辑关系，所述逻辑关系包括平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。
可以理解的是，通过将多个页面资源的页面逻辑创建在同一页面上，进而形成单页面应用。在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。
启动模块52，连接于所述创建模块51，用于根据用户的请求指令开启单页面应用，所述单页面应用中包括缓存的多个页面资源。
其中，所述单页面应用向服务器发送地址请求，以获取对应的页面资源，并将所述页面资源缓存至本地储存器中。因此，当用户点击单页面应用时，会首先读取本地存储器中缓存的页面资源，以加快直播的进入速度。
页面资源包括但不限于网页脚本、层叠样式表、和图片元素等，用于对单页面应用进行渲染。
列表模块53，连接于所述启动模块52，用于根据所述多个页面资源，显示列表页面。
其中，所述列表模块53包括：关键词单元531、排序单元532、和链接单元533。
具体而言，关键词单元531，用于在所述多个页面资源中，获取每一页面资源对应的关键词和网页地址。
排序单元532，用于按照一定规则将所述关键词进行排序，并显示为所述列表页面。
链接单元533，用于将所述网页地址与对应的关键词进行链接，以确保在点击所述关键词时能链接并进入到对应的网页地址。
响应模块54，连接于所述列表模块53，用于响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源。
所述响应模块54包括：接收单元541、获取单元542、显示单元543、和请求单元544。
具体而言，接收单元541，用于接收对所述列表页面中任一关键词的触发指令。
获取单元542，用于从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源。
显示单元543，用于显示所述关键词对应的页面资源，并依据所述触发指令对应的页面资源对当前单页面应用的显示界面进行渲染。
请求单元544，用于通过路由获取被触发的关键词所链接的网页地址，并向服务器发送地址请求。
可以理解的是，获取单元542和请求单元544的动作同时进行，即：从缓存中获取页面资源的同时向服务器发送请求，以进一步获取视频数据流，进而加快直播的进入和显示速度。
获取模块55，连接于所述响应模块54，用于获取所述触发指令对应的页面资源中的视频数据流。
可以理解的是，所述获取模块55，在请求单元544向服务器发送地址请求后，接收所述服务器基于所述地址请求所回应的视频数据流。
其中，所述对应视频流包括但不限于闪存播放器、超文本传输直播流等。
加载模块56，连接于所述响应模块54和所述获取模块55，用于将所述视频数据流加载到所述触发指令对应的页面资源中。
所述加载模块56包括：对比单元561、差异单元562、和实时单元563。
具体而言，对比单元561，用于将所述视频流和缓存的页面资源进行对比，以判断是否存在差异。
差异单元562，用于当存在差异时，将所述差异加载到所述页面资源中，以生成实时的页面资源。
实时单元563，用于显示所述实时的页面资源。
在传统的直播技术中，用户从请求页面到看到直播画面，通常需要4-6秒左右。对比而言，使用本发明提供的数据处理方法及数据处理装置，上述时间可以缩短到2秒内。
本发明实施例的数据处理装置，通过将多个页面资源的页面逻辑创建在同一页面上，进而形成单页面应用。在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
请参阅图6，图6是本发明实施例提供的数据处理方法的时序示意图。
A、终端设备通过单页面应用向服务器发送页面的地址请求。
在终端设备中，单页面应用将所述多个页面资源的页面逻辑创建在同一页面上。其中，所述页面逻辑是所述页面资源之间的逻辑关系，所述逻辑关系包括但不限于平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。可以理解的是，在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。
可同时参阅图7，图7是本发明实施例提供的单页面应用的路由示意图。其中，通过单页面应用实现页面跳转无刷新。具体而言，将页面逻辑都创建在一个页面上，如导航页(index.html)71，通过路由(router)72选中对应的页面，如#page 1、#page 2、或#page 3，并显示选中的页面73、74或75，并使用状态加载(push state)更新选中页面对应的网页地址。
B、服务器响应终端设备的地址请求，并回应页面资源。
服务器中存储网页地址与对应的页面资源，当接收来自于终端设备的地址请求后，发送基于所述地址请求的回应，即，将页面资源发送至终端设备中。其中，页面资源包括但不限于网页脚本(JavaScript，JS)、层叠样式表(Cascading Style Sheets，CSS)、和图片元素(image，img)等，用于对单页面应用进行渲染。
可以理解的是，此时，服务器直接输出直播标签，不再动态创建播放器，实现页面渲染时同步请求直播流，实现视频直播的秒开播放。
C、终端设备将页面资源进行缓存。
终端设备将所述页面资源缓存至本地储存器中。因此，当用户点击单页面应用时，会首先读取本地存储器中缓存的页面资源，以加快直播的进入速度。
以上，完成了单页面应用的安装、更新的准备工作。
D、用户发送请求指令，来开启单页面应用。
E、终端设备响应所述请求指令以开启单页面应用，并根据所述多个页面资源，显示列表页面。
终端设备在缓存的多个页面资源中，获取每一页面资源对应的关键词和网页地址，然后按照一定规则将所述关键词进行排序，并显示为所述列表页面。同时，将所述网页地址与对应的关键词进行链接，以确保在点击所述关键词时能链接并进入到对应的网页地址。
F、用户针对列表页面中的关键词进行触发，以生成触发指令。
可以理解的是，所述触发指令中包括所述关键词对应的网页地址。
G、终端设备响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源。
H、终端设备根据触发指令向内容分发网络发送视频数据流请求。
需要说明的是，当接受到步骤F的触发指令后，步骤G和步骤H为同时执行，即：在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
I、内容分发网络响应所述视频流请求，并反馈对应的视频流。
其中，所述对应视频流包括但不限于闪存播放器(flash video，FLV)、超文本传输直播流(HTTP Live Streaming，HLS)等。
J、终端设备接收所述视频流，并将所述视频数据流加载到所述触发指令对应的页面资源中，以生成实时的页面资源。
可同时参阅图8，图8是本发明实施例提供的页面资源的整合示意图。
首先，单页面应用81通过服务工作程序(Service Work)82，向本地缓存83请求页面资源，同时向内容分发网络84请求视频流；
然后，本地缓存83将页面资源发送给单页面应用81进行显示，同时，内容分发网络84根据视频数据流请求向本地缓存83发送视频流，并当所述视频流和缓存中的页面资源存在差异时，将所述差异的状态加载(push state)到所述页面资源中以生成实时的页面资源，并显示所述实时的页面资源。可以理解的是，仅更新差异，即可以直接减小待处理的数据包的数量，进而节省系统资源、和提升显示速度。
K、显示实时的页面资源。
在传统的直播技术中，用户从请求页面到看到直播画面，通常需要4-6秒左右。对比而言，使用本发明提供的数据处理方法及数据处理装置，上述时间可以缩短到2秒内。
本发明实施例提供的数据处理方法及数据处理装置通过在单页面应用中显示列表页面、和被触发的页面资源，可以避免直播过程中产生切换或跳转痕迹；在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
相应的，本发明实施例还提供一种终端设备。如图9所示，所述终端设备用于执行图2-3中的数据处理方法、或运行图4-5中的数据处理装置。所述终端设备900包括：一个或者一个以上处理核心的处理器901、一个或一个以上计算机可读存储介质的存储器902、射频(Radio Frequency，RF)电路903、短距离无线传输(WiFi)模块904、电源905、输入单元906、以及显示单元907等部件。
本领域技术人员可以理解，上述结构并不构成对终端设备900的限定，可以包括比上述更多或更少的部件、组合某些部件、或不同的部件布置。其中：
具体在本实施例中，在终端设备900中，处理器901会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器902中，并由处理器901来运行存储在存储器902中的应用程序，从而实现各种功能，如下：根据用户的请求指令，开启单页面应用，所述单页面应用中包括缓存的多个页面资源；根据所述多个页面资源，显示列表页面；响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源；获取所述触发指令对应的页面资源中的视频数据流；将所述视频数据流加载到所述触发指令对应的页面资源中。
优选的，所述处理器901还可以用于：将所述多个页面资源的页面逻辑创建在同一页面上，所述页面逻辑是所述页面资源之间的逻辑关系，包括平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。
优选的，所述处理器901还可以用于：在所述多个页面资源中，获取每一页面资源对应的关键词；将所述关键词按照预设规则进行排序，并显示为所述列表页面。
优选的，所述处理器901还可以用于：接收对所述列表页面中任一关键词的触发指令；从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；显示所述关键词对应的页面资源。
优选的，所述处理器901还可以用于：接收对所述列表页面中任一关键词的触发指令，之后还包括：通过路由获取被触发的关键词所链接的网页地址，并向服务器发送地址请求；接收视频数据流，所述视频数据流是所述服务器基于所述地址请求的回应。
优选的，所述处理器901还可以用于：将所述视频流和缓存的页面资源进行对比；当存在差异时，将所述差异加载到所述页面资源中，以生成实时的页面资源；显示所述实时的页面资源。
本发明实施例提供的终端设备，通过将多个页面资源的页面逻辑创建在同一页面上，进而形成单页面应用。在所述单页面应用中，不同直播间进行切换或跳转，都只是其后的页面资源、或视频数据流的切换或跳转，而非页面间进行，进而避免了在直播过程中出现切换或跳转的痕迹。在触发后，获取缓存的页面资源进行显示，同时向服务器发送请求以获取对应的视频流，通过缓存来提升对触发指令的响应速度，进而提升直播的实时性。
本发明实施例提供的所述终端设备，与上文实施例中的数据处理方法及数据处理装置属于同一构思。
需要说明的是，对本发明所述数据处理方法而言，本领域普通技术人员可以理解实现本发明实施例中的全部或部分流程，是可以通过计算机程序来控制相关的硬件来完成，所述计算机程序可存储于一计算机可读取存储介质中，如存储在终端设备的存储器中，并被该终端设备内的至少一个处理器执行，在执行过程中可包括如所述信息分享方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)等。
对本发明实施例的所述数据处理装置而言，其各功能模块可以集成在一个处理芯片中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中，所述存储介质譬如为只读存储器，磁盘或光盘等。
以上对本发明实施例所提供的一种数据处理方法、数据处理装置及终端设备进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种数据处理方法，其特征在于，包括：
在单页面应用的安装或更新阶段，通过单页面应用向服务器发送页面的地址请求，所述服务器用于存储网页地址对应的页面资源；
接收所述服务器响应于所述地址请求发送的所述页面资源，对所述页面资源进行缓存，其中，所述服务器返回的信息中包括直播标签，所述服务器不再动态创建直播的播放器；
根据用户的请求指令，开启单页面应用，所述单页面应用中包括缓存的多个页面资源；
在所述多个页面资源中，获取每一页面资源对应的关键词；以及
将所述关键词按照预设规则进行排序，并显示为列表页面；
响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源，依据所述触发指令对应的页面资源对当前单页面应用的显示界面进行渲染；
根据所述触发指令，向内容分发网络发送视频数据流请求，所述内容分发网络用于存储网页地址对应的视频流；
接收所述内容分发网络发送的，所述触发指令对应的页面资源中的视频数据流；以及
将所述视频数据流加载到所述触发指令对应的页面资源中。
2.如权利要求1所述的数据处理方法，其特征在于，根据用户的请求指令，开启单页面应用，所述单页面应用中包括缓存的多个页面资源，之前还包括：
将所述多个页面资源的页面逻辑创建在同一页面上，所述页面逻辑是所述页面资源之间的逻辑关系，包括平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。
3.如权利要求1所述的数据处理方法，其特征在于，响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源，包括：
接收对所述列表页面中任一关键词的触发指令；
从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；以及
显示所述关键词对应的页面资源。
4.如权利要求1所述的数据处理方法，其特征在于，将所述视频数据流加载到所述页面资源中，包括：
将所述视频流和缓存的页面资源进行对比；
当存在差异时，将所述差异加载到所述页面资源中，以生成实时的页面资源；以及
显示所述实时的页面资源。
5.一种数据处理装置，其特征在于，包括：
启动模块，用于根据用户的请求指令开启单页面应用，所述单页面应用中包括缓存的多个页面资源；
列表模块，用于根据所述多个页面资源，显示列表页面；
响应模块，用于响应于对所述列表页面的触发指令，从所述多个页面资源中获取并显示所述触发指令对应的页面资源，依据所述触发指令对应的页面资源对当前单页面应用的显示界面进行渲染；
获取模块，用于根据所述触发指令，向内容分发网络发送视频数据流请求；接收所述内容分发网络发送的，所述触发指令对应的页面资源中的视频数据流，其中，所述内容分发网络用于存储网页地址对应的视频流；
以及
加载模块，用于将所述视频数据流加载到所述触发指令对应的页面资源中；
其中，所述列表模块包括：
关键词单元，用于在所述多个页面资源中，获取每一页面资源对应的关键词；以及
排序单元，用于将所述关键词按照预设规则进行排序，并显示为所述列表页面；
所述数据装置还用于，在单页面应用的安装或更新阶段，通过单页面应用向服务器发送页面的地址请求；接收所述服务器响应于所述地址请求发送的所述页面资源，对所述页面资源进行缓存，其中，所述服务器返回的信息中包括直播标签，所述服务器不再动态创建直播的播放器，所述服务器用于存储网页地址对应的页面资源。
6.如权利要求5所述的数据处理装置，其特征在于，还包括：
创建模块，用于将所述多个页面资源的页面逻辑创建在同一页面上，所述页面逻辑是所述页面资源之间的逻辑关系，包括平级关系、父子关系、分页关系、以及隶属关系中的至少一种或组合。
7.如权利要求5所述的数据处理装置，其特征在于，所述响应模块包括：
接收单元，用于接收对所述列表页面中任一关键词的触发指令；
获取单元，用于从所述单页面应用的多个页面资源中，获取被触发的关键词对应的页面资源；以及
显示单元，用于显示所述关键词对应的页面资源。
8.如权利要求5所述的数据处理装置，其特征在于，所述加载模块包括：
对比单元，用于将所述视频流和缓存的页面资源进行对比；
差异单元，用于当存在差异时，将所述差异加载到所述页面资源中，以生成实时的页面资源；以及
实时单元，用于显示所述实时的页面资源。
9.一种存储介质，其特征在于，其上存储有计算机程序，其特征在于，当计算机程序在计算机上运行时，使得所述计算机执行如权利要求1-4中任一项所述方法的步骤。
10.一种终端设备，其特征在于，所述终端设备包括存储器和处理器，及存储在存储器上并可在处理器上运行的计算机程序，其中，所述处理器执行所述计算机程序时实现如权利要求1-4中任一项所述方法的步骤。
CN201710256304.8A 2017-04-19 2017-04-19 数据处理方法及数据处理装置 Active CN107105336B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710256304.8A CN107105336B (zh) 2017-04-19 2017-04-19 数据处理方法及数据处理装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710256304.8A CN107105336B (zh) 2017-04-19 2017-04-19 数据处理方法及数据处理装置

Publications (2)

Publication Number Publication Date
CN107105336A CN107105336A (zh) 2017-08-29
CN107105336B true CN107105336B (zh) 2021-01-08

Family

ID=59658192

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710256304.8A Active CN107105336B (zh) 2017-04-19 2017-04-19 数据处理方法及数据处理装置

Country Status (1)

Country Link
CN (1) CN107105336B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109241469A (zh) * 2018-09-13 2019-01-18 安徽智恒信科技有限公司 一种基于vue实现多页面切换的方法
CN110968824B (zh) * 2018-09-30 2023-08-25 北京国双科技有限公司 页面数据处理方法和装置
CN111913757A (zh) * 2020-07-13 2020-11-10 西安即刻易用网络科技有限公司 一种单页面应用程序加载方法及系统
CN112433803B (zh) * 2020-12-09 2023-06-20 上海创远仪器技术股份有限公司 无线电Web单页面应用中实现多任务切换的方法
CN114139083B (zh) * 2022-01-06 2023-03-14 北京百度网讯科技有限公司 网页渲染方法、装置及电子设备
CN114764354B (zh) * 2022-04-19 2024-01-05 卡奥斯工业智能研究院(青岛)有限公司 基于paas的依赖管理方法、装置、电子设备及介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104899228A (zh) * 2014-03-07 2015-09-09 中国移动通信集团河北有限公司 一种发布网页资源的方法及装置
CN105554046A (zh) * 2014-10-29 2016-05-04 中国移动通信集团公司 内容分发系统对终端请求的调度方法、装置及设备
CN106484383A (zh) * 2015-08-31 2017-03-08 阿里巴巴集团控股有限公司 页面渲染方法、装置及设备

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9282137B2 (en) * 2012-05-25 2016-03-08 Microsoft Technology Licensing, Llc Dynamic package creation for predictive page load optimization
CN104516889B (zh) * 2013-09-27 2018-09-04 腾讯科技（深圳）有限公司 网页加载的方法、系统及浏览器和代理服务器
DE102014013259A1 (de) * 2014-09-08 2016-03-10 Abb Technology Ag Einrichtung zur Verwaltung und Konfiguration von Feldgeräten einer Automatisierungsanlage
CN105488078B (zh) * 2014-10-10 2019-07-26 阿里巴巴集团控股有限公司 一种网页数据缓存方法及设备
CN106294365A (zh) * 2015-05-15 2017-01-04 阿里巴巴集团控股有限公司 一种单页web应用的页面数据处理方法及设备
CN106326223A (zh) * 2015-06-16 2017-01-11 广州市动景计算机科技有限公司 一种网页资源获取方法和装置
CN105824909B (zh) * 2016-03-15 2020-05-29 腾讯科技（深圳）有限公司 页面生成方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104899228A (zh) * 2014-03-07 2015-09-09 中国移动通信集团河北有限公司 一种发布网页资源的方法及装置
CN105554046A (zh) * 2014-10-29 2016-05-04 中国移动通信集团公司 内容分发系统对终端请求的调度方法、装置及设备
CN106484383A (zh) * 2015-08-31 2017-03-08 阿里巴巴集团控股有限公司 页面渲染方法、装置及设备

Also Published As

Publication number Publication date
CN107105336A (zh) 2017-08-29

Similar Documents

Publication Publication Date Title
CN107105336B (zh) 数据处理方法及数据处理装置
US9773069B2 (en) Pre-fetching of network page content in a browser application
US20190251143A1 (en) Web page rendering method and related device
KR101824222B1 (ko) 동적 컨텐츠 및 스테일 컨텐츠를 포함하는 웹사이트들의 고속 렌더링
WO2020199751A1 (zh) 用于加载页面图片的方法、装置和电子设备
US8516041B1 (en) Pre-fetching asynchronously requested content
CN107040584B (zh) 客户端下载图片的方法及装置
US10389792B2 (en) Output function dividing system
CN102929971B (zh) 一种多媒体信息播放方法和系统
US10158691B2 (en) Method and apparatus for providing network resources at intermediary server
US20170221109A1 (en) Ads management in a browser application
CN111372115B (zh) 应用程序的访问方法及装置、通讯系统
US11032683B2 (en) Method and apparatus for publishing cloud resource
WO2016207735A1 (en) A system and methods thereof for auto-playing video content on mobile devices
CN112115396A (zh) 网页页面渲染方法、装置、设备及存储介质
WO2017130035A1 (en) A system and methods thereof for auto-playing video content on mobile devices
CN113703893A (zh) 一种页面渲染方法、装置、终端及存储介质
CN110515631B (zh) 应用安装数据包的生成方法、服务器及计算机存储介质
CN111381749A (zh) 一种图像显示和处理方法、装置、设备和存储介质
CN115186207A (zh) 加载页面资源的方法及装置、电子设备
KR101498920B1 (ko) 오프라인 실행을 위한 웹 페이지 사전 캐싱 시스템 및 방법
CN113010766B (zh) 一种信息搜索的方法、装置及存储介质
CN110544475B (zh) 一种多语音助手的实现方法
CN113760281A (zh) 一种过渡动画的实现方法、装置、终端设备及存储介质
CN113254819A (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