CN114079818B - 一种瀑布流页面生成方法 - Google Patents

一种瀑布流页面生成方法 Download PDF

Info

Publication number
CN114079818B
CN114079818B CN202010850987.1A CN202010850987A CN114079818B CN 114079818 B CN114079818 B CN 114079818B CN 202010850987 A CN202010850987 A CN 202010850987A CN 114079818 B CN114079818 B CN 114079818B
Authority
CN
China
Prior art keywords
page
indication information
animation task
sub
layout
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
CN202010850987.1A
Other languages
English (en)
Other versions
CN114079818A (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.)
Hisense Broadband Multimedia Technology Co Ltd
Original Assignee
Hisense Broadband Multimedia 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 Hisense Broadband Multimedia Technology Co Ltd filed Critical Hisense Broadband Multimedia Technology Co Ltd
Priority to CN202010850987.1A priority Critical patent/CN114079818B/zh
Publication of CN114079818A publication Critical patent/CN114079818A/zh
Application granted granted Critical
Publication of CN114079818B publication Critical patent/CN114079818B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation 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
    • 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/44012—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 rendering scenes according to scene graphs, e.g. MPEG-4 scene graphs
    • 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/4402—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 reformatting operations of video signals for household redistribution, storage or real-time display
    • H04N21/440263—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 reformatting operations of video signals for household redistribution, storage or real-time display by altering the spatial resolution, e.g. for displaying on a connected PDA

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Processing Or Creating Images (AREA)

Abstract

一种瀑布流页面生成方法，当解析到页面中有瀑布流特征的指示信息时，检测指示信息中的第一子指示信息；当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画任务标记为第一动画任务；启动第一动画任务，设置页面布局的缩小比例；计算第一动画任务的第一结束时间；当当前时间点未超过第一结束时间时，对此帧画面按照缩小比例布局、渲染和按照缩小比例的倒数合成，生成瀑布流页面。此帧画面按照缩小比例布局，页面的整体尺寸减少，布局和渲染工作均减少，使得后续重新计算时每次移动的距离减少，且变换时间变短，导致页面移动过程变得流畅。

Description

