CN108289237B - 播放动态图片的方法、装置、终端及计算机可读存储介质 - Google Patents

播放动态图片的方法、装置、终端及计算机可读存储介质 Download PDF

Info

Publication number
CN108289237B
CN108289237B CN201810146626.1A CN201810146626A CN108289237B CN 108289237 B CN108289237 B CN 108289237B CN 201810146626 A CN201810146626 A CN 201810146626A CN 108289237 B CN108289237 B CN 108289237B
Authority
CN
China
Prior art keywords
playing
control information
dynamic picture
webpage
preset
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
CN201810146626.1A
Other languages
English (en)
Other versions
CN108289237A (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 CN201810146626.1A priority Critical patent/CN108289237B/zh
Publication of CN108289237A publication Critical patent/CN108289237A/zh
Application granted granted Critical
Publication of CN108289237B publication Critical patent/CN108289237B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782Web browsing, e.g. WebTV
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-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
    • H04N21/47202End-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 for requesting content on demand, e.g. video on demand
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85Assembly of content; Generation of multimedia applications
    • H04N21/858Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
    • H04N21/8586Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种播放动态图片的方法、装置、终端及计算机可读存储介质,属于互联网技术领域。所述方法包括:当接收到网页显示指令时,播放网页中的动态图片;在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态,所述播放控制信息用于指示在指定播放状态符合播放条件时切换至指定样式进行播放;当所述指定播放状态达到所述播放条件时,按照指定样式对所述动态图片进行播放。本发明通过网页中预先定义的播放控制信息,来控制该动态图片的播放样式,丰富了动态图片的播放样式,提升了网页中动态图片的动态显示效果。并且,还可以基于播放条件控制指定样式的切换播放,从而提高了控制的智能化。

Description

播放动态图片的方法、装置、终端及计算机可读存储介质
技术领域
本发明涉及互联网技术领域,特别涉及一种播放动态图片的方法、装置、终端及计算机可读存储介质。
背景技术
随着互联网技术的发展,越来越多的用户喜欢在网络平台上发布动态图片。例如,GIF(Graphics Interchange Format,图像互换格式)图片。一个动态图片可以由多张图像帧组成,这些图像帧可以按顺序播放,从而达到向用户展示简单的动画的效果。一般的,这些动态图片可以被嵌入在网页中进行播放,从而达到动态显示的效果。
相关技术中,以播放网页中GIF图片为例,当用户打开某一嵌入GIF图片的网页时,终端会下载该网页的网页脚本,从网页脚本中获取该GIF图片的URL(Uniform ResourceLocator,统一资源定位符)地址,基于该URL地址,下载该GIF图片,并自动循环播放该GIF图片。其中,该自动循环播放的过程为:终端按照指定的播放顺序,逐帧循环播放该多帧图像帧,直到用户关闭该网页时,终端停止播放。
在实现本发明的过程中,发明人发现相关技术至少存在以下问题:
上述播放图片的过程中,实际上终端仅基于用户打开和关闭网页的操作来控制该GIF图片的播放,使得网页中动态图片的动态显示效果不佳,导致播放动态图片的智能化较差。
发明内容
本发明实施例提供了一种播放动态图片的方法、装置、终端及计算机可读存储介质,可以解决相关技术中播放动态图片的智能化较差的问题。所述技术方案如下:
第一方面,提供了一种播放动态图片的方法,所述方法包括:
当接收到网页显示指令时,播放网页中的动态图片;
在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态,所述播放控制信息用于指示在指定播放状态符合播放条件时切换至指定样式进行播放;
当所述指定播放状态达到所述播放条件时,按照指定样式对所述动态图片进行播放。
第二方面,提供了一种播放动态图片的装置,所述装置包括:
播放模块,用于当接收到网页显示指令时,播放网页中的动态图片;
第一获取模块,用于在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态,所述播放控制信息用于指示在指定播放状态符合播放条件时切换至指定样式进行播放;
所述播放模块,还用于当所述指定播放状态达到所述播放条件时,按照指定样式对所述动态图片进行播放。
第三方面,提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如第一方面所述的播放动态图片的方法所执行的操作。
第四方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如第一方面所述的播放动态图片的方法所执行的操作。
本发明实施例提供的技术方案带来的有益效果是:
本发明实施例中,终端可以在动态图片播放过程中,基于网页中预先定义的播放控制信息,来控制该动态图片的播放样式,无需一直自动循环播放,从而丰富了动态图片的播放样式,提升了网页中动态图片的动态显示效果。并且,当该动态图片的指定播放样式达到播放条件时,才进行指定样式的切换播放,该播放条件可以基于需求进行设置,从而提高了控制的智能化。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种实施环境的示意图;
图2是本发明实施例提供的一种播放动态图片的方法的流程图;
图3是本发明实施例提供的一种播放动态图片的方法的流程图;
图4是本发明实施例提供的一种播放动态图片的装置的结构示意图;
图5示出了本发明一个示例性实施例提供的终端的结构框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1是本发明实施例提供的一种实施环境的示意图,该实施环境包括:终端101和服务器102。其中,该终端101中安装了网页客户端,该网页客户端用于打开网页,该网页中可以嵌入有动态图片。当终端101在该网页客户端中打开网页时,该终端101从服务器102中下载该网页的源文件,该源文件中携带该网页中动态图片的地址信息。终端101基于该源文件中的地址信息,从服务器102中下载该动态图片,并在该网页中播放该动态图片。
另外,该源文件中还可以携带该动态图片的第一控制指示信息和/或该网页的第二控制指示信息,该第一控制指示信息与一个动态图片对应,用于指示是否自动循环播放该动态图片;该第二控制指示信息与网页对应,用于指示是否自动循环播放该网页中的动态图片。终端可以基于该第一控制指示信息和/或第二控制指示信息,在网页中播放该动态图片。
其中,该网页客户端可以为任一可以打开网页的应用程序,例如,浏览器或任一具有浏览组件或能够调用浏览组件的应用客户端,或者可以调用浏览器的打开网页的功能的其它应用程序。该动态图片为一组多帧图像帧按照一定的播放顺序进行播放的图片。例如,该动态图片可以为GIF图片、Flash动画等。该地址信息可以为该动态图片的URL地址。
图2是本发明实施例提供的一种播放动态图片的方法的流程图。该发明实施例的执行主体为终端,参见图2,该方法包括:
201、当接收到网页显示指令时,终端播放网页中的动态图片。
本发明实施例中,当用户在网页客户端中浏览网页时,用户可以点击该网页的网页标识,当终端检测到某一网页标识被用户触发时,生成该网页的网页显示指令,该网页显示指令可以携带该网页的网址。终端根据该网页的网址,从服务器中获取该网页的源文件,并从该源文件中获取网页脚本,该网页脚本中携带了该网页中动态图片的地址信息和该动态图片的位置信息。终端解析该网页脚本,得到该动态图片的地址信息和该动态图片在网页中的位置信息;终端根据该地址信息,从服务器中下载该动态图片,并根据该动态图片的图片数据,在该位置信息对应的播放位置上渲染该动态图片。
需要说明的是,该源文件可以为使用指定语言编写的承载该网页内容的代码信息。例如,该源文件可以为使用HTML(Hyper Text Markup Language,超文本标记语言)编写的代码信息。终端解析该源文件中的网页脚本,生成该网页的DOM(Document ObjectModel,文档对象模型)树。其中,该网页中的动态图片对应于该DOM树中的图片节点,该图片节点中承载了该动态图片的地址信息和该动态图片的位置信息,终端识别出该DOM树中图片节点,获取该图片节点的地址信息和位置信息,根据该动态图片的地址信息,从服务器中下载该动态图片;并根据该位置信息,确定该动态图片在该网页中的播放位置。
当然,该网页脚本也可使用其它语言来编写,相应的,终端解析网页脚本得到地址信息和位置信息的具体过程也可由其他方式实现,本发明实施例对此不做具体限定。
本发明实施例中,在播放过程中,终端还可以控制网页中的动态图片进行播放样式的切换,例如,将该动态图片切换成其他图片进行播放,或者循环播放一定次数时便停止播放等,相比现有技术中循环重复的无效播放过程,避免了资源浪费。由于该切换后的播放样式可以根据需要进行设置,不仅满足了用户的浏览需求,也满足了网站商家的实际需求;在实际浏览过程中,丰富了动态图片的播放样式,提高了动态图片的播放效果。
在一种可能的设计中,实际上,有些网页的动态图片可能无需切换播放。为了准确控制多个网页中动态图片的播放过程,针对不同播放需求的多个网页,开发人员可以预先定义网页是否开启播放控制功能,该网页的播放控制功能用于控制该网页中的动态图片进行播放样式的切换,从而终端可以仅根据该网页是否开启播放控制功能,来判断是否需要对该网页中的动态图片进行播放样式的切换。具体的,终端可以通过以下步骤202确定该网页是否开启播放控制功能。
202、终端获取该网页的第二控制指示信息,当该第二控制指示信息指示不自动循环播放该网页中的动态图片时,确定该网页的播放控制功能开启。
该第二控制指示信息可以位于该网页脚本的第一指定位置;该第一指定位置可以为该网页脚本的起始位置。终端从该网页脚本的第一指定位置读取该网页的第二控制指示信息,当该第二控制指示信息指示不自动循环播放该网页中的动态图片时,终端确定该网页的播放控制功能开启;当该第二控制指示信息指示自动循环播放该网页中的动态图片时,终端确定该网页的播放控制功能未开启。
需要说明的是,该第二控制指示信息实际上是一个全局变量,终端可以仅通过全局变量,来判断该网页的播放控制功能是否开启,以确定是否切换动态图片的播放样式,从而提高了终端的控制效率;并且,每个网页对应一个第二控制指示信息,终端可以基于网页的第二控制指示信息实现该网页中动态图片的播放控制,从而提高了控制的准确性;对于不同播放需求的网页采取不同的播放样式,大大满足了不同用户和网站商家的需求,提高了方案的实用性。
本发明实施例中,终端可以通过播放控制信息实现对动态图片的切换播放控制,实际上,该播放控制信息是从播放条件和播放样式两个方面指示终端如何播放该动态图片,因此,终端可以先通过以下步骤203获取该播放控制信息,再基于该播放控制信息控制该动态图片的播放。
203、当该网页的播放控制功能开启时,终端从该网页中获取该动态图片的播放控制信息。
其中,该播放控制信息用于指示该动态图片的指定播放状态满足播放条件时切换至指定样式进行播放。该播放控制信息可以位于网页脚本的第二指定位置,该第二指定位置可以为该源文件中该动态图片对应的位置,从而每个动态图片可以对应一个播放控制指示信息;当该网页的播放控制功能开启时,终端从该第二指定位置读取该播放控制信息。
在一种可能的设计中,一个网页中可能嵌入多个动态图片,该多个动态图片中,有些动态图片可能需要切换播放,有些动态图片可以进行自动循环播放。为了进一步提高控制播放的精确性,开发人员还可以预先定义每个动态图片是否进行自动循环播放,使得终端可以基于单个图片的播放需求进行控制。因此,该步骤203可以替换为:终端获取该动态图片的第一控制信息,当该网页的播放控制功能开启且该动态图片的第一控制指示信息指示不自动循环播放该动态图片时,终端从该网页中获取该动态图片的播放控制信息。
其中,该第一控制指示信息用于指示是否自动循环播放该动态图片。该第一控制指示信息可以承载在网页脚本的第三指定位置,该第三指定位置可以为该源文件中该动态图片对应的位置,从而每个动态图片可以对应一个第一控制指示信息,终端从第三指定位置读取该第一控制指示信息。当该播放控制功能开启且该第一控制指示信息指示不自动循环播放该动态图片时,终端从该网页中获取该动态图片的播放控制信息;当该播放控制功能未开启时,或者,当该播放控制功能开启但该第一控制指示信息指示自动循环播放该动态图片时,终端自动循环播放该动态图片。
需要说明的是,终端可以通过调用网页客户端的播放接口播放该动态图片,当该动态图片进行自动循环播放时,终端调用该自动循环播放对应的播放接口,实现该动态图片的自动循环播放;当该动态图片不进行自动循环播放时,该终端通过以下步骤204-205,基于该播放控制信息进行播放。
需要说明的是,该源文件可以仅携带第一控制指示信息和第二控制指示信息中的任一个,终端基于该任一个信息的指示来确定控制该动态图片进行播放样式的切换,也即是,当第一控制指示信息指示不自动循环播放该网页中的动态图片时,或者,当该第二控制指示信息指示不自动循环播放该动态图片时,终端才确定控制该动态图片进行播放样式的切换,从而获取播放控制信息,并执行后续步骤204。当然,该源文件中也可以不携带第一控制指示信息和第二控制指示信息,终端默认对该动态图片进行播放样式的切换控制,也即是,步骤201后,终端直接获取播放控制信息,并执行步骤204。
204、在播放过程中,终端根据该动态图片的播放控制信息,获取该动态图片的指定播放状态。
终端通过该播放控制信息进行控制播放的过程,实际上是基于一个限制条件来判断何时进行切换到何种播放样式进行播放的过程。本步骤中,终端可以根据该播放控制信息,获取判断是否符合该播放条件时所需的指定播放状态。该播放条件可以为当前播放次数达到预设播放次数、当前播放时长达到预设播放时长或当前播放图像帧为预设图像帧,基于该播放条件的不同,本步骤可以通过以下三种方式实现。
第一种方式、当该播放条件为当前播放次数达到预设播放次数时,相应的,终端获取该动态图片的当前播放次数。
其中,终端将该动态图片内的多帧图像帧按照一定的播放顺序逐帧播放结束即为完成一次播放。然而,当该动态图片单次播放过程还未结束时,终端所获取的当前播放次数可能不准确,为了保证控制播放的准确性,该终端可以基于一个触发消息的触发来执行该获取操作,该触发消息可以为网页客户端的单次播放结束消息,则终端获取该动态图片的当前播放次数的步骤可以为:当接收到网页客户端的单次播放结束消息时,终端获取该动态图片的当前播放次数。
在实际的技术实现时,开发人员可以在该网页中可以注册网页客户端的回调函数,该回调函数中定义了与该播放控制信息相关的控制逻辑,每当该动态图片单次播放结束时,网页客户端回调该回调函数,并执行该回调函数中用于实现上述获取过程的一段代码。其中,该获取过程可以为:终端基于网页客户端的单次播放结束消息的触发,执行网页源文件中的回调函数,具体执行回调函数中调用该网页客户端的第一指定接口的接口调用代码,也即是,终端根据该接口调用代码,调用网页客户端的第一指定接口,获取该动态图片的当前播放次数。
其中,动态图片播放过程中,网页客户端会记录该动态图片的播放次数,终端基于回调函数中的一段代码,获取该当前播放次数,并将该当前播放次数作为该控制逻辑的参数,继续执行该回调函数中的控制逻辑时,从而实现了网页和网页客户端之间的数据交互,使得该网页可以感知该动态图片的播放状态,后续基于该播放状态主动针对性的调整该动态图片播放过程,从而提高了控制的便捷性。
需要说明的是,该预设播放次数可以由开发人员基于用户需求进行设置,本发明实施例对此不做具体限定。例如,该预设播放次数可以为3次、5次等。
第二种方式、当该播放条件为当前播放时长达到预设播放时长时,相应的,终端获取该动态图片的当前播放时长。
动态图片播放过程中,网页客户端还可以记录该动态图片的播放时长和/或当前播放的图像帧,终端可以通过该网页客户端确定当前播放时长,该过程可以为:终端从网页客户端中获取该动态图片的当前播放时长;或者,终端从该网页客户端中获取该动态图片的当前播放次数、单次播放时长、该动态图片内图像帧的总帧数和当前播放图像帧,根据该当前播放次数、该单次播放时长、该总帧数和该当前播放图像帧,确定该当前播放时长。
其中,终端可以通过调用该网页客户端的第二指定接口,获取该当前播放时长,该过程的具体实现方式与上述获取当前播放次数的过程同理,在此不做具体赘述。
另外,终端还可以基于当前播放多种状态信息,确定该当前播放时长,具体的,终端调用获取该多种状态信息的接口,从网页客户端中获取该多种状态信息,该多种状态信息可以为:动态图片的单次播放时长、总帧数、当前播放图像帧和/或当前播放次数。当该当前播放图像帧的播放顺序为该多帧图像帧中最后播放时,说明终端当前恰好完成一个单次播放过程,终端将该当前播放次数和单次播放时长的乘积,确定为该动态图片的当前播放时长;当该当前播放图像帧的播放顺序不是最后播放时,说明该动态图片当前的单次播放过程还未结束,终端将该当前播放次数和单次播放时长的乘积作为第一时长;并根据该单次播放时长、总帧数、当前播放图像帧,确定当前单次播放过程中播放到当前播放图像帧时所占时长,将其作为第二时长;终端将该第一时长和第二时长的和值确定为当前播放时长。
需要说明的是,该预设播放时长可以由开发人员基于用户需求进行设置,本发明实施例对此不做具体限定。例如,该预设播放时长可以为3秒、5秒等。
第三种方式、当该播放条件为当前播放图像帧为预设图像帧时,相应的,终端获取该动态图片的当前播放图像帧。
实际技术过程中,该当前播放图像帧可以用该当前播放图像帧的图像标识来表示,相应的,本步骤可以为:终端从网页客户端中获取该当前播放图像帧的图像标识。其中,该图像标识可以为该预设图像帧的编号或者播放顺序等。
其中,终端可以通过调用接口的方式获取该图像标识,其具体实现方式与上述获取当前播放次数的方式同理,此处不再一一赘述。
需要说明的是,该播放控制信息可以包括播放条件和指定样式,该播放条件和指定样式为开发人员事先在该网页内容的网页脚本中定义,多个动态图片可以对应多个播放控制信息,从而使得终端可以基于不同播放控制信息,对多个动态图片进行不同样式的控制播放,从而在保证准确控制的前提下,实现控制过程的多样性,大大提高了用户体验。
205、当该指定播放状态达到该播放条件时,终端按照指定样式对该动态图片进行播放。
本发明实施例中,基于该播放控制信息中播放条件的不同,根据该播放控制信息所实现的切换播放过程,可以有以下三种情况。
第一种情况、该播放控制信息用于指示当前播放次数达到预设播放次数时切换至指定样式进行播放,相应的,本步骤可以为:当该当前播放次数达到预设播放次数时,终端按照指定样式对该动态图片进行播放。
本步骤中,终端从网页源文件中获取该播放控制信息所指示的预设播放次数,判断该当前播放次数是否达到该预设播放次数;当该当前播放次数达到预设播放次数时,终端按照指定样式对该动态图片进行播放;当该当前播放次数未达到预设播放次数时,终端继续执行上述步骤204。
其中,该预设播放次数可以承载在源文件的回调函数中,终端基于该回调函数的控制逻辑,执行上述切换过程。该预设播放次数可以根据需要进行设置,本发明实施例对此不做具体限定;例如,该预设播放次数可以为5次、8次等。
其中,为了满足不同用户的多种浏览需求和不同网站商家的多种播放需求,开发人员可以基于多种播放需求设计多种播放样式,从而丰富动态图片的播放样式。相应的,该多种播放控制信息所指示的指定样式包括但不限于:切换图片播放、切换播放位置或播放轨迹播放、中断播放或者停止播放。基于该播放控制信息多种可能,终端切换播放的过程可以由以下四种方式中任一种方式实现。
第一种方式、该播放控制信息为第一播放控制信息,该第一播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他图片进行播放;相应的,本步骤可以为:当该当前播放次数达到预设播放次数时,终端根据该第一播放控制信息,将该动态图片切换至其他图片进行播放。
本步骤中,当该当前播放次数达到预设播放次数时,终端通过该网页的源文件,获取该切换后的其他图片的地址信息,基于该其他图片的地址信息,从服务器中下载该其他图片,并在该动态图片的播放位置上播放该其他图片;当该当前播放次数没有达到该预设播放次数时,终端继续执行上述步骤204。
在网页开发时,该其他图片的地址信息可以承载在该网页的源文件中,从而本步骤中,终端可以从该源文件中获取其他图片的地址信息;或者,该源文件中携带该其他图片的图片标识,终端实时从服务器中获取该图片标识对应的地址信息,则终端获取该切换后的其他图片的地址信息的步骤可以为:终端从该源文件中获取该图片标识,并向服务器发送获取指令,该获取指令携带该图片标识,服务器中存储该图片标识对应的地址信息,服务器根据该图片标识获取其他图片的地址信息,并向该终端返回该其他图片的地址信息,终端接收该地址信息,将其作为其他图片的地址信息。
实际技术实现时,开发人员可以在该网页的回调函数中定义与该动态图片的播放控制信息相关的控制逻辑,通过该控制逻辑,实现该动态图片的切换播放。该回调函数的程序指令具体由终端执行,该回调函数的执行过程可以为:当从网页客户端中获取该当前播放次数时,判断该当前播放次数是否达到该预设播放次数;当该当前播放次数达到该预设播放次数时,获取该切换后的其他图片的地址信息,根据该地址信息从服务器中下载该其他图片,并调用网页客户端的第三指定接口,该第三指定接口为网页客户端播放图片的接口,通过该第三指定接口,在该动态图片的播放位置播放该其他图片;当该当前播放次数未达到该预设播放次数时,继续执行基于该网页客户端的单次播放结束消息,获取该当前播放次数的步骤。
需要说明的是,由于源文件中携带该其他图片的地址信息,使得终端可以直接基于源文件下载并显示该其他图片,从而提高了切换的效率。或者,终端还可以基于该源文件中的图片标识,实时从服务器中获取其他图片的地址信息,开发人员可以在服务器中实时更新与该图片标识关联的地址信息。
例如,开发人员可以设计在该动态图片播放过程中***广告,当播放该动态图片达到预设播放次数时,将该动态图片切换为商家投放的广告图片进行播放,从而可以有效利用该动态图片的播放位置,提高了网页中各个显示位置的利用率。进一步的,当该源文件中携带图片标识时,开发人员还可以对服务器中该图片标识对应的地址信息进行定期更新,例如,定期更新为最新投放的广告图片的地址信息,无需再次编写该网页的源文件,从而简化了播放过程的动态更新,节省了开发成本,提高了工作效率。
其中,该其他图片可以为动态图片也可以为静态的图像帧,并且,当该切换后的图片的地址信息可以有多个或一个,每当正在播放的图片的指定播放状态符合播放条件时,终端可以根据多个地址信息,将该多个地址信息对应的图片依次切换播放,从而实现多个图片的拼接播放,增大网页的信息量,并提高了该动态图片的播放位置的利用效率。
在一种可能的设计中,终端还可以循环执行上述切换图片播放的步骤,也即是,该回调函数中的控制逻辑可以为循环切换的控制逻辑,终端在每当该当前动态图片播放完指定次数时,便执行将当前动态图片切换为其它图片进行播放的步骤。
第二种方式、该播放控制信息为第二播放控制信息,该第二播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他播放位置或播放轨迹进行播放;相应的,本步骤可以为:当该当前播放次数达到预设播放次数时,终端根据该第二播放控制信息,将该动态图片切换至其他播放位置或播放轨迹进行播放。
本步骤中,当该当前播放次数达到预设播放次数时,终端从该网页的源文件中获取切换播放所需的其他播放位置或播放轨迹,并在该其他播放位置上播放该动态图片,或者,按照该播放轨迹播放该动态图片。
当进行播放位置的切换播放时,终端可以通过该源文件中的其他位置信息,实现其他播放位置的切换播放,具体的,该其他位置信息可以为切换后的动态图片的宽和高,也可以为该动态图片的拉伸倍数或缩小倍数。相应的,终端根据该切换后的动态图片的宽和高,在该网页中播放该动态图片,或者,终端根据该拉伸倍数或缩小倍数,将该动态图片进行拉伸处理或缩小处理,并在网页中播放拉伸处理或缩小处理后的动态图片。其中,本发明实施例对该其他播放位置不做具体限定,例如,将该动态图片由小窗口播放切换至全屏播放,或由小窗口播放切换至左半屏播放等。
当进行播放轨迹的切换播放时,终端可以基于源文件中定义的轨迹信息,实现播放轨迹的切换播放,具体的,该轨迹信息可以为播放轨迹的起始位置、终止位置和从起始位置移动到终止位置的移动时长,相应的,终端根据该轨迹信息,在该移动时长内,将该动态图片从起始位置移动到终止位置。
实际技术实现时,上述其他位置信息或轨迹信息可以承载在回调函数的控制逻辑中,终端通过该控制逻辑,实现播放位置或播放轨迹的切换播放,该实现方式与上述第一种方式的实现方式同理,在此不做赘述。
在一种可能的设计中,终端还可以循环执行上述位置切换或轨迹切换进行播放的步骤,也即是,该回调函数中的控制逻辑可以为循环切换的控制逻辑,终端在每当该当前动态图片播放完指定次数时,便执行将当前动态图片切换至其他播放位置或播放轨迹进行播放的步骤。
第三种方式、该播放控制信息为第三播放控制信息,该第三播放控制信息用于指示在当前播放次数达到预设播放次数时中断播放预设时长再继续恢复播放;相应的,本步骤可以为:当该当前播放次数达到预设播放次数时,终端根据该第三播放控制信息,将该动态图片中断播放预设时长再继续恢复播放。
本步骤中,当该当前播放次数达到预设播放次数时,终端从网页源文件中获取中断播放对应的预设时长,停止播放该动态图片,并在停止了预设时长后,再继续播放该动态图片。
实际技术过程中,与上述第一种方式同理,该预设时长可以承载在回调函数的控制逻辑中,终端执行该回调函数,以实现上述中断播放。具体执行过程为:当该当前播放次数达到预设播放次数时,终端调用网页客户端的暂停播放接口,使得动态图片暂停播放;同时,终端开始计时,当计时达到预设时长时,调用该网页客户端的播放接口,使得动态图片可以继续播放。
在一种可能的设计中,该回调函数中还可以定义该动态图片的播放周期和中断时长,使得终端周期性对该的动态图片进行中断播放。例如,该回调函数中可以定义播放周期为5次,中断时长为3秒,也即是,终端每播放完5次该动态图片,进行一次为时3秒的中断播放,依次循环。
第四种方式、该播放控制信息为第四播放控制信息,该第四播放控制信息用于指示在当前播放次数达到预设播放次数时停止播放;相应的,本步骤可以为:当该当前播放次数达到预设播放次数时,终端根据该第四播放控制信息,停止播放该动态图片。
本步骤中,当该当前播放次数达到预设播放次数时,终端调用网页客户端的暂停播放接口,停止播放该动态图片。
实际技术过程中,与上述第三种方式同理,终端可以通过回调函数的控制逻辑,实现上述停止播放过程,该实现方式与上述第三种方式的实现方式同理,在此不做赘述。
需要说明的是,该播放控制信息中可以携带多个指定样式和该多个指定样式对应的切换顺序,终端还可以按照该切换顺序,采用上述四种方式中对应的多种方式进行播放样式的切换。例如,终端先将该动态图片切换至广告图片,并将该广告图片由小屏切换至全屏显示,在广告播放完后,继续在该动态图片的播放位置上播放其他的动态图片。
当然,可以由一个播放条件来触发该多个播放样式的切换,也即是,每当该当前播放状态符合播放条件时,例如,当前播放次数达到一定次数时,便按照切换顺序,切换至一种播放样式进行播放;或者,还可以由多个播放条件来触发多个播放样式的切换,也即是,终端按照切换顺序,判断是否满足某一播放样式对应的播放条件,当该当前播放状态符合对应的播放条件时,切换成该播放样式进行播放。
第二种情况、该播放控制信息用于指示当前播放时长达到预设播放时长时切换至指定样式进行播放,相应的,本步骤可以为:当该当前播放时长达到预设播放时长时时,终端按照指定样式对该动态图片进行播放。
本步骤中,终端从网页源文件中获取该播放控制信息所指示的预设播放时长,判断该当前播放时长是否达到该预设播放时长;当该当前播放时长达到预设播放时长时,终端按照指定样式对该动态图片进行播放;当该当前播放时长未达到预设播放时长时,终端继续执行上述步骤204。
与上述第一种情况同理,该预设播放时长可以承载在源文件的回调函数中,终端基于该回调函数的控制逻辑,执行上述切换过程;该预设播放时长可以根据需要进行设置,本发明实施例对此不做具体限定;例如,该预设播放时长可以为3秒、6秒等。并且,基于该播放控制信息多种可能,终端切换播放的过程可以由以下四种方式中任一种方式实现。
第一种方式、该播放控制信息为第五播放控制信息,该第五播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他图片进行播放;相应的,本步骤可以为:当该当前播放时长达到预设播放时长时,终端根据该第五播放控制信息,将该动态图片切换至其他图片进行播放。
需要说明的是,当该当前播放时长达到预设播放时长时,终端切换图片进行播放的实现方式与上述第一种情况的第一种方式同理,在此不做具体赘述。
第二种方式、该播放控制信息为第六播放控制信息,该第六播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他播放位置或播放轨迹进行播放;相应的,本步骤可以为:当该当前播放时长达到预设播放时长时,终端根据该第六播放控制信息,将该动态图片切换至其他播放位置或播放轨迹进行播放。
需要说明的是,当该当前播放时长达到预设播放时长时,终端切换至其他播放位置或播放轨迹进行播放的实现方式与上述第一种情况的第二种方式同理,在此不做具体赘述。
第三种方式、该播放控制信息为第七播放控制信息,该第七播放控制信息用于指示在当前播放时长达到预设播放时长时中断播放预设时长再继续恢复播放;相应的,本步骤可以为:当该当前播放时长达到预设播放时长时,终端根据该第七播放控制信息,将该动态图片中断播放预设时长再继续恢复播放。
需要说明的是,当该当前播放时长达到预设播放时长时,终端中断播放预设时长再继续恢复播放的实现方式与上述第一种情况的第三种方式同理,在此不做具体赘述。
第四种方式、该播放控制信息为第八播放控制信息,该第八播放控制信息用于指示在当前播放时长达到预设播放时长时停止播放;相应的,本步骤可以为:当该当前播放时长达到预设播放时长时,终端根据该第八播放控制信息,停止播放该动态图片。
需要说明的是,当该当前播放时长达到预设播放时长时,终端停止播放的实现方式与上述第一种情况的第四种方式同理,在此不做具体赘述。
第三种情况、该播放控制信息用于指示当前播放图像帧为预设图像帧时切换至指定样式进行播放,相应的,本步骤可以为:当该当前播放时长达到预设播放时长时时,终端按照指定样式对该动态图片进行播放。
本步骤中,终端从网页源文件中获取该预设图像帧对应的预设图像标识,判断该当前播放图像帧的图像标识是否与该预设图像标识相同;当该获取的图像标识与该预设图像标识相同时,终端确定当前播放图像帧为预设图像帧,按照指定样式对该动态图片进行播放;当该获取的图像标识与该预设图像标识不相同时,终端继续执行上述步骤204。
与上述第一种情况同理,该预设图像标识可以承载在源文件的回调函数中,终端基于该回调函数的控制逻辑,执行上述切换过程;基于该播放控制信息多种可能,终端切换播放的过程可以由以下四种方式中任一种方式实现。
第一种方式、该播放控制信息为第九播放控制信息,该第九播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他图片进行播放;相应的,本步骤可以为:当该当前播放图像帧为预设图像帧时,终端根据该第九播放控制信息,将该动态图片切换至其他图片进行播放。
需要说明的是,当该当前播放图像帧为预设图像帧时,终端切换图片进行播放的实现方式与上述两种情况的第一种方式同理,在此不做具体赘述。
第二种方式、该播放控制信息为第十播放控制信息,该第十播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他播放位置或播放轨迹进行播放;相应的,本步骤可以为:当该当前播放图像帧为预设图像帧时,终端根据该第十播放控制信息,将该动态图片切换至其他播放位置或播放轨迹进行播放。
需要说明的是,当该当前播放图像帧为预设图像帧时,终端切换至其他播放位置或播放轨迹进行播放的实现方式与上述两种情况的第二种方式同理,在此不做具体赘述。
第三种方式、该播放控制信息为第十一播放控制信息,该第十一播放控制信息用于指示在当前播放图像帧为预设图像帧时中断播放预设时长再继续恢复播放;相应的,本步骤可以为:当该当前播放图像帧为预设图像帧时,终端根据该第十一播放控制信息,将该动态图片中断播放预设时长再继续恢复播放。
需要说明的是,当该当前播放图像帧为预设图像帧时,终端中断播放预设时长再继续恢复播放的实现方式与上述两种情况的第三种方式同理,在此不做具体赘述。
第四种方式、该播放控制信息为第十二播放控制信息,该第十二播放控制信息用于指示在当前播放图像帧为预设图像帧时停止播放;相应的,本步骤可以为:当该当前播放图像帧为预设图像帧时,终端根据该第十二播放控制信息,停止播放该动态图片。
需要说明的是,当该当前播放图像帧为预设图像帧时,终端停止播放的实现方式与上述两种情况的第四种方式同理,在此不做具体赘述。
在一种可能的设计中,在播放过程中,用户还可以存储该动态图片内的感兴趣的图像帧,当终端接收到存储该动态图片内任一图像帧的存储指令时,从网页客户端中获取该任一图像帧,并将该任一图像帧存储至终端的指定存储空间中。
其中,终端检测到终端内存在存储事件时,生成该存储指令,该存储事件可以为终端播放至该任一图像帧时,用户对该任一图像帧进行的长按操作;或者,当用户点击存储按钮时,终端可以在当前屏幕上显示该动态图片内的多帧图像帧,终端将用户从多帧图像帧中选取任一图像帧的选择操作作为存储事件。当然,该存储事件还可以通过其他方式触发,本发明实施例对此不做具体限定。终端可以通过调用该网页客户端接口的方式,获取该任一图像帧的原始图像数据,并将该任一图像帧的原始图像数据存储在终端的指定存储空间中。
在一种可能的设计中,该动态图片的预设范围内显示有播放按钮和/或暂停播放按钮,该暂停播放按钮用于被触发时暂停播放该动态图片,该播放按钮用于被触发时播放该动态图片。当终端检测到该暂停播放按钮被触发时,终端通过调用网页客户端的暂停播放接口,停止播放该动态图片;当终端检测到该播放按钮被触发时,终端通过调用网页客户端的播放接口,继续播放该动态图片。
需要说明的是,该预设范围内可以基于用户需要进行设置,例如,该预设范围可以为动态图片上的左下角、中心等,或者动态图片的显示位置以外靠近该动态图片右下角的位置等。通过上述播放按钮和暂停播放按钮,使得用户可以自行控制该动态图片的播放,大大满足了用户对该动态图片的浏览体验。
需要说明的是,实际技术操作时,上述步骤实际上是终端执行网页的源文件的过程,当然,网页客户端的接口调用也是基于网页的源文件的代码来执行。为了更加清晰的说明本实施例的实施过程,仅以图3所示的流程图为例对整个方案的流程进行说明。参见图3,当用户点击某一网页时,终端基于该网页的网址加载该网页,并解析网页的源文件,生成DOM树,根据该DOM树,解析出该网页中动态图片所在的图片节点,基于该图片节点中的下载地址,下载该动态图片,并从图片节点中获取该图片的第一控制指示信息。当该当该动态图片的第一控制指示信息指示自动循环播放该动态图片时,终端自动循环播放该动态图片,直至网页浏览结束,停止播放;当该动态图片的第一控制指示信息指示不自动循环播放该动态图片时,终端在接到开始播放指令时,开始播放该动态图片,并且,在播放过程中,网页客户端通过单次播放结束消息,控制终端执行网页源文件的回调函数,终端基于该回调函数的控制逻辑,通过调用网页客户端接口的方式,获取该动态图片的指定播放状态,同样,基于该控制逻辑,当该指定播放状态符合播放条件时,终端基于该网页中调用网页客户端的播放接口或者暂停播放接口的代码、定义的播放位置或播放轨迹等信息,按照指定样式对该动态图片进行播放。
例如,以该播放条件为切换为当前播放次数达到预设播放次数时切换为其他图片进行播放为例:当该当前播放次数达到预设播放次数时,终端从服务器中加载该其他图片,并播放该其他图片。进一步的,当该其他图片为动态图片时,终端也可以设置该其他图片的指定播放次数,当该其他图片当前播放次数达到预设播放次数时,停止播放;或者,以单次播放完***其他图片进行播放为例,终端还可以在该动态图片单次播放结束时,***其他图片进行播放,例如,广告图片等;当其他图片播放完一次时,终端继续播放该动态图片,直至当前播放次数达到预设播放次数时,停止播放。
本发明实施例中,终端可以在动态图片播放过程中,基于网页中预先定义的播放控制信息,来控制该动态图片的播放样式,无需一直自动循环播放,从而丰富了动态图片的播放样式,提升了网页中动态图片的动态显示效果。并且,当该动态图片的指定播放样式达到播放条件时,才进行指定样式的切换播放,该播放条件可以基于需求进行设置,从而提高了控制的智能化。
图4是本发明实施例提供的一种播放动态图片的装置的结构示意图。参见图4,该装置包括:播放模块401和第一获取模块402。
播放模块401,用于当接收到网页显示指令时,播放网页中的动态图片;
第一获取模块402,用于在播放过程中,根据该动态图片的播放控制信息,获取该动态图片的指定播放状态,该播放控制信息用于指示在指定播放状态符合播放条件时切换至指定样式进行播放;
该播放模块401,还用于当该指定播放状态达到该播放条件时,按照指定样式对该动态图片进行播放。
可选的,该装置还包括:
第二获取模块,用于当该网页的播放控制功能开启时,从该网页中获取该动态图片的播放控制信息,该播放控制功能用于控制该网页中的动态图片进行播放样式的切换。
可选的,该第二获取模块,还用于当该播放控制功能开启,且该动态图片的第一控制指示信息指示不自动循环播放该动态图片时,从该网页中获取该动态图片的播放控制信息,该第一控制指示信息用于指示是否自动循环播放该动态图片。
可选的,该装置还包括:
确定模块,用于获取该网页的第二控制指示信息,当该第二控制指示信息指示不自动循环播放该网页中的动态图片时,确定该播放控制功能开启,该第二控制指示信息用于指示是否自动循环播放该网页中的动态图片。
可选的,该播放条件为当前播放次数达到预设播放次数、当前播放时长达到预设播放时长或当前播放图像帧为预设图像帧,该第一获取模块402包括:
第一获取单元,用于当该播放条件为当前播放次数达到预设播放次数时,获取该动态图片的当前播放次数;
第二获取单元,用于当该播放条件为当前播放时长达到预设播放时长时,获取该动态图片的当前播放时长;
第三获取单元,用于当该播放条件为当前播放图像帧为预设图像帧时,获取该动态图片的当前播放图像帧。
可选的,该第一获取单元,还用于当接收到网页客户端的单次播放结束消息时,获取该动态图片的当前播放次数。
可选的,该第二获取单元,还用于从网页客户端中获取该动态图片的当前播放时长;或者,从该网页客户端中获取该动态图片的当前播放次数、单次播放时长、该动态图片内图像帧的总帧数和当前播放图像帧,根据该当前播放次数、该单次播放时长、该总帧数和该当前播放图像帧,确定该当前播放时长。
可选的,该播放控制信息为第一播放控制信息,该第一播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他图片进行播放;或者,
该播放控制信息为第二播放控制信息,该第二播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他播放位置或播放轨迹进行播放;或者,
该播放控制信息为第三播放控制信息,该第三播放控制信息用于指示在当前播放次数达到预设播放次数时中断播放预设时长再继续恢复播放;或者,
该播放控制信息为第四播放控制信息,该第四播放控制信息用于指示在当前播放次数达到预设播放次数时停止播放。
可选的,该播放控制信息为第五播放控制信息,该第五播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他图片进行播放;或者,
该播放控制信息为第六播放控制信息,该第六播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他播放位置或播放轨迹进行播放;或者,
该播放控制信息为第七播放控制信息,该第七播放控制信息用于指示在当前播放时长达到预设播放时长时中断播放预设时长再继续恢复播放;或者,
该播放控制信息为第八播放控制信息,该第八播放控制信息用于指示在当前播放时长达到预设播放时长时停止播放。
可选的,该播放控制信息为第九播放控制信息,该第九播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他图片进行播放;或者,
该播放控制信息为第十播放控制信息,该第十播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他播放位置或播放轨迹进行播放;或者,
该播放控制信息为第十一播放控制信息,该第十一播放控制信息用于指示在当前播放图像帧为预设图像帧时中断播放预设时长再继续恢复播放;或者,
该播放控制信息为第十二播放控制信息,该第十二播放控制信息用于指示在当前播放图像帧为预设图像帧时停止播放。
可选的,该装置还包括:
第二获取模块,用于当接收到存储该动态图片内任一图像帧的存储指令时,从网页客户端中获取该任一图像帧,并将该任一图像帧存储至终端的指定存储空间中。
可选的,该动态图片的预设范围内显示有播放按钮和/或暂停播放按钮,该暂停播放按钮用于被触发时暂停播放该动态图片,该播放按钮用于被触发时播放该动态图片。
本发明实施例提供的装置,终端可以在动态图片播放过程中,基于网页中预先定义的播放控制信息,来控制该动态图片的播放样式,无需一直自动循环播放,从而丰富了动态图片的播放样式,提升了网页中动态图片的动态显示效果。并且,当该动态图片的指定播放样式达到播放条件时,才进行指定样式的切换播放,该播放条件可以基于需求进行设置,从而提高了控制的智能化。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
需要说明的是:上述实施例提供的播放动态图片的装置在播放动态图片时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将终端的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的播放动态图片的装置与播放动态图片的方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图5示出了本发明一个示例性实施例提供的终端的结构框图。该终端500可以是便携式移动终端,比如:智能手机、平板电脑、MP3播放器(Moving Picture Experts GroupAudio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture ExpertsGroup Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端500还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端500包括有:处理器501和存储器502。
处理器501可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器501可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器501也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器501可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器501还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器502可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器502还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器502中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器501所执行以实现本申请中方法实施例提供的播放动态图片的方法。
在一些实施例中,终端500还可选包括有:***设备接口503和至少一个***设备。处理器501、存储器502和***设备接口503之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口503相连。具体地,***设备包括:射频电路504、触摸显示屏505、摄像头506、音频电路507、定位组件508和电源509中的至少一种。
***设备接口503可被用于将I/O(Input/Output,输入/输出)相关的至少一个***设备连接到处理器501和存储器502。在一些实施例中,处理器501、存储器502和***设备接口503被集成在同一芯片或电路板上;在一些其他实施例中,处理器501、存储器502和***设备接口503中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路504用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路504通过电磁信号与通信网络以及其他通信设备进行通信。射频电路504将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路504包括:天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路504可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路504还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏505用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏505是触摸显示屏时,显示屏505还具有采集在显示屏505的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器501进行处理。此时,显示屏505还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏505可以为一个,设置终端500的前面板;在另一些实施例中,显示屏505可以为至少两个,分别设置在终端500的不同表面或呈折叠设计;在再一些实施例中,显示屏505可以是柔性显示屏,设置在终端500的弯曲表面上或折叠面上。甚至,显示屏505还可以设置成非矩形的不规则图形,也即异形屏。显示屏505可以采用LCD(LiquidCrystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件506用于采集图像或视频。可选地,摄像头组件506包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件506还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路507可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器501进行处理,或者输入至射频电路504以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端500的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器501或射频电路504的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路507还可以包括耳机插孔。
定位组件508用于定位终端500的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件508可以是基于美国的GPS(GlobalPositioning System,全球定位***)、中国的北斗***或俄罗斯的伽利略***的定位组件。
电源509用于为终端500中的各个组件进行供电。电源509可以是交流电、直流电、一次性电池或可充电电池。当电源509包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端500还包括有一个或多个传感器510。该一个或多个传感器510包括但不限于:加速度传感器511、陀螺仪传感器512、压力传感器513、指纹传感器514、光学传感器515以及接近传感器516。
加速度传感器511可以检测以终端500建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器511可以用于检测重力加速度在三个坐标轴上的分量。处理器501可以根据加速度传感器511采集的重力加速度信号,控制触摸显示屏505以横向视图或纵向视图进行用户界面的显示。加速度传感器511还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器512可以检测终端500的机体方向及转动角度,陀螺仪传感器512可以与加速度传感器511协同采集用户对终端500的3D动作。处理器501根据陀螺仪传感器512采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器513可以设置在终端500的侧边框和/或触摸显示屏505的下层。当压力传感器513设置在终端500的侧边框时,可以检测用户对终端500的握持信号,由处理器501根据压力传感器513采集的握持信号进行左右手识别或快捷操作。当压力传感器513设置在触摸显示屏505的下层时,由处理器501根据用户对触摸显示屏505的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器514用于采集用户的指纹,由处理器501根据指纹传感器514采集到的指纹识别用户的身份,或者,由指纹传感器514根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器501授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器514可以被设置终端500的正面、背面或侧面。当终端500上设置有物理按键或厂商Logo时,指纹传感器514可以与物理按键或厂商Logo集成在一起。
光学传感器515用于采集环境光强度。在一个实施例中,处理器501可以根据光学传感器515采集的环境光强度,控制触摸显示屏505的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏505的显示亮度;当环境光强度较低时,调低触摸显示屏505的显示亮度。在另一个实施例中,处理器501还可以根据光学传感器515采集的环境光强度,动态调整摄像头组件506的拍摄参数。
接近传感器516,也称距离传感器,通常设置在终端500的前面板。接近传感器516用于采集用户与终端500的正面之间的距离。在一个实施例中,当接近传感器516检测到用户与终端500的正面之间的距离逐渐变小时,由处理器501控制触摸显示屏505从亮屏状态切换为息屏状态;当接近传感器516检测到用户与终端500的正面之间的距离逐渐变大时,由处理器501控制触摸显示屏505从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图5中示出的结构并不构成对终端500的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在示例性实施例中,还提供了一种计算机可读存储介质,例如包括指令的存储器,上述指令可由终端中的处理器执行以完成下述实施例中的播放动态图片的方法。例如,所述计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (15)

1.一种播放动态图片的方法,其特征在于,所述方法应用于安装有网页客户端的终端,所述网页客户端用于打开网页,所述方法包括:
当接收到网页显示指令时,播放网页中的动态图片,所述网页显示指令用于指示所述终端从服务器获取所述网页的源文件,并从所述源文件中获取网页脚本,所述网页脚本中携带所述动态图片的地址信息和位置信息,所述网页脚本用于指示所述终端根据所述地址信息从所述服务器下载所述动态图片,并在所述位置信息对应的播放位置上渲染所述动态图片;
在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态,所述播放控制信息用于指示在指定播放状态符合播放条件时,按照指定样式对应的切换顺序切换至所述指定样式进行播放,所述播放条件包括:当前播放图像帧为预设图像帧,所述指定样式包括:切换图片播放、切换播放位置或者中断播放;
当所述指定播放状态达到所述播放条件时,按照所述指定样式和所述指定样式对应的切换顺序对所述动态图片进行播放。
2.根据权利要求1所述的方法,其特征在于,所述在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态之前,所述方法还包括:
当所述网页的播放控制功能开启时,从所述网页中获取所述动态图片的播放控制信息,所述播放控制功能用于控制所述网页中的动态图片进行播放样式的切换。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当所述播放控制功能开启,且所述动态图片的第一控制指示信息指示不自动循环播放所述动态图片时,执行所述从所述网页中获取所述动态图片的播放控制信息的步骤,所述第一控制指示信息用于指示是否自动循环播放所述动态图片。
4.根据权利要求2所述的方法,其特征在于,所述方法还包括:
获取所述网页的第二控制指示信息,当所述第二控制指示信息指示不自动循环播放所述网页中的动态图片时,确定所述播放控制功能开启,所述第二控制指示信息用于指示是否自动循环播放所述网页中的动态图片。
5.根据权利要求1所述的方法,其特征在于,所述播放条件还包括当前播放次数达到预设播放次数、当前播放时长达到预设播放时长,所述根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态包括:
当所述播放条件为当前播放次数达到预设播放次数时,获取所述动态图片的当前播放次数;
当所述播放条件为当前播放时长达到预设播放时长时,获取所述动态图片的当前播放时长;
当所述播放条件为当前播放图像帧为预设图像帧时,获取所述动态图片的当前播放图像帧。
6.根据权利要求5所述的方法,其特征在于,所述当所述播放条件为当前播放次数达到预设播放次数时,获取所述动态图片的当前播放次数包括:
当接收到网页客户端的单次播放结束消息时,获取所述动态图片的当前播放次数。
7.根据权利要求5所述的方法,其特征在于,所述当所述播放条件为当前播放时长达到预设播放时长时,获取所述动态图片的当前播放时长,包括:
从网页客户端中获取所述动态图片的当前播放时长;或者,
从所述网页客户端中获取所述动态图片的当前播放次数、单次播放时长、所述动态图片内图像帧的总帧数和当前播放图像帧,根据所述当前播放次数、所述单次播放时长、所述总帧数和所述当前播放图像帧,确定所述当前播放时长。
8.根据权利要求1所述的方法,其特征在于,
所述播放控制信息为第一播放控制信息,所述第一播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他图片进行播放;或者,
所述播放控制信息为第二播放控制信息,所述第二播放控制信息用于指示在当前播放次数达到预设播放次数时切换至其他播放位置或播放轨迹进行播放;或者,
所述播放控制信息为第三播放控制信息,所述第三播放控制信息用于指示在当前播放次数达到预设播放次数时中断播放预设时长再继续恢复播放;或者,
所述播放控制信息为第四播放控制信息,所述第四播放控制信息用于指示在当前播放次数达到预设播放次数时停止播放。
9.根据权利要求1所述的方法,其特征在于,
所述播放控制信息为第五播放控制信息,所述第五播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他图片进行播放;或者,
所述播放控制信息为第六播放控制信息,所述第六播放控制信息用于指示在当前播放时长达到预设播放时长时切换至其他播放位置或播放轨迹进行播放;或者,
所述播放控制信息为第七播放控制信息,所述第七播放控制信息用于指示在当前播放时长达到预设播放时长时中断播放预设时长再继续恢复播放;或者,
所述播放控制信息为第八播放控制信息,所述第八播放控制信息用于指示在当前播放时长达到预设播放时长时停止播放。
10.根据权利要求1所述的方法,其特征在于,
所述播放控制信息为第九播放控制信息,所述第九播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他图片进行播放;或者,
所述播放控制信息为第十播放控制信息,所述第十播放控制信息用于指示在当前播放图像帧为预设图像帧时切换至其他播放位置或播放轨迹进行播放;或者,
所述播放控制信息为第十一播放控制信息,所述第十一播放控制信息用于指示在当前播放图像帧为预设图像帧时中断播放预设时长再继续恢复播放;或者,
所述播放控制信息为第十二播放控制信息,所述第十二播放控制信息用于指示在当前播放图像帧为预设图像帧时停止播放。
11.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当接收到存储所述动态图片内任一图像帧的存储指令时,从网页客户端中获取所述任一图像帧,并将所述任一图像帧存储至终端的指定存储空间中。
12.根据权利要求1所述的方法,其特征在于,所述动态图片的预设范围内显示有播放按钮和/或暂停播放按钮,所述暂停播放按钮用于被触发时暂停播放所述动态图片,所述播放按钮用于被触发时播放所述动态图片。
13.一种播放动态图片的装置,其特征在于,所述装置应用于安装有网页客户端的终端,所述网页客户端用于打开网页,所述装置包括:
播放模块,用于当接收到网页显示指令时,播放网页中的动态图片,所述网页显示指令用于指示所述终端从服务器获取所述网页的源文件,并从所述源文件中获取网页脚本,所述网页脚本中携带所述动态图片的地址信息和位置信息,所述网页脚本用于指示所述终端根据所述地址信息从所述服务器下载所述动态图片,并在所述位置信息对应的播放位置上渲染所述动态图片;
第一获取模块,用于在播放过程中,根据所述动态图片的播放控制信息,获取所述动态图片的指定播放状态,所述播放控制信息用于指示在指定播放状态符合播放条件时,按照指定样式对应的切换顺序,切换至所述指定样式进行播放,所述播放条件包括:当前播放图像帧为预设图像帧,所述指定样式包括:切换图片播放、切换播放位置或者中断播放;
所述播放模块,还用于当所述指定播放状态达到所述播放条件时,按照所述指定样式和所述指定样式对应的切换顺序对所述动态图片进行播放。
14.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如权利要求1至权利要求12任一项所述的播放动态图片的方法所执行的操作。
15.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至权利要求12任一项所述的播放动态图片的方法所执行的操作。
CN201810146626.1A 2018-02-12 2018-02-12 播放动态图片的方法、装置、终端及计算机可读存储介质 Active CN108289237B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810146626.1A CN108289237B (zh) 2018-02-12 2018-02-12 播放动态图片的方法、装置、终端及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810146626.1A CN108289237B (zh) 2018-02-12 2018-02-12 播放动态图片的方法、装置、终端及计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN108289237A CN108289237A (zh) 2018-07-17
CN108289237B true CN108289237B (zh) 2020-08-25

Family

ID=62832938

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810146626.1A Active CN108289237B (zh) 2018-02-12 2018-02-12 播放动态图片的方法、装置、终端及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN108289237B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110968378A (zh) * 2018-09-29 2020-04-07 北京字节跳动网络技术有限公司 一种gif动画操作方法、装置、电子设备及存储介质
CN113225571B (zh) * 2021-03-25 2022-10-04 海南车智易通信息技术有限公司 一种直播封面的处理***、方法及计算设备
CN115499672B (zh) * 2021-06-17 2023-12-01 北京字跳网络技术有限公司 图像显示方法、装置、设备及存储介质
CN114756322B (zh) * 2022-05-09 2024-02-20 北京航云物联信息技术有限公司 一种图片处理方法、装置、计算机设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8438376B1 (en) * 2001-10-19 2013-05-07 Super Talent Technology, Corp. Method and system for providing a modular server on USB flash storage
CN104394481A (zh) * 2014-09-30 2015-03-04 腾讯科技(深圳)有限公司 视频播放方法及装置
CN106385635A (zh) * 2016-09-18 2017-02-08 福建天泉教育科技有限公司 Gif动画实时控制方法及播放器
CN106412631A (zh) * 2016-10-17 2017-02-15 合信息技术(北京)有限公司 视频播放方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8438376B1 (en) * 2001-10-19 2013-05-07 Super Talent Technology, Corp. Method and system for providing a modular server on USB flash storage
CN104394481A (zh) * 2014-09-30 2015-03-04 腾讯科技(深圳)有限公司 视频播放方法及装置
CN106385635A (zh) * 2016-09-18 2017-02-08 福建天泉教育科技有限公司 Gif动画实时控制方法及播放器
CN106412631A (zh) * 2016-10-17 2017-02-15 合信息技术(北京)有限公司 视频播放方法及装置

Also Published As

Publication number Publication date
CN108289237A (zh) 2018-07-17

Similar Documents

Publication Publication Date Title
CN109359262B (zh) 动画播放方法、装置、终端及存储介质
CN110602321B (zh) 应用程序切换方法、装置、电子装置及存储介质
CN107908929B (zh) 播放音频数据的方法和装置
CN110708596A (zh) 生成视频的方法、装置、电子设备及可读存储介质
CN108449641B (zh) 播放媒体流的方法、装置、计算机设备和存储介质
CN108289237B (zh) 播放动态图片的方法、装置、终端及计算机可读存储介质
WO2019105393A1 (zh) 网页内容的处理方法、装置、浏览器、设备及存储介质
CN110324689B (zh) 音视频同步播放的方法、装置、终端及存储介质
CN110300274B (zh) 视频文件的录制方法、装置及存储介质
CN111083526B (zh) 视频转场方法、装置、计算机设备及存储介质
CN109783183B (zh) 请求处理方法、装置、电子设备及存储介质
WO2021073293A1 (zh) 动画文件的生成方法、装置及存储介质
CN111752666A (zh) 窗口显示方法、装置和终端
CN113409427B (zh) 动画播放方法、装置、电子设备及计算机可读存储介质
CN110868636B (zh) 视频素材的截取方法、装置、存储介质及终端
CN109800003B (zh) 应用下载方法、装置、终端及存储介质
CN113282355A (zh) 基于状态机的指令执行方法、装置、终端及存储介质
CN112256181A (zh) 交互处理方法、装置、计算机设备及存储介质
CN112257006A (zh) 页面信息的配置方法、装置、设备及计算机可读存储介质
CN111437600A (zh) 剧情展示方法、装置、设备及存储介质
CN113918258A (zh) 页面滚动处理方法、装置、终端以及存储介质
CN110868642B (zh) 视频播放方法、装置及存储介质
CN112616082A (zh) 视频预览方法、装置、终端及存储介质
CN112118353A (zh) 信息显示方法、装置、终端及计算机可读存储介质
CN108228052B (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