CN107770629A - A kind of picture and video carousel method - Google Patents

A kind of picture and video carousel method Download PDF

Info

Publication number
CN107770629A
CN107770629A CN201610669070.5A CN201610669070A CN107770629A CN 107770629 A CN107770629 A CN 107770629A CN 201610669070 A CN201610669070 A CN 201610669070A CN 107770629 A CN107770629 A CN 107770629A
Authority
CN
China
Prior art keywords
video
picture
carousel
automatically
sequentially roll
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.)
Pending
Application number
CN201610669070.5A
Other languages
Chinese (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.)
Ray Rhyme (shanghai) Industrial Co Ltd
Original Assignee
Ray Rhyme (shanghai) Industrial 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 Ray Rhyme (shanghai) Industrial Co Ltd filed Critical Ray Rhyme (shanghai) Industrial Co Ltd
Priority to CN201610669070.5A priority Critical patent/CN107770629A/en
Publication of CN107770629A publication Critical patent/CN107770629A/en
Pending legal-status Critical Current

Links

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
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance interaction techniques based on cursor appearance or behaviour being affected by the presence of displayed objects, e.g. visual feedback during interaction with elements of a graphical user interface through change in cursor appearance, constraint movement or attraction/repulsion with respect to a displayed object
    • 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

Abstract

The present invention relates to a kind of picture and video carousel method, comprise the following steps:1) when opening webpage, picture and video sequentially roll broadcasting;2) when corresponding video is moved into optimal view and admire in region, picture hides automatically and the corresponding video plays automatically;3) when the corresponding video finishes, sequentially roll to next picture or next video;If 4) next is picture, automatic sequential rolls, and is video if next, repeat step 2.The present invention more directly can more intuitively show product, and Website page can be allowed to become more simple and beautiful.

Description

A kind of picture and video carousel method
Technical field
The present invention relates to a kind of picture and video carousel method.
Background technology
At present, page viewers often see that various carousel figures and various carousels are big on major website homepage position Figure, the big figure of carousel of part website can be with seamless transitions to the mobile edition page.
Carousel figure or the big figure of carousel refer to that one group of picture carries out circulating rolling broadcasting, carousel figure or wheel at a time interval The switching time for broadcasting big figure is controllable, is usually to complete switching within (3 seconds to 4 seconds) in first screen eyes focus read access time, rich The experience of the rich page, information is propagated, visual communication this three aspect pursues equalization point.
And the difference that webpage design is maximum with planar design, seek to balancing " visual communication " and " information transmission " outside, Exclusive " interaction dynamic experience " is also added, and although the big figure of carousel figure or carousel of webpage possesses above-mentioned numerous advantages, But carousel figure or the big figure of carousel can not meet the requirement of each enterprise all the time, although each carousel figure or the big figure of carousel are to pass through Programmer is well-designed, but this is also that some changes can only be done to picture or poster, but can not meet each large enterprises at all Show the demand of diversification product information.
The content of the invention
The present invention proposes a kind of more succinct, attractive in appearance and various dimensions can show the picture of product within the limited time and regard Frequency carousel method.
The technical scheme of the invention is as follows:
A kind of picture and video carousel method, comprises the following steps:
1) when opening webpage, picture and video sequentially roll broadcasting;
2) when corresponding video is moved into optimal view and admire in region, picture hides automatically and the corresponding video plays automatically;
3) when the corresponding video finishes, sequentially roll to next picture or next video;
If 4) next is picture, automatic sequential rolls, and is video if next, repeat step 2.
Preferably, the video is the video file of two or more different-format, according to the machine of viewer Automatic decision simultaneously calls optimal video file, so that the machine of each viewer can be correctly decoded video.
Preferably, viewer can be by mouse control carousel speed, direction.
Preferably, viewer can be by the beginning and pause of video described in mouse control, so as to increase user's good experience.
Preferably, when network is poor, video is directly entered preload condition, and normal play is carried out after loaded, from And strengthen user's visual experience.
Beneficial effects of the present invention:
The present invention is capable of the advantage and bright spot of the more directly more intuitive application method for showing product, function and product.Make With video carousel Website page can also be allowed to become more simple and beautiful, by using packaged code, intermediate technician is just The manufacture of video carousel can be completed, has saved development cost indirectly.
Embodiment
The present invention is further described with reference to specific embodiment, but does not limit the invention to these tools Body embodiment.One skilled in the art would recognize that present invention encompasses may include in Claims scope All alternatives, improvement project and equivalents.
A kind of picture and video carousel method, comprises the following steps:
1) when opening webpage, picture and video sequentially roll broadcasting;
2) when corresponding video is moved into optimal view and admire in region, picture hides automatically and the corresponding video plays automatically;
3) when the corresponding video finishes, sequentially roll to next picture or next video;
If 4) next is picture, automatic sequential rolls, and is video if next, repeat step 2.
For the fluency and versatility of video playback, the present invention has prepared the video of three kinds of different-formats, substantially Meets the needs of global all users, our video file can be correctly decoded by accomplishing the machine of each viewer, when browsing When person opens webpage, the present invention is according to the machine automatic decision of viewer and calls optimal video file.
Viewer can be by the beginning and pause of the speed of mouse control carousel, direction and video, so as to increase user Good experience.
In view of the possibility that certain customers' network is poor, we realize the slower viewer of network speed with the methods of preloading Also can normal browsing video wheel multicast function, so as to strengthen user's visual experience.
The present invention saves product video production and the cost of publicity, and production more can be more intuitively shown by video carousel The advantage and bright spot of the application methods of product, function and product.Using video carousel the page of website can also be allowed to become simpler Clean more attractive, by using packaged code, intermediate technician has indirectly saved and opened with regard to that can complete the making of video carousel Send out cost.

Claims (5)

1. a kind of picture and video carousel method, it is characterised in that comprise the following steps:
1) when opening webpage, picture and video sequentially roll broadcasting;
2) when corresponding video is moved into optimal view and admire in region, picture hides automatically and the corresponding video plays automatically;
3) when the corresponding video finishes, sequentially roll to next picture or next video;
If 4) next is picture, automatic sequential rolls, and is video if next, repeat step 2.
2. picture as claimed in claim 1 and video carousel method, it is characterised in that the video be two kinds or two kinds with The video file of upper different-format.
3. picture as claimed in claim 1 and video carousel method, it is characterised in that when network is poor, video directly enters Enter preload condition, normal play is carried out after loaded.
4. picture as claimed in claim 1 and video carousel method, it is characterised in that the speed of mouse control carousel can be passed through Degree, direction.
5. picture as claimed in claim 1 and video carousel method, it is characterised in that video described in mouse control can be passed through Start and suspend.
CN201610669070.5A 2016-08-15 2016-08-15 A kind of picture and video carousel method Pending CN107770629A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610669070.5A CN107770629A (en) 2016-08-15 2016-08-15 A kind of picture and video carousel method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610669070.5A CN107770629A (en) 2016-08-15 2016-08-15 A kind of picture and video carousel method

Publications (1)

Publication Number Publication Date
CN107770629A true CN107770629A (en) 2018-03-06

Family

ID=61260823

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610669070.5A Pending CN107770629A (en) 2016-08-15 2016-08-15 A kind of picture and video carousel method

Country Status (1)

Country Link
CN (1) CN107770629A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109151547A (en) * 2018-08-30 2019-01-04 广州虎牙信息科技有限公司 A kind of carousel method, device, terminal and storage medium
CN109547835A (en) * 2018-11-26 2019-03-29 北京字节跳动网络技术有限公司 Video broadcasting method and device
CN110032320A (en) * 2019-04-08 2019-07-19 维沃移动通信有限公司 A kind of control method of page scroll, device and terminal

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103200206A (en) * 2012-01-06 2013-07-10 腾讯科技(深圳)有限公司 Advertisement displaying method and advertisement displaying client
CN103631865A (en) * 2013-11-01 2014-03-12 北京奇虎科技有限公司 Webpage generating method and device
CN104869429A (en) * 2015-05-19 2015-08-26 乐视致新电子科技(天津)有限公司 Video previewing method and apparatus
CN104965659A (en) * 2015-07-06 2015-10-07 无锡天脉聚源传媒科技有限公司 Page information preloading method and apparatus

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103200206A (en) * 2012-01-06 2013-07-10 腾讯科技(深圳)有限公司 Advertisement displaying method and advertisement displaying client
CN103631865A (en) * 2013-11-01 2014-03-12 北京奇虎科技有限公司 Webpage generating method and device
CN104869429A (en) * 2015-05-19 2015-08-26 乐视致新电子科技(天津)有限公司 Video previewing method and apparatus
CN104965659A (en) * 2015-07-06 2015-10-07 无锡天脉聚源传媒科技有限公司 Page information preloading method and apparatus

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109151547A (en) * 2018-08-30 2019-01-04 广州虎牙信息科技有限公司 A kind of carousel method, device, terminal and storage medium
CN109547835A (en) * 2018-11-26 2019-03-29 北京字节跳动网络技术有限公司 Video broadcasting method and device
CN110032320A (en) * 2019-04-08 2019-07-19 维沃移动通信有限公司 A kind of control method of page scroll, device and terminal

Similar Documents

Publication Publication Date Title
US10484744B2 (en) Display apparatus for processing multiple applications and method for controlling the same
EP2891322B1 (en) Sharing television and video programming through social networking
US8931003B2 (en) Image display apparatus and method for operating the same
US10595094B2 (en) Systems and methods of displaying content
CN103986962B (en) Show the method and system of floated broadcast window
Yang Faked in China: Nation branding, counterfeit culture, and globalization
JP6416626B2 (en) Play alternate view video on second screen
EP2602760B1 (en) Providing synchronous content and supplemental experiences
AU2019268123B2 (en) Systems and methods for enabling selection of available content including multiple navigation techniques
CN103119960B (en) Information processor, information processing method and program
Turner et al. Television studies after TV: Understanding television in the post-broadcast era
US9743130B2 (en) System and method for delivering companion content
US20190364336A1 (en) Method and apparatus for augmenting media content
CN103081502B (en) The method of operation image display
CN102473191B (en) System and method for searching in internet on a video device
CN1230732C (en) Method and apparatus for displaying multi-level menu
US8930975B2 (en) Methods and systems for compensating for disabilities when presenting a media asset
CN105260109B (en) A kind of playing speed adjusting method and terminal
US10529384B2 (en) Video recording method and apparatus for mobile terminal
CN101465957B (en) System for implementing remote control interaction in virtual three-dimensional scene
US20150172736A1 (en) Multiple advertising systems integrated using a video link aggregation system
CN101194505B (en) system and method for video-rich navigation
CN101945252B (en) Cross-platform media system and implementation method thereof
US9576334B2 (en) Second screen recipes function
US20160029094A1 (en) Enabling interaction between social network users during synchronous display of video channgel

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20180306

RJ01 Rejection of invention patent application after publication