一种瀑布流页面生成方法
技术领域
本申请涉及通信技术领域，尤其涉及一种瀑布流页面生成方法。
背景技术
IPTV(Internet Protocol Television，交互式网络电视)产品普遍使用B/S(服务器端-浏览器)架构，即运营商部署播放内容和浏览内容，机顶盒端集成浏览器负责展示页面。随着技术进步和功能的提升，运营商要展示的内容越来越丰富，需要的用户体验效果也越来越高，瀑布流页面展示方式应运出现。
瀑布流，是一种流行的网站页面布局。瀑布流的视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动。但是，由于电视的分辨率普标较高，在电视上采用瀑布流页面的形式展示信息时，需要渲染大量的内容，因此瀑布流页面的展示对机顶盒或电视的CPU(Central Processing Unit/Processor，中央处理器)的性能要求较高。在一些低端机顶盒上，由于CPU的性能较差，瀑布流页面上下移动时容易出现卡顿、黑块等情况。
为了解决瀑布流页面上下移动时容易出现卡顿、黑块等情况，常见的处理方式是丢帧处理。丢帧处理的过程是根据人眼感受特性，减少渲染/合成/展示的帧数，降低帧率。但由于丢帧处理是丢失部分显示内容，使得瀑布流页面上下移动时可能出现画面跳动感。
发明内容
本申请提供了一种瀑布流页面生成方法，以实现瀑布流页面上下移动时不出现画面跳动感。
一种瀑布流页面生成方法，包括：
解析待展示页面的源文件；
当解析到页面中有瀑布流特征的指示信息时，检测指示信息中的第一子指示信息；
当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画任务标记为第一动画任务，其中，第一动画任务为可缩小页面布局比例的动画任务；
启动第一动画任务，并设置页面布局的缩小比例；
根据第一子指示信息的变换时间和当前时间点，计算出第一动画任务的第一结束时间；
当当前时间点未超过第一结束时间时，根据当前时间点和第一子指示信息中的所有参数，计算此帧画面新的移动位置，并对此帧画面按照缩小比例布局、渲染和按照缩小比例的倒数合成，生成瀑布流页面。
有益效果：本申请提供了一种瀑布流页面生成方法，首先，解析待展示页面的源文件，当解析到页面中有瀑布流特征的指示信息时，检测指示信息中的第一子指示信息。其次，当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画任务标记为第一动画任务，其中，第一动画任务为缩小页面布局比例的动画任务。再次，启动第一动画任务，并设置页面布局的缩小比例。然后，根据第一子指示信息的变换时间和当前时间点，计算出第一动画任务的第一结束时间。最后，当当前时间点未超过第一结束时间时，根据当前时间点和第一子指示信息的所有参数，计算此帧画面新的移动位置，并对此帧画面按照缩小比例布局、渲染和按照缩小比例的倒数合成，生成瀑布流页面。本申请中，由于此帧画面按照缩小比例布局，布局时页面的长度和宽度均缩小，页面的整体尺寸减少，布局工作大大减少，进而渲染时间减少，使得后续重新计算时每次移动的距离减少，且变换时间变短，导致页面移动过程变得流畅；同时，对此帧画面按照缩小比例的倒数合成，将页面的长度和宽度均放大至正常页面的长度和宽度，使得页面恢复至原来的尺寸显示。
附图说明
为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种瀑布流页面生成方法的流程示意图；
图2为本申请实施例提供的另一种瀑布流页面生成方法的流程示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
IPTV(Internet Protocol Television，交互式网络电视)产品普遍使用B/S(服务器端-浏览器)架构，即运营商部署播放内容和浏览内容，机顶盒端集成浏览器负责展示页面。但运营商部署的瀑布流页面布局尺寸通常很大，比如1920*4320，在如此大的布局尺寸上布满不同海报以及对应连接。而IPTV机顶盒展示的屏幕尺寸通常要求是1920*1080。当用户进入此页面后，通常展示的是布局尺寸的最上方的1920*1080尺寸的内容。当用户通过上下键操作，完成页面的上下移动展示。
图1为本申请实施例提供的一种瀑布流页面生成方法的流程示意图。图2为本申请实施例提供的另一种瀑布流页面生成方法的流程示意图。如图1和2所示，本申请中提供的瀑布流页面生成方法，具体包括以下过程：
S100：解析待展示页面的源文件。
待展示页面的源文件在某种场景下可以为：jQuery('#waterfullRecBody').css({'-webkit-transform':'translate3D(0,(areaLocation)px,0)','-webkit-transition':'-webkit-transform durationTime cubic-bezier(0.4,0,0.2,1)'。
其中，jQuery是一种快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。
waterfullRecBody是整个页面布局的div元素。Div元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
Css(Cascading Style Sheets，层叠样式表)是一种用来表现HTML(标准通用标记语言下的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
webkit-transform指示机顶盒的页面要进行位置移动，如果没有后面-webkit-transition的描述，机顶盒会把整个页面直接向下移动areaLocation个像素，没有瀑布流的效果。
translate3D(0,(areaLocation)px,0)表示此次移动x和z方向都不动，只是y方向上移动了areaLocation个像素。
webkit-transition是要机顶盒实现一个变换的效果，表示要把webkit-transform描述的这个位置移动做出一个变换效果。
第一个参数就是上面的webkit-transform。
第二个参数是durationTime。durationTime是变换时间，表示完成webkit-transform这个位置移动需要花费的时间，也就是不要直接完成移动，而是慢慢的移动过去。
第三个参数是cubic-bezier(0.4,0,0.2,1)。cubic-bezier(0.4,0,0.2,1)是贝塞尔曲线描述，描述的是从开始到结束的不同速度效果(括号里面的四个值表示曲线四个点的参数，这里不详细描述)，如果没有这个贝塞尔曲线，机顶盒只会把页面在durationTime时间内匀速完成位置变换。有了这个贝塞尔曲线参数，则机顶盒要把页面在durationTime时间内参照要按照贝塞尔曲线描述进行不匀速移动，比如实现先快后慢的瀑布流移动效果(类似我们在手机屏幕上用手指向上滑动时的移动效果，不是匀速而是是先快后慢，或者先慢后快)。
举例：当待展示页面的源文件在某种场景下为jQuery('#waterfullRecBody').css({'-webkit-transform':'translate3D(0,600px,0)','-webkit-transition':'-webkit-transform durationTime cubic-bezier(0.4,0,0.2,1)'时，表示需要机顶盒把waterfullRecBody元素，在规定的时间内，按照贝塞尔曲线特性平滑向下移动600个像素。
S200：当解析到页面中有瀑布流特征的指示信息时，检测指示信息中的第一子指示信息。
指示信息为css变换语句。
css(Cascading Style Sheets，层叠样式表)变换语句用于指示页面具有瀑布流特征。其中，css变换语句为css({'-webkit-transform':'translate3D(0,(areaLocation)px,0)','-webkit-transition':'-webkit-transform durationTime cubic-bezier(0.4,0,0.2,1)'。
第一子指示信息为webkit-transition，所有参数包括webkit-transform、durationTime和cubic-bezier(0.4,0,0.2,1)。
当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，可将待启动的动画任务标记为第一动画任务或第二动画任务，或者第一动画任务和第二动画任务。当待启动的动画任务标记为第一动画任务时，执行S301-S801。S301-S801的具体过程如下：
S301：当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画任务标记为第一动画任务，其中，第一动画任务为可缩小页面布局比例的动画任务。
第二子指示信息为webkit-transform。第二子指示信息指示待启动的动画任务需要作纵向位移指的是webkit-transform参数中只有纵向参数不等于0，即纵向参数为(areaLocation)px。
待启动的动画任务是不断的根据第一指示信息的第一子指示信息、第二子指示信息和当前时间点，完成输入页面的位置变换，并进行布局、渲染和合成。比如举例中，把当前页面要在500ms内向下移动600个像素，如果每帧页面布局、渲染和合成的时间是20ms时，则这个动画任务要进行25次变换展示，每次变换大概向下移动24个像素。
S401：启动第一动画任务，并设置页面布局的缩小比例。
页面布局的缩小比例可以是70％、80％和90％等，但80％能达到最优的效果。
S501：根据第一子指示信息的变换时间和当前时间点，计算出第一动画任务的第一结束时间。
变换时间为durationTime时间。
S601：判断当前时间点是否超过第一结束时间。
第一动画任务的布局、渲染和合成的时间点均应处于第一结束时间内。
S701；当当前时间点未超过第一结束时间时，根据当前时间点和第一子指示信息的所有参数，计算此帧画面新的移动位置，并对此帧画面按照缩小比例布局、渲染和按照缩小比例的倒数合成，生成瀑布流页面。
由于机顶盒必须在要求的变换时间内完成规定距离的变换。如果每次移动的计算、布局、渲染费事较长，就会在后面重新计算时加大每次移动的距离。尤其变换距离较大，变换时间又短的情况下，页面这种情况会更加明显，最终导致整个页面移动过程变得跳动不流畅。
对此帧画面按照缩小比例布局，布局时页面的长度和宽度均缩小，页面的整体尺寸减少，布局工作大大减少，进而渲染时间减少，使得后续重新计算时每次移动的距离减少，且变换时间变短，导致页面移动过程变得流畅。
对此帧画面按照缩小比例的倒数合成，将页面的长度和宽度均放大至正常页面的长度和宽度，使得页面恢复至原来的尺寸进行显示。
S801；当当前时间点超过第一结束时间时，恢复页面布局的正常比例，并重新布局。
重新布局，可保证画面页面停止移动时展示的最后一帧画面是按照正常尺寸进行布局和合成的，防止缩小布局比例使页面清晰度损失的情况被用户察觉。
当待启动的动画任务标记为第二动画任务时，可执行S302-S802。S302-S802的具体过程如下：
S302：当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画也可标记为第二动画任务。其中，第二动画任务为关闭离屏渲染功能的动画任务。
S402：启动第二动画任务，关闭离屏渲染功能。
S502：根据第一子指示信息的变换时间和当前时间点，计算出第二动画任务的第二结束时间。
S602：判断当前时间点是否超过第二结束时间。
第二动画任务的布局、渲染和合成的时间点均应处于第二结束时间内。
S702：当当前时间点未超过第二结束时间时，根据当前时间点和第一子指示信息的所有参数，计算此帧画面新的移动位置，并对此帧画面进行布局、渲染和合成，生成瀑布流页面。
由于S402中已经关闭了离屏渲染功能，因而减少了机顶盒CPU的压力，加快了页面渲染速度。
S802：当当前时间点超过第二结束时间时，恢复离屏渲染功能。
当待启动的动画任务标记为第一动画任务和第二动画任务时，可先执行S301-S801，再执行S302-S802；也可先执行S302-S802，再执行S301-S801。
本申请提供了一种瀑布流页面生成方法，首先，解析待展示页面的源文件，当解析到页面中有瀑布流特征的指示信息时，检测指示信息中的第一子指示信息。其次，当第一子指示信息包括第二子指示信息，且第二子指示信息指示待启动的动画任务需要作纵向位移时，将待启动的动画任务标记为第一动画任务，其中，第一动画任务为缩小页面布局比例的动画任务。再次，启动第一动画任务，并设置页面布局的缩小比例。然后，根据第一子指示信息的变换时间和当前时间点，计算出第一动画任务的第一结束时间。最后，当当前时间点未超过第一结束时间时，根据当前时间点和第一子指示信息的所有参数，计算此帧画面新的移动位置，并对此帧画面按照缩小比例布局、渲染和按照缩小比例的倒数合成，生成瀑布流页面。本申请中，由于此帧画面按照缩小比例布局，布局时页面的长度和宽度均缩小，页面的整体尺寸减少，布局工作大大减少，进而渲染时间减少，使得后续重新计算时每次移动的距离减少，且变换时间变短，导致页面移动过程变得流畅；同时，对此帧画面按照缩小比例的倒数合成，将页面的长度和宽度均放大至正常页面的长度和宽度，使得页面恢复至原来的尺寸显示。由于本申请并没有丢帧，页面上下移动时不会出现画面跳动感。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (7)

1.一种瀑布流页面生成方法，其特征在于，包括：
解析待展示页面的源文件；
当解析到页面中有瀑布流特征的指示信息时，检测所述指示信息中的第一子指示信息；
当所述第一子指示信息包括第二子指示信息，且所述第二子指示信息指示待启动的动画任务需要作纵向位移时，将所述待启动的动画任务标记为第一动画任务，其中，所述第一动画任务为可缩小页面布局比例的动画任务；
启动所述第一动画任务，并设置页面布局的缩小比例；
根据所述第一子指示信息的变换时间和当前时间点，计算出所述第一动画任务的第一结束时间；
当所述当前时间点未超过所述第一结束时间时，根据所述当前时间点和所述第一子指示信息的所有参数，计算此帧画面新的移动位置，并对所述此帧画面按照所述缩小比例布局、渲染和按照所述缩小比例的倒数合成，生成瀑布流页面。
2.根据权利要求1所述的生成方法，其特征在于，所述方法还包括：
当所述当前时间点超过所述第一结束时间时，恢复页面布局的正常比例，并重新布局。
3.根据权利要求1所述的生成方法，其特征在于，所述待启动的动画任务还可被标记为第二动画任务，其中，所述第二动画任务为关闭离屏渲染功能的动画任务。
4.根据权利要求3所述的生成方法，其特征在于，所述方法还包括：
启动第二动画任务，关闭离屏渲染功能；
根据所述第一子指示信息的变换时间和当前时间点，计算出所述第二动画任务的第二结束时间；
当所述当前时间点未超过所述第二结束时间时，根据所述当前时间点和所述第一子指示信息的所有参数，计算此帧画面新的移动位置，并对所述此帧画面进行布局、渲染和合成，生成瀑布流页面。
5.根据权利要求4所述的生成方法，其特征在于，所述方法还包括：
当所述当前时间点超过所述第二结束时间时，恢复离屏渲染功能。
6.根据权利要求1所述的生成方法，其特征在于，所述页面布局的缩小比例为80％。
7.根据权利要求1所述的生成方法，其特征在于，所述第一子指示信息的参数还包括贝塞尔曲线。
CN202010850987.1A 2020-08-21 2020-08-21 一种瀑布流页面生成方法 Active CN114079818B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010850987.1A CN114079818B (zh) 2020-08-21 2020-08-21 一种瀑布流页面生成方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010850987.1A CN114079818B (zh) 2020-08-21 2020-08-21 一种瀑布流页面生成方法

Publications (2)

Publication Number Publication Date
CN114079818A CN114079818A (zh) 2022-02-22
CN114079818B true CN114079818B (zh) 2024-02-23

Family

ID=80282546

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010850987.1A Active CN114079818B (zh) 2020-08-21 2020-08-21 一种瀑布流页面生成方法

Country Status (1)

Country Link
CN (1) CN114079818B (zh)

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005014937A2 (en) * 2003-08-08 2005-02-17 Tucker Randall L Bio-passage for disrupting laminar flow
JP2007004524A (ja) * 2005-06-24 2007-01-11 Fujitsu Ltd 最適化レイアウト機能付きブラウザプログラム
US8212821B1 (en) * 2011-10-14 2012-07-03 Google Inc. Decomposing animations into primitives for browser-dependent rendering
CN104462309A (zh) * 2014-11-28 2015-03-25 北京奇虎科技有限公司 一种网页布局的方法及装置
CN105095200A (zh) * 2014-04-16 2015-11-25 北大方正集团有限公司 以瀑布流方式显示图片的方法和设备
CN107786882A (zh) * 2017-09-30 2018-03-09 青岛海信宽带多媒体技术有限公司 一种网页显示方法、装置及机顶盒
CN108665520A (zh) * 2018-04-24 2018-10-16 微梦创科网络科技（中国）有限公司 一种页面动画渲染的方法及装置
CN109726335A (zh) * 2018-12-29 2019-05-07 上海掌门科技有限公司 瀑布流页面展示、兴趣信息提供方法、装置、设备及介质
CN110445881A (zh) * 2019-09-19 2019-11-12 聚好看科技股份有限公司 数据传输方法、装置及系统
CN111225108A (zh) * 2019-11-13 2020-06-02 青岛海信移动通信技术股份有限公司 一种通信终端及负屏界面的卡片显示方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104284250A (zh) * 2013-07-12 2015-01-14 贝壳网际（北京）安全技术有限公司 一种视频处理方法、装置、服务器和客户端设备

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2005014937A2 (en) * 2003-08-08 2005-02-17 Tucker Randall L Bio-passage for disrupting laminar flow
JP2007004524A (ja) * 2005-06-24 2007-01-11 Fujitsu Ltd 最適化レイアウト機能付きブラウザプログラム
US8212821B1 (en) * 2011-10-14 2012-07-03 Google Inc. Decomposing animations into primitives for browser-dependent rendering
CN105095200A (zh) * 2014-04-16 2015-11-25 北大方正集团有限公司 以瀑布流方式显示图片的方法和设备
CN104462309A (zh) * 2014-11-28 2015-03-25 北京奇虎科技有限公司 一种网页布局的方法及装置
CN107786882A (zh) * 2017-09-30 2018-03-09 青岛海信宽带多媒体技术有限公司 一种网页显示方法、装置及机顶盒
CN108665520A (zh) * 2018-04-24 2018-10-16 微梦创科网络科技（中国）有限公司 一种页面动画渲染的方法及装置
CN109726335A (zh) * 2018-12-29 2019-05-07 上海掌门科技有限公司 瀑布流页面展示、兴趣信息提供方法、装置、设备及介质
CN110445881A (zh) * 2019-09-19 2019-11-12 聚好看科技股份有限公司 数据传输方法、装置及系统
CN111225108A (zh) * 2019-11-13 2020-06-02 青岛海信移动通信技术股份有限公司 一种通信终端及负屏界面的卡片显示方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
无源相控阵遥测信号频谱瀑布图设计与实现;邢建芳;;遥测遥控(05);全文 *
高度自适应横向瀑布流布局的原理与实现;李维强;周鑫;张文品;;电脑与信息技术(05);全文 *

Also Published As

Publication number Publication date
CN114079818A (zh) 2022-02-22

Similar Documents

Publication Publication Date Title
KR101379184B1 (ko) 디스플레이 항목들을 동적으로 줌 및 재배열하기 위한 시스템 및 방법
US7890881B1 (en) Systems and methods for a fold preview
KR101472844B1 (ko) 적응적 문서 디스플레이 장치 및 방법
EP1973042A1 (en) Method for displaying the document
WO2011091739A1 (zh) 一种焦点元素显示方法、装置及数字电视接收终端
KR20140030299A (ko) 동적 콘텐츠를 이용하여 줌 인 및 줌 아웃하기 위한 기법
JP2008198217A (ja) テーブルレイアウトを行うブラウザプログラム、方法および装置
JP2000010706A (ja) 表示制御装置、表示制御方法及び記録媒体
CN106294640B (zh) 网页显示方法及装置
CN113099287A (zh) 视频制作方法及装置
CN104281399B (zh) 依据手势翻译对应目标文字的系统及其方法
US20040177325A1 (en) Edit location indicator
CN105930464A (zh) Web富媒体跨屏适配方法和装置
CN113082696A (zh) 显示控制方法、装置和电子设备
CN111078035A (zh) 一种基于HTML5 Canvas的绘图方法
CN113099288A (zh) 视频制作方法及装置
CN114079818B (zh) 一种瀑布流页面生成方法
CN109343770B (zh) 交互反馈方法、设备和记录介质
US7659913B2 (en) Method and apparatus for video editing with a minimal input device
US9311060B2 (en) Methods and systems for defining slices
JP2003108284A (ja) 画像コンテンツ配信システム及び画像表示装置
JP4755813B2 (ja) クライアント端末
JP2009134753A (ja) クライアント端末
US9213681B2 (en) Method and system to modify source content to fit into a target display area in a browser
CN111597010A (zh) 一种Web页面的图片生成方法、装置、打印设备和记录介质

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