CN105868418B - A kind of image display method and device - Google Patents
A kind of image display method and device Download PDFInfo
- Publication number
- CN105868418B CN105868418B CN201610378493.1A CN201610378493A CN105868418B CN 105868418 B CN105868418 B CN 105868418B CN 201610378493 A CN201610378493 A CN 201610378493A CN 105868418 B CN105868418 B CN 105868418B
- Authority
- CN
- China
- Prior art keywords
- video
- shipping options
- options page
- page
- browser
- 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
Links
Classifications
-
- 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/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/73—Querying
- G06F16/738—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/74—Browsing; Visualisation therefor
Abstract
The embodiment of the invention discloses a kind of image display method and devices, this method comprises: determining the target video being shown in first Shipping Options Page when the Shipping Options Page that the browser is opened the first Shipping Options Page or currently shown is switched to the second Shipping Options Page by first Shipping Options Page；The target video includes video being played on and the video that pause plays；A synthesis layer is created in the corresponding conjunction stratified tree of an inner window of the browser；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；The inner window top set is shown in the web page contents region of the browser.This programme solves in the prior art, after user switching tag page, the problem of video shown in the former Shipping Options Page before switching can not automatically continue display.
Description
Technical field
The present invention relates to browser technology field, in particular to a kind of image display method and device.
Background technique
Browser refers to HTML (the HyperText Markup that can show web page server or file system
Language, HyperText Markup Language) file content, and can allow a kind of software of user and these file interactions；It is used
Come the text, image and other information being shown in WWW or local area network, these texts or image can be and connect other nets
The hyperlink of location, user can browse rapidly and easily various information by browser.
In the prior art, user can watch video in the Shipping Options Page of browser, in same Shipping Options Page, work as user
When scroll tab page causes video not to be then displayed in visible area current in Shipping Options Page, it will appear one in the Shipping Options Page
The moveable broadcast window for being used to play the video, the broadcast window always show in the visible area of the Shipping Options Page.
But in the prior art, after user switching tag page, after the video shown in the former Shipping Options Page before switching is switched
Shipping Options Page covering, display can not be automatically continued.
Summary of the invention
The embodiment of the invention provides a kind of image display method and devices, for solving in the prior art, user's switching
After Shipping Options Page, the problem of video shown in the former Shipping Options Page before switching can not automatically continue display.Technical solution is as follows:
In a first aspect, a kind of image display method provided in an embodiment of the present invention, is applied to browser, in the browser
Shipping Options Page in, only shown in each synthesis layer for showing video content in its video there are binding relationship
Hold, which comprises
When the browser opens the first Shipping Options Page or currently the Shipping Options Page that shows by first Shipping Options Page is switched to the
When two Shipping Options Pages, the target video being shown in first Shipping Options Page is determined；The target video includes view being played on
The video that frequency and pause play；
A synthesis layer is created in the corresponding conjunction stratified tree of an inner window of the browser；
Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；
The inner window top set is shown in the web page contents region of the browser.
Preferably, the determination is shown in the target video in first Shipping Options Page, comprising:
From all videos shown in the first Shipping Options Page, determine that the video of user's active click play is target video.
Preferably, in the first embodiment, described from all videos shown in the first Shipping Options Page, determine user
The video of active click play is target video, comprising:
From all videos shown in the first Shipping Options Page, based on the corresponding member letter of the corresponding video tab of each video
Breath, finds out the video of user's active click play；
The video found is determined as target video.
Preferably, in the second embodiment, described from all videos shown in the first Shipping Options Page, determine user
The video of active click play is target video, comprising:
It is corresponding aobvious in first Shipping Options Page based on each video from all videos shown in the first Shipping Options Page
Show information, finds out the video of user's active click play；
The video found is determined as target video.
Preferably, after the target video that the determination is shown in first Shipping Options Page, the method also includes:
From the corresponding conjunction stratified tree of first Shipping Options Page, the corresponding synthesis layer of the target video is removed.
Preferably, after the inner window top set is shown in the web page contents region of the browser, described the is closed
When one Shipping Options Page, the method also includes:
Obtain the corresponding video stream data of the target video and currently playing time schedule data；
Based on the video stream data and the time schedule data, the target described in simultaneous display in the inner window
Video.
On the other hand, a kind of video display devices provided in an embodiment of the present invention are applied to browser, in the browser
Shipping Options Page in, only shown in each synthesis layer for showing video content in its video there are binding relationship
Hold, described device includes:
Determining module, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by described first
When Shipping Options Page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video packet
Include the video of video being played on and pause broadcasting；
First establishes module, for creating a conjunction in the corresponding conjunction stratified tree of an inner window of the browser
Stratification；
Second establishes module, closes for establishing the binding of video content and the newly-built synthesis layer of the target video
System；
Display module, for showing the inner window top set in the web page contents region of the browser.
Preferably, the determining module is specifically used for:
When the browser opens the first Shipping Options Page or currently the Shipping Options Page that shows by first Shipping Options Page is switched to the
When two Shipping Options Pages, from all videos shown in the first Shipping Options Page, determine the video of user's active click play for target view
Frequently；Wherein, the target video includes video being played on and the video that pause plays.
Preferably, in the first embodiment, the determining module, comprising:
First searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by institute
When stating the first Shipping Options Page and being switched to the second Shipping Options Page, from all videos shown in the first Shipping Options Page, it is based on each video pair
The corresponding metamessage of the video tab answered, finds out the video of user's active click play；
First determines submodule, for the video found to be determined as target video.
Preferably, in the second embodiment, the determining module, comprising:
Second searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by institute
When stating the first Shipping Options Page and being switched to the second Shipping Options Page, from all videos shown in the first Shipping Options Page, it is based on each video pair
The video of user's active click play should be found out in the display information in first Shipping Options Page；
Second determines submodule, for the video found to be determined as target video.
Preferably, described device further include:
Remove module, for being marked from described first after determining the target video being shown in first Shipping Options Page
It signs in the corresponding conjunction stratified tree of page, removes the corresponding synthesis layer of the target video.
Preferably, described device further include: module is obtained, for being shown in the browser in the inner window top set
Web page contents region after, when closing first Shipping Options Page, obtain the corresponding video stream data of the target video and current
The time schedule data of broadcasting；
The display module is also used to based on the video stream data and the time schedule data, in the inner window
Target video described in simultaneous display in mouthful.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
Certainly, it implements any of the products of the present invention or method must be not necessarily required to reach all the above excellent simultaneously
Point.
Detailed description of the invention
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below
There is attached drawing needed in technical description to be briefly described, it should be apparent that, the accompanying drawings in the following description is only this
Some embodiments of invention for those of ordinary skill in the art without creative efforts, can be with
It obtains other drawings based on these drawings.
Fig. 1 is a kind of the first flow diagram of image display method provided in an embodiment of the present invention；
Fig. 2 is a kind of second of flow diagram of image display method provided in an embodiment of the present invention；
Fig. 3 is a kind of the third flow diagram of image display method provided in an embodiment of the present invention；
Fig. 4 is a kind of the first structural schematic diagram of video display devices provided in an embodiment of the present invention；
Fig. 5 is a kind of second of structural schematic diagram of video display devices provided in an embodiment of the present invention；
Fig. 6 is a kind of the third structural schematic diagram of video display devices provided in an embodiment of the present invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation description, it is clear that described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.It is based on
Embodiment in the present invention, it is obtained by those of ordinary skill in the art without making creative efforts every other
Embodiment shall fall within the protection scope of the present invention.
For the sake of clarity, simple introduction is done to the prior art for playing video in the Shipping Options Page of browser first.?
In the prior art, browser Shipping Options Page is usually<video>label or<embed>,<object>etc. for passing through HTML
Adobe Flash plug-in unit label plays video.It should be noted that the embodiment of the present invention can be applied to it is this kind of by above-mentioned mark
Label play the browser of video, but not limited thereto class browser.
The embodiment of the invention provides a kind of image display methods, are applied to browser, in the Shipping Options Page of the browser
In, only there are a video contents of binding relationship with it for display in each synthesis layer for showing video content.
It is well known by those skilled in the art that based on Chromium/Chrome kernel browser and FireFox it is clear
It lookes in device, the video content of Shipping Options Page can individually occupy a synthesis layer and be shown that is, this is individually occupied by video content
Synthesis layer only shows a video content, does not show other video contents and any content of other types, is such as not belonging to video
Picture, text of content etc.；Above-mentioned synthesis layer (compositing layer) be by a rendering layer (Paint Layer) or
Multiple rendering layers for merging display are constituted, and the rendering layer is DOM (Document Object Model, the document in Shipping Options Page
Object type) element is laid out (Layout) after pattern (Style) matching primitives and renders formation again in figure layer.
As shown in Figure 1, a kind of the first flow diagram of image display method provided in an embodiment of the present invention, the side
Method may include:
S101: when the Shipping Options Page that the browser is opened the first Shipping Options Page or currently shown is cut by first Shipping Options Page
When changing to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes broadcasting
The video that the video and pause put play.
It should be noted that the switching described herein for being directed to Shipping Options Page, does not imply that user closes above-mentioned first mark
Sign page；In addition, above-mentioned determination is shown in first Shipping Options Page when the first Shipping Options Page does not show any video content
Target depending on the step of be unable to complete, there will not be following corresponding steps, it is clear that, the embodiment of the present invention, which is applied, is showing video
First Shipping Options Page of content.
In actual application process, the video shown in Shipping Options Page includes the video of user's active click play, such as
Film, TV play, variety show etc., but in Shipping Options Page simultaneously may also include the video that simultaneously non-user is actively clicked, such as
The popularization video or advertisement video that automatic cycle plays in Shipping Options Page, in order to avoid the video that non-user is actively clicked is switching
It is still shown after Shipping Options Page, the determination is shown in the target video in first Shipping Options Page, can be with are as follows:
From all videos shown in the first Shipping Options Page, determine that the video of user's active click play is target video.
In the first implementation in embodiments of the present invention, all videos shown from the first Shipping Options Page
In, determine that the video of user's active click play is target video, it can be with are as follows:
From all videos shown in the first Shipping Options Page, based on the corresponding member letter of the corresponding video tab of each video
Breath, finds out the video of user's active click play；
The video found is determined as target video.
It will be appreciated by persons skilled in the art that browser can go to find the first Shipping Options Page completely by the prior art
All videos of middle display, the embodiment of the present invention are not described in detail this.
It include many metamessages in the video tabs such as<video>label and Adobe Flash plug-in unit label
(meta attribute), some metamessages can represent display video whether be user's active click play video,
Such as in<embed>Adobe Flash plug-in unit label, there is a kind of " allowfullscreen " metamessage, when
When allowfullscreen=" true ", then it represents that the corresponding video of the label is the video of user's active click play.
In second of implementation in embodiments of the present invention, all videos shown from the first Shipping Options Page
In, determine that the video of user's active click play is target video, it can be with are as follows:
It is corresponding aobvious in first Shipping Options Page based on each video from all videos shown in the first Shipping Options Page
Show information, finds out the video of user's active click play；
The video found is determined as target video.
It is understood that video council occupies a part of region in Shipping Options Page carries out display broadcasting, above-mentioned video is corresponding
Display information in first Shipping Options Page may include information: whether being shown centered on of the region, the display surface in the region
Whether product size, the length-width ratio in the region and the region can maximize to play video.
It will be evident that shared region would generally occupy in Shipping Options Page for the video of user's active click play
In, the display area in region can be not less than a certain preset threshold, and the length-width ratio in the region is in preset section, such as 1~3,
In addition, the region maximizing plays the video.Opposite, for the view of the non-user active click play such as advertisement video
Frequently, display area corresponding to has that display is not placed in the middle, display area is smaller, length-width ratio is excessive or too small and can not be maximum
The display situation such as change.
It should be noted that those skilled in the art can show information for these, it is according to corresponding empirical criteria
Corresponding comprehensive descision standard is arranged in browser.
In actual application, for determining user's active click play from all videos shown in Shipping Options Page
The method of video have been carried out, the embodiment of the present invention is not limited to above two implementation, can also use the prior art
In implementation.
In embodiments of the present invention, in step from all videos shown in the first Shipping Options Page, user's active point is determined
Hit broadcasting video be target video before, can first to whether shown in first Shipping Options Page can by user actively click broadcast
The video put tentatively is judged, such as can be led to by sending request to the corresponding server of browser to obtain server
The corresponding Type of website of the first Shipping Options Page and further video tab information that the technologies such as spiders obtain are crossed, and then is sentenced
Whether show and can be searched by the video of user's active click play, judgment method described herein existing in disconnected first Shipping Options Page
Index may be implemented in holding up, and details are not described herein again.
S102: a synthesis layer is created in the corresponding conjunction stratified tree of an inner window of the browser.
It should be noted that inner window (Aura window) described herein can be the kernel browsers such as Chrome
A window in inner window system.It will be appreciated by persons skilled in the art that above-mentioned conjunction stratified tree is by Shipping Options Page or window
The corresponding all synthesis layers of mouth are formed with tree.
S103: the video content of the target video and the binding relationship of the newly-built synthesis layer are established.
It is appreciated that after the binding relationship of the video content for establishing the target video and the newly-built synthesis layer,
The target video can be shown on the newly-built synthesis layer.
S104: the inner window top set is shown in the web page contents region of the browser.
It is well known by those skilled in the art that web page contents region is the page lower part of browser for display label page
The region of content, it is to be understood that the inner window can be inserted into the inner window of browser window by those skilled in the art
In the web page contents subtree of mouth tree, to realize that inner window top set is shown in the web page contents region of the browser；The present invention
Embodiment is for showing the technology used by the web page contents region of the browser without limitation for inner window top set.?
In the embodiment of the present invention, which is shown in the web page contents region of browser, i.e. the inner window is suspended in net
On page content area, it is clear that, which does not influence the DOM of the second Shipping Options Page currently shown.
In embodiments of the present invention, the attribute of the inner window can be set, so that user scrolls up and down the second Shipping Options Page
The page when, browser synchronously updates the position that the inner window is shown；When the user clicks when the window area, browser can
To refocus first Shipping Options Page；When user's drag window, browser can move the window.The realization of above-mentioned function
It can be achieved by the prior art, the embodiment of the present invention does not elaborate.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
It is appreciated that the first Shipping Options Page and the second Shipping Options Page in previous embodiment, explanation merely for convenience is specific
Operation and given title, in practical applications, according to business needs, the Shipping Options Page that any one in browser is opened can be with
As the first Shipping Options Page and the second Shipping Options Page.Moreover, the same Shipping Options Page both may be at different times above-mentioned first
Shipping Options Page, it is also possible to above-mentioned second Shipping Options Page.
In the application other embodiments, there is also with aforementioned similar concrete operations for convenience of explanation and given title
It limits, is provided to statement conveniently, be not that essence limits what some object only has the function of.Here no longer sieve one by one
Column.
Relative to Fig. 1, as shown in Fig. 2, a kind of second of process of image display method provided in an embodiment of the present invention is shown
It is intended to, after being switched to the second Shipping Options Page from the first Shipping Options Page, the first Shipping Options Page is still played caused by target video
For CPU (Central Processing Unit, central processing unit) or GPU (Graphics Processing Unit,
Graphics processor) performance consumption, after step slol, the method can also include:
S105: from the corresponding conjunction stratified tree of first Shipping Options Page, the corresponding synthesis layer of the target video is removed.
It should be noted that removing the target video removing from the corresponding conjunction stratified tree of first Shipping Options Page
After corresponding synthesis layer, when the Shipping Options Page that browser is currently shown switches back to the first Shipping Options Page again, need again described
A synthesis layer is created in the corresponding conjunction stratified tree of first Shipping Options Page and with target video binding in first Shipping Options Page
Continue to play the target video；The inner window should be closed simultaneously.
It is emphasized that step S105 is not limited between step S101 and S102, as long as being located at step
Between S101 and S103.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
Relative to Fig. 1, as shown in figure 3, a kind of the third process of image display method provided in an embodiment of the present invention is shown
It is intended to, when in order to make user still show other Shipping Options Pages in closing the first Shipping Options Page and browser, user still can be with
Continue the target video watched in the first Shipping Options Page, is shown in the web page contents area of the browser in the inner window top set
Behind domain, when closing first Shipping Options Page, the method can also include:
S106: the corresponding video stream data of the target video and currently playing time schedule data are obtained；
S107: the video stream data and the time schedule data, the simultaneous display institute in the inner window are based on
State target video.
It should be noted that step S106 and step S107 are realized by existing technological means.
In actual use, user is to close first label by clicking the close button in the first Shipping Options Page
Page, in the embodiment of the present invention, it is also possible to when user clicks close button, browser creates a hiding browser window
Mouthful, and first Shipping Options Page is placed in the hiding browser window, with running background first Shipping Options Page, make first label
Page can continue to provide video stream data and video control on backstage.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
The embodiment of the invention also provides a kind of video display devices, are applied to browser, in the label of the browser
In page, only there are a video contents of binding relationship with it for display in each synthesis layer for showing video content, accordingly
The embodiment of the method shown in Fig. 1, a kind of the first structural schematic diagram of video display devices as shown in Figure 4, the video are shown
Device includes:
Determining module 110, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by described the
When one Shipping Options Page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video
The video played including video being played on and pause；
First establishes module 120, for creating one in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；
Second establishes module 130, for establishing the video content of the target video and tying up for the newly-built synthesis layer
Determine relationship；
Display module 140, for showing the inner window top set in the web page contents region of the browser.
Specifically, the determining module 110, specifically can be used for:
When the browser opens the first Shipping Options Page or currently the Shipping Options Page that shows by first Shipping Options Page is switched to the
When two Shipping Options Pages, from all videos shown in the first Shipping Options Page, determine the video of user's active click play for target view
Frequently；Wherein, the target video includes video being played on and the video that pause plays.
Specifically, in the first implementation, the determining module 110 may include the first lookup submodule and
One determines submodule (not shown).
This first searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by
When first Shipping Options Page is switched to the second Shipping Options Page, from all videos shown in the first Shipping Options Page, it is based on each video
The corresponding metamessage of corresponding video tab, finds out the video of user's active click play；
The first determining submodule, for the video found to be determined as target video.
Specifically, in the second implementation, the determining module 110 may include the second lookup submodule and
Two determine submodule (not shown).
This second searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by
When first Shipping Options Page is switched to the second Shipping Options Page, from all videos shown in the first Shipping Options Page, it is based on each video
The corresponding display information in first Shipping Options Page, finds out the video of user's active click play；
The second determining submodule, for the video found to be determined as target video.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
Corresponding to embodiment of the method shown in Fig. 2, a kind of second of structural representation of video display devices as shown in Figure 5
Figure, the video display devices can also include:
Remove module 150, for after determining the target video that is shown in first Shipping Options Page, from described first
In the corresponding conjunction stratified tree of Shipping Options Page, the corresponding synthesis layer of the target video is removed.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
Corresponding to embodiment of the method shown in Fig. 3, a kind of the third structural representation of video display devices as shown in FIG. 6
Figure, which can also include: to obtain module 160, for being shown in the browsing in the inner window top set
Behind the web page contents region of device, when closing first Shipping Options Page, obtains the corresponding video stream data of the target video and work as
The time schedule data of preceding broadcasting；
The display module 140 can be also used for based on the video stream data and the time schedule data, described
Target video described in simultaneous display in inner window.
In the present solution, when the browser opens the first Shipping Options Page or the Shipping Options Page currently shown by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；One is created in the corresponding conjunction stratified tree of an inner window of the browser
A synthesis layer；Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；By the inner window
Mouth top set is shown in the web page contents region of the browser.Video content after user switching tag page, in former Shipping Options Page
It can automatically continue and be shown in the Shipping Options Page newly opened, to the nothing of the video in former Shipping Options Page when realizing user switching tag page
Seam viewing promotes the experience that user watches video.
It should be noted that, in this document, relational terms such as first and second and the like are used merely to a reality
Body or operation are distinguished with another entity or operation, are deposited without necessarily requiring or implying between these entities or operation
In any actual relationship or order or sequence.Moreover, the terms "include", "comprise" or its any other variant are intended to
Non-exclusive inclusion, so that the process, method, article or equipment including a series of elements is not only wanted including those
Element, but also including other elements that are not explicitly listed, or further include for this process, method, article or equipment
Intrinsic element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that
There is also other identical elements in process, method, article or equipment including the element.
Each embodiment in this specification is all made of relevant mode and describes, same and similar portion between each embodiment
Dividing may refer to each other, and each embodiment focuses on the differences from other embodiments.Especially for device reality
For applying example, since it is substantially similar to the method embodiment, so being described relatively simple, related place is referring to embodiment of the method
Part explanation.
Those of ordinary skill in the art will appreciate that all or part of the steps in realization above method embodiment is can
It is completed with instructing relevant hardware by program, the program can store in computer-readable storage medium,
The storage medium designated herein obtained, such as: ROM/RAM, magnetic disk, CD.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the scope of the present invention.It is all
Any modification, equivalent replacement, improvement and so within the spirit and principles in the present invention, are all contained in protection scope of the present invention
It is interior.
Claims (10)
1. a kind of image display method, which is characterized in that be applied to browser, in the Shipping Options Page of the browser, Mei Geyong
Only there are a video contents of binding relationship with it for display in the synthesis layer of display video content, which comprises
When the Shipping Options Page that the browser is opened the first Shipping Options Page or currently shown is switched to the second mark by first Shipping Options Page
When signing page, the target video being shown in first Shipping Options Page is determined；The target video include video being played on and
Suspend the video played；
A synthesis layer is created in the corresponding conjunction stratified tree of an inner window of the browser；
Establish the video content of the target video and the binding relationship of the newly-built synthesis layer；
The inner window top set is shown in the web page contents region of the browser；
The determination is shown in the target video in first Shipping Options Page, comprising:
From all videos shown in the first Shipping Options Page, determine that the video of user's active click play is target video.
2. the method according to claim 1, wherein described from all videos shown in the first Shipping Options Page,
The video for determining user's active click play is target video, comprising:
From all videos shown in the first Shipping Options Page, it is based on the corresponding metamessage of the corresponding video tab of each video, is looked into
Find out the video of user's active click play；
The video found is determined as target video.
3. the method according to claim 1, wherein described from all videos shown in the first Shipping Options Page,
The video for determining user's active click play is target video, comprising:
From all videos shown in the first Shipping Options Page, based on the corresponding display letter in first Shipping Options Page of each video
Breath, finds out the video of user's active click play；
The video found is determined as target video.
4. described in any item methods according to claim 1~3, which is characterized in that be shown in first mark in the determination
After signing the target video in page, the method also includes:
From the corresponding conjunction stratified tree of first Shipping Options Page, the corresponding synthesis layer of the target video is removed.
5. described in any item methods according to claim 1~3, which is characterized in that be shown in institute in the inner window top set
Behind the web page contents region for stating browser, when closing first Shipping Options Page, the method also includes:
Obtain the corresponding video stream data of the target video and currently playing time schedule data；
Based on the video stream data and the time schedule data, target described in simultaneous display is regarded in the inner window
Frequently.
6. a kind of video display devices, which is characterized in that be applied to browser, in the Shipping Options Page of the browser, Mei Geyong
Only with it there are a video content of binding relationship, described device includes: for display in the synthesis layer of display video content
Determining module, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by first label
When page is switched to the second Shipping Options Page, the target video being shown in first Shipping Options Page is determined；The target video includes just
In the video that the video of broadcasting and pause play；
First establishes module, for creating a synthesis in the corresponding conjunction stratified tree of an inner window of the browser
Layer；
Second establishes module, for establishing the video content of the target video and the binding relationship of the newly-built synthesis layer；
Display module, for showing the inner window top set in the web page contents region of the browser；
The determining module, is specifically used for:
When the Shipping Options Page that the browser is opened the first Shipping Options Page or currently shown is switched to the second mark by first Shipping Options Page
When signing page, from all videos shown in the first Shipping Options Page, determine that the video of user's active click play is target video；Its
In, the target video includes video being played on and the video that pause plays.
7. device according to claim 6, which is characterized in that the determining module, comprising:
First searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by described the
It is corresponding based on each video from all videos shown in the first Shipping Options Page when one Shipping Options Page is switched to the second Shipping Options Page
The corresponding metamessage of video tab, finds out the video of user's active click play；
First determines submodule, for the video found to be determined as target video.
8. device according to claim 6, which is characterized in that the determining module, comprising:
Second searches submodule, for when the browser open the first Shipping Options Page or currently the Shipping Options Page that shows by described the
When one Shipping Options Page is switched to the second Shipping Options Page, from all videos shown in the first Shipping Options Page, corresponded to based on each video
Display information in first Shipping Options Page, finds out the video of user's active click play；
Second determines submodule, for the video found to be determined as target video.
9. according to the described in any item devices of claim 6~8, which is characterized in that described device further include:
Remove module, for after determining the target video that is shown in first Shipping Options Page, from first Shipping Options Page
In corresponding conjunction stratified tree, the corresponding synthesis layer of the target video is removed.
10. according to the described in any item devices of claim 6~8, which is characterized in that described device further include:
Module is obtained, for after the inner window top set is shown in the web page contents region of the browser, described in closing
When the first Shipping Options Page, the corresponding video stream data of the target video and currently playing time schedule data are obtained；
The display module is also used to based on the video stream data and the time schedule data, in the inner window
Target video described in simultaneous display.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610378493.1A CN105868418B (en) | 2016-05-31 | 2016-05-31 | A kind of image display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610378493.1A CN105868418B (en) | 2016-05-31 | 2016-05-31 | A kind of image display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105868418A CN105868418A (en) | 2016-08-17 |
| CN105868418B true CN105868418B (en) | 2019-06-14 |
Family
ID=56641851
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610378493.1A Active CN105868418B (en) | 2016-05-31 | 2016-05-31 | A kind of image display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105868418B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108874800A (en) * | 2017-05-08 | 2018-11-23 | 中兴通讯股份有限公司 | Web browser method and device |
| CN110300320B (en) | 2018-03-22 | 2022-01-21 | 杭州海康威视数字技术股份有限公司 | Video playing method and device, electronic equipment and storage medium |
| CN110807158A (en) * | 2018-07-18 | 2020-02-18 | 北京字节跳动网络技术有限公司 | Label page control method, system, equipment and computer readable storage medium |
| CN109859289B (en) * | 2018-12-07 | 2023-06-27 | 高新兴科技集团股份有限公司 | IOS-based GPU rendering video tag adding method |
| CN111125562B (en) * | 2019-11-18 | 2024-02-09 | 上海连尚网络科技有限公司 | Method and equipment for switching display tag pages |
| CN112911367B (en) * | 2019-12-03 | 2022-04-19 | 腾讯科技（深圳）有限公司 | Video playing interface processing method and device and electronic equipment |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US11048736B2 (en) * | 2013-12-05 | 2021-06-29 | Lenovo (Singapore) Pte. Ltd. | Filtering search results using smart tags |
| CN104965693A (en) * | 2014-08-29 | 2015-10-07 | 腾讯科技（深圳）有限公司 | Video processing method and system |
| CN104915441A (en) * | 2015-06-26 | 2015-09-16 | 上海承蓝电子科技有限公司 | Image data visualization method, and device and system thereof |
-
2016
- 2016-05-31 CN CN201610378493.1A patent/CN105868418B/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN105868418A (en) | 2016-08-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105868418B (en) | A kind of image display method and device | |
| US11538066B2 (en) | Method for serving interactive content to a user | |
| CN105373567B (en) | Page generation method and client | |
| JP5323136B2 (en) | System and method enabling visual filtering of content | |
| US20160283096A1 (en) | Method of generating a link by utilizing a picture and system thereof | |
| US20100164989A1 (en) | System and method for manipulating adverts and interactive | |
| US20090024922A1 (en) | Method and system for synchronizing media files | |
| US20080072132A1 (en) | Concurrent presentation of media and related content lists | |
| CN105138568B (en) | Search result shows method, apparatus and search engine | |
| CN106060674A (en) | System and method for achieving intelligent video live broadcast on front end | |
| WO2008141031A2 (en) | Embedded video player advertisement display | |
| CN107272994A (en) | Form interface switching | |
| CN104182481B (en) | Resource recommendation method and device | |
| US20100060650A1 (en) | Moving image processing method, moving image processing program, and moving image processing device | |
| CN106254916A (en) | Live play method and device | |
| US20070074111A1 (en) | Method and system for selectively viewing the content of websites | |
| GB2503888A (en) | Expandable video playback timeline that includes the location of tag content. | |
| CN101493837A (en) | Network video playing method in multi-page browser and processing device | |
| CN106973329A (en) | A kind of barrage player and its method based on HTML5 | |
| CN107678645A (en) | A kind of presentation of information processing method and processing device and storage medium | |
| US20230419366A1 (en) | Method for serving interactive content to a user | |
| CN107786882A (en) | A kind of Webpage display process, device and set top box | |
| CN107168996B (en) | A kind of multimedia promotion method of third party and device | |
| WO2015105804A1 (en) | System and method for generating and using spatial and temporal metadata | |
| CN106951405B (en) | Data processing method and device based on typesetting engine |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |