CN107770629A - A kind of picture and video carousel method - Google Patents
A kind of picture and video carousel method Download PDFInfo
- 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
- carousel method
- automatically
- 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
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/47—End-user applications
- H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
- H04N21/4782—Web browsing, e.g. WebTV
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- 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)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
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
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.
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 (4)
| 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 |
| CN109684488A (en) * | 2018-11-28 | 2019-04-26 | 平安科技（深圳）有限公司 | Carousel control method and its device, computer-readable medium and electronic equipment |
| CN110032320A (en) * | 2019-04-08 | 2019-07-19 | 维沃移动通信有限公司 | A kind of control method of page scroll, device and terminal |
Citations (4)
| 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 |
-
2016
- 2016-08-15 CN CN201610669070.5A patent/CN107770629A/en active Pending
Patent Citations (4)
| 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 (5)
| 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 |
| CN109151547B (en) * | 2018-08-30 | 2021-07-23 | 广州虎牙信息科技有限公司 | Carousel method, carousel device, terminal and storage medium |
| CN109547835A (en) * | 2018-11-26 | 2019-03-29 | 北京字节跳动网络技术有限公司 | Video broadcasting method and device |
| CN109684488A (en) * | 2018-11-28 | 2019-04-26 | 平安科技（深圳）有限公司 | Carousel control method and its device, computer-readable medium and electronic equipment |
| 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 |
|---|---|---|
| US20210051359A1 (en) | Systems and methods for enabling transitions between items of content | |
| CN107770629A (en) | A kind of picture and video carousel method | |
| CN104169837B (en) | Method and apparatus for intelligent sound identification | |
| US9332303B2 (en) | System and method for delivering companion content | |
| US20170192642A1 (en) | Systems and methods for enabling transitions between items of content based on swipe gestures | |
| CN103856812B (en) | A kind of video broadcasting method and device | |
| Bødker et al. | Time‐out/time‐in: The dynamics of everyday experiential computing devices | |
| CN104125483A (en) | Audio comment information generating method and device and audio comment playing method and device | |
| US20150248918A1 (en) | Systems and methods for displaying a user selected object as marked based on its context in a program | |
| CN103546816A (en) | User interface processing and video playing method and user interface system | |
| CN102143403B (en) | Method and device for displaying and processing multimedia service, and multimedia service system | |
| CN103747358A (en) | Video playing method and apparatus | |
| US20180090177A1 (en) | Device and method for playing an interactive audiovisual movie | |
| CN103517126A (en) | Mosaic video display method, display control device and terminal | |
| CN107079125A (en) | Display device and its UI display methods | |
| CN106648375A (en) | Transverse video playing page operating method and system of mobile terminal | |
| US20170195734A1 (en) | Systems and methods for enabling transitions between items of content based on multi-level gestures | |
| US9542083B2 (en) | Configuration responsive to a device | |
| CN105451079A (en) | Method for achieving seamless play of multiple video programs on advertisement machine | |
| KR20140131166A (en) | Display apparatus and searching method | |
| CN102905185B (en) | The method of full voice control HTML5 video playback | |
| CN104038847A (en) | IPTV-based network video broadcasting control method and apparatus | |
| CN104936018A (en) | User identity recognition system and method based on intelligent television | |
| CN108008894B (en) | Content display method and device and terminal equipment | |
| Aguado et al. | Feeding digital omnivores: The impact of mobile media in digital entertainment |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180306 |