CN106919598A - Webpage content display method and system - Google Patents
Webpage content display method and system Download PDFInfo
- Publication number
- CN106919598A CN106919598A CN201510995948.XA CN201510995948A CN106919598A CN 106919598 A CN106919598 A CN 106919598A CN 201510995948 A CN201510995948 A CN 201510995948A CN 106919598 A CN106919598 A CN 106919598A
- Authority
- CN
- China
- Prior art keywords
- webpage
- content display
- image
- webpage content
- main stor
- 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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the present invention proposes a kind of webpage content display method and system, can observe the environment of surrounding by user terminal in order to user, and accident problem caused by surrounding environment is ignored when reducing due to user's focused user terminal.Methods described includes control camera capture images；The image of capture is rendered in the background layer of Webpage, the main stor(e)y lower section of Webpage is placed in；And judge whether the difference of continuous two field pictures exceedes threshold value, when the difference of continuous two field pictures exceedes threshold value, the image that translucentization treatment is carried out to the web page element of main stor(e)y to be made to render in background layer emerges through main stor(e)y.
Description
Technical field
The present invention relates to computer mobile communication technology field, in particular to a kind of base
In the webpage content display method and system of user terminal.
Background technology
It is high in the user terminal miscellaneous such as smart mobile phone, panel computer, music player
Today of degree infiltration people's daily life, user browses webpage frequently by browser.Therewith
And come ground, in subway, on bus, escalator, the public place such as coffee shop occur in that
One new group --- " race of bowing ", so-called " race of bowing " refers to just that those are liked ardently and utilize zero
The broken time carries out the group of web page browsing using individual mobile terminal, and typical performance is " to bow and see
Screen shape ".While user terminal brings huge convenience to " race of bowing ", but also give
Their personal safety brings hidden danger, especially as user while operation user terminal one
When side is walked, easily bump against with other people, more it is a risk that large-scale as automobile may be bumped against
The vehicles and trigger traffic accident.
The content of the invention
It is an object of the invention to provide a kind of webpage content display method and system improving peace
Full early warning.
To achieve these goals, the technical scheme that the embodiment of the present invention is used is as follows：
In a first aspect, a kind of webpage content display method is the embodiment of the invention provides, it is described
Webpage content display method includes：Control camera capture images；In the background of Webpage
The image of capture is rendered in layer, the main stor(e)y lower section of Webpage is placed in；And judge continuous
Two field pictures difference whether exceed threshold value, when continuous two field pictures difference exceed threshold
During value, translucentization treatment is carried out to the web page element of main stor(e)y makes to render the figure in background layer
As emerging through main stor(e)y.
Second aspect, the embodiment of the present invention additionally provides a kind of webpage content display method, should
User terminal for being provided with browser, the webpage content display method includes：Control
Camera capture images；Web page element to the main stor(e)y of the Webpage of browser generation is carried out
Translucentization treatment；The image of capture is rendered in the background layer of Webpage, net is placed in
The image that the main stor(e)y lower section of the page page makes to render in background layer emerges through main stor(e)y.
The third aspect, the embodiment of the present invention additionally provides a kind of webpage content display system, institute
Stating webpage content display system includes：Image obtains module, for controlling camera capture figure
Picture；Module is rendered, the image for rendering capture in the background layer of Webpage, juxtaposition
In the main stor(e)y lower section of Webpage；Perform module, the difference for judging continuous two field pictures
It is different whether to exceed threshold value, when the difference of continuous two field pictures exceedes threshold value, the execution mould
It is saturating that group carries out the translucentization image that makes to render in background layer for the treatment of to the web page element of main stor(e)y
Main stor(e)y is crossed to emerge.
Fourth aspect, the embodiment of the present invention additionally provides a kind of webpage content display system, should
User terminal for being provided with browser, the webpage content display system includes：Image
Module is obtained, for controlling camera capture images；Module is performed, for being given birth to browser
Into the web page element of main stor(e)y of Webpage carry out translucentization treatment；Module is rendered, is used
In the image that capture is rendered in the background layer of Webpage, the main stor(e)y of Webpage is placed in
The image that lower section makes to render in background layer emerges through main stor(e)y.
What webpage content display method and system provided in an embodiment of the present invention captured camera
The web page element of main stor(e)y and is carried out translucentization by image rendering in the background layer of Webpage
The image that treatment makes to render in background layer emerges through main stor(e)y.In this way, user can be by use
Environment around the terminal observation of family, ignores surrounding when reducing due to user's focused user terminal
Accident problem caused by environment, and remind user surrounding environment to change, it is easy to user
Grasp to the situation of surrounding.
It is cited below particularly to enable the above objects, features and advantages of the present invention to become apparent
Preferred embodiment, and coordinate appended accompanying drawing, it is described in detail below.
Brief description of the drawings
Technical scheme in order to illustrate more clearly the embodiments of the present invention, below will be to embodiment
Needed for the accompanying drawing to be used be briefly described, it will be appreciated that the following drawings illustrate only
Certain embodiments of the present invention, therefore the restriction to scope is not construed as, for ability
For the those of ordinary skill of domain, on the premise of not paying creative work, can also basis
These accompanying drawings obtain other related accompanying drawings.
Fig. 1 shows answering for webpage content display method and system provided in an embodiment of the present invention
Use environment schematic；
Fig. 2 shows the structured flowchart of user terminal provided in an embodiment of the present invention；
Fig. 3 shows the schematic diagram of the Webpage of browser provided in an embodiment of the present invention；
Fig. 4 shows a kind of webpage content display system that first embodiment of the invention is provided
Structured flowchart；
Fig. 5 shows a kind of web page resources processing unit that second embodiment of the invention is provided
Structured flowchart；
Fig. 6 shows a kind of webpage content display method that third embodiment of the invention is provided
Schematic flow sheet；
Fig. 7 shows a kind of webpage content display method that fourth embodiment of the invention is provided
Schematic flow sheet；
Fig. 8 shows a kind of webpage content display method that fifth embodiment of the invention is provided
Schematic flow sheet；
Fig. 9 shows a kind of webpage content display method that fifth embodiment of the invention is provided
Schematic flow sheet.
Specific embodiment
The webpage content display method and system that the embodiment of the present invention is provided can be applied to such as figure
In applied environment shown in 1.As shown in figure 1, user terminal 100, remote server 200
In wireless network or cable network 300, by the wireless network or cable network 300,
User terminal 100 carries out data interaction with remote server 200.
In the embodiment of the present invention, user terminal 100 is preferably mobile terminal device, for example
Can include smart mobile phone, panel computer, E-book reader, pocket computer on knee,
Vehicle-mounted computer, Wearable mobile terminal etc..
The webpage content display method and system that the embodiment of the present invention is proposed, there is provided Yi Zhongxin
Webpage content display method.The webpage content display method and system is applicable to tool
Android operation system, iOS operating systems, Windows Phone operating systems or other
The user terminal 100 of platform.In the embodiment of the present invention, installed in the user terminal 100
There is browser, it is corresponding with web server 200, service is provided the user, in the webpage
Hold methods of exhibiting and system can run on the browser of user terminal 100.It should be noted that
Other application programs (APP) are also equipped with the user terminal 100, the embodiment of the present invention
Webpage content display method and system also can run on the other application journey of user terminal 100
Sequence.
Fig. 2 shows a kind of webpage content display method using the embodiment of the present invention and is
The structured flowchart of the user terminal 100 of system.As shown in Fig. 2 user terminal 100 includes depositing
Reservoir 102, storage control 104, one or more (one is only shown in figure) processors
106th, Peripheral Interface 108, radio frequency unit 110, audio unit 112, Touch Screen 114,
Camera 116 and displacement sensing element 118 etc..These components are by one or more communication
Bus/holding wire 120 is mutually communicated.
Memory 102 can be used to store software program and module, such as in the embodiment of the present invention
The corresponding programmed instruction/module of webpage content display method and system, processor 106 passes through
Software program and module of the operation storage in memory 102, so as to perform various functions
Using and data processing, such as webpage content display method provided in an embodiment of the present invention.
Memory 102 may include high speed random access memory, may also include nonvolatile memory,
Such as the storage of one or more magnetic storage device, flash memory or other nonvolatile solid states
Device.Processor 106 and other access of possible component to memory 102 can be in storages
Carried out under the control of controller 104.
Peripheral Interface 108 is by various input/output devices coupled to processor 106 and storage
Device 102.In certain embodiments, Peripheral Interface 108, processor 106 and storage control
Device 104 can be realized in one single chip.In some other example, they can be respectively
Realized by independent chip.
Radio frequency unit 110 is used to receive and send electromagnetic wave, realizes electromagnetic wave and electric signal
Mutual conversion, so as to being communicated with communication network or other equipment.
Audio unit 112 provides a user with COBBAIF, and it may include one or more Mikes
Wind, one or more loudspeaker and voicefrequency circuit.
Touch Screen 114 between user terminal 100 and user simultaneously provide one output and
Inputting interface.In the present embodiment, the Touch Screen 114 supports single-point and multi-point touch
Operation, for example, the Touch Screen 114 can be the electric capacity for supporting single-point and multi-point touch operation
Formula touch screen or resistance type touch control screen etc..Support that single-point and multi-point touch operation are Touch Screens
114 can sense the touch-control produced simultaneously from one or more positions on the touch screen 11
Operation, and transfer to processor 106 to be processed the multi-point touch operation for sensing.
The camera 116 is used for shooting image, and the image can be the body image of user,
It can also be ambient image.
The displacement sensing element 118 is used to sense the user terminal 100 in multiple directions
On rotational angular velocity or acceleration of gravity, such that it is able to judge that the user terminal 100 is
No displacement simultaneously thereby exports corresponding data.Above-mentioned displacement sensing element 118 can be top
Spiral shell instrument, or gravity sensor (G-sensor).
It is appreciated that the structure shown in Fig. 2 is only to illustrate, user terminal 100 may also include
Components more more than shown in Fig. 2 or less, or match somebody with somebody with different from shown in Fig. 2
Put.Each component shown in Fig. 2 can be realized using hardware, software or its combination.
Refer to Fig. 3, the web page resources that browser is provided in loading remote server 200 are (such as
Web resource) after obtain Webpage, the usual Webpage at least includes main stor(e)y and background
Layer, the background is placed on main stor(e)y lower section.In the present invention, the main stor(e)y is provided with word, figure
Various web page elements such as piece, title and customization button.Entered by the web page element to the main stor(e)y
The transparency of the web page element of the settable main stor(e)y of row translucentization treatment, passes through background layer
The web page element of translucentization treatment is showed, and making the Webpage of display has stereovision.
In the embodiment of the present invention, transparency is divided into all-transparent, translucent and opaque, full impregnated
Bright i.e. 100% transparency, main stor(e)y is completely unobstructed to background layer；Opaque i.e. 0%
Transparency, main stor(e)y blocks background layer completely；Between all-transparent and it is opaque between it is transparent
Degree is translucent.
Below in conjunction with accompanying drawing in the embodiment of the present invention, to the technical side in the embodiment of the present invention
Case is clearly and completely described, it is clear that described embodiment is only the present invention one
Section Example, rather than whole embodiments.Generally described and illustrated in accompanying drawing herein
The component of the embodiment of the present invention can arrange and design with a variety of configurations.Therefore,
The detailed description of the embodiments of the invention to providing in the accompanying drawings is not intended to limit and wants below
The scope of the present invention of protection is sought, but is merely representative of selected embodiment of the invention.It is based on
Embodiments of the invention, those skilled in the art are not on the premise of creative work is made
The every other embodiment for being obtained, belongs to the scope of protection of the invention.
It should be noted that：Similar label and letter represents similar terms in following accompanying drawing, because
This, once be defined in a certain Xiang Yi accompanying drawing, then need not be right in subsequent accompanying drawing
It is further defined and is explained.Meanwhile, in the description of the invention, term " first ",
" second " etc. is only used for distinguishing description, and it is not intended that indicating or implying relative importance.
First embodiment
Fig. 4 shows a kind of webpage content display system 40 that first embodiment of the invention is provided
Structured flowchart, refer to Fig. 4, the webpage content display system 40 in the present embodiment is preferred
The browser of user terminal 100 is run on, the webpage content display system 40 in the present embodiment
Module 41 is obtained, module 42 is rendered and performs module 43 including image.
The image obtains module 41 to be used to control the capture images of camera 116.
In the present embodiment, (the Hyper of HTML version 5 is used in browser
Text Make-up Language5, HTML5), the image obtains module 41 and passes through HTML5
Application programming interface (the Application of middle java script language (Javascript)
Programming Interface, API) call the capture images of camera 116, and acquisition to take the photograph
As the image of first 116 captures.The image can be the body image of user, or ring
Border image.
It is appreciated that the customization button of the main stor(e)y of Webpage can be touched in the present invention by point
On/off camera 116.
This renders module 42 for rendering the image of capture in the background layer of Webpage, and
It is placed in the main stor(e)y lower section of Webpage.
In the present embodiment, this renders each two field picture that module 42 captures camera 116
Render successively in the background layer of Webpage, be placed in the main stor(e)y lower section of Webpage.
The execution module 43 is used to judge whether the difference of continuous two field pictures to exceed threshold value,
When the difference of continuous two field pictures exceedes threshold value, webpage of the execution module 43 to main stor(e)y
The image that element carries out translucentization treatment and makes to render in background layer emerges through main stor(e)y.
Specifically, the execution module 43 be used for by camera 116 previous moment and it is current when
The two field pictures for carving capture are compared, if change (such as image of the continuous two field pictures
Same area size difference, position difference, color distinction) exceed predetermined threshold value when,
The application programming interface that the execution module 43 passes through java script language in HTML5
Webpage transparence script is injected to main stor(e)y, so as to the web page element to main stor(e)y carries out translucentization
Treatment.Thereafter, the current time of camera 116 and the image for capturing afterwards can pass through main stor(e)y and float
It is existing.If the change of the continuous two field pictures is not less than predetermined threshold value, the execution module
43 wouldn't process.
For example, when panel computer is used before user is sitting in table, the preposition shooting of panel computer
Head the first two field picture of capture, when there are other people behind in user, the preposition shooting of panel computer
Head capture and continuous second two field picture of first two field picture.Now, the execution module 43
First two field picture and the second two field picture are compared, due to the continuous two field pictures
The size (such as height of human body) of same area changes, and the size variation exceedes
First predetermined threshold value, so as to the web page element to main stor(e)y carries out translucentization treatment.In this way,
The image captured after second two field picture and camera 116 can pass through main stor(e)y and emerge, so as to
User's Real Time Observation situation after one's death.
And for example, when user's hand-held intelligent mobile phone and when walking, the rear camera capture of mobile phone
First two field picture, when user front there is barrier when, mobile phone rear camera capture with
Continuous second two field picture of first two field picture.Now, the execution module 43 is by first frame
Image and the second two field picture be compared, due to the same area of the continuous two field pictures
Color (such as red barrier) changes, and the color change is default more than second
Threshold value, so as to the web page element to main stor(e)y carries out translucentization treatment.In this way, second frame
The image captured after image and camera 116 can pass through main stor(e)y and emerge, so that user is real-time
Observation front road conditions.
It should be noted that the embodiment of the present invention carries out translucentization to the web page element of main stor(e)y
In a kind of specific embodiment for the treatment of, the execution module 43 can be by the word of main stor(e)y, figure
Piece is arranged to all-transparent, and the title of main stor(e)y is arranged into translucent；By other nets of main stor(e)y
Page element (such as customization button) is arranged to transparency set in advance.Certainly, master is set
During the transparency of the web page element of layer, it is also possible to combine the web page element by designer
It is specific to be presented effect, self-defined setting its relatively reasonable transparency.
In other embodiments, the capture of camera 116 is obtained when the image obtains module 41
After image, the web page element that the execution module 43 also can be directly to main stor(e)y is carried out at translucentization
Reason, and whether it is not limited to exceed threshold value according to the difference of continuous two field pictures, so should
Rendering module 42 can directly render in background layer the image obtained from camera 116 and thoroughly
Main stor(e)y is crossed to emerge.
Second embodiment
Fig. 5 shows a kind of webpage content display system 40 that second embodiment of the invention is provided
Structured flowchart, and unlike first embodiment, second embodiment of the invention provide one
Kind of webpage content display system 40 also include image preprocessing module 44, prompting module 45 and
Frequency setting module 46.
The image preprocessing module 44 is used to carry out pre- place to the image of the capture of camera 116
Reason.
In the present embodiment, the image preprocessing module 44 is used for according to the length-width ratio of background layer
Example cuts to the image of the capture of camera 116, the image after cutting is adapted to background layer
Size.
The prompting module 45 is used for when the difference of continuous two field pictures exceedes threshold value, output
Cue notes the change of surrounding environment to point out user.For example, above-mentioned cue can
To control user terminal 100 to eject prompting frame, or control audio unit 112 in Webpage
Send voice.
The frequency setting module 46 is used to obtain the data of the output of displacement sensing element 118, according to
The data exported according to displacement sensing element 118 change the frequency of the capture images of camera 116.
In the present embodiment, the frequency setting module 46 is by java script in HTML5
The application programming interface of language obtains the data of the output of displacement sensing element 118.The position
Move sensing element 118 and be subjected to displacement the first data of output for responding user terminal 100, this
When, the frequency setting module 46 is according to first data by java script in HTML5
The application programming interface of language improves the frequency of the capture images of camera 116.The displacement
Sensing element 118 is not subjected to displacement the second data of output for responding user terminal 100, this
When, the frequency setting module 46 is according to second data by java script in HTML5
The frequency of the application programming interface reduction capture images of camera 116 of language.
3rd embodiment
Fig. 6 shows a kind of webpage content display method that third embodiment of the invention is provided
Flow chart, it should be noted that, webpage content display method of the present invention is not scheming
6 and particular order as described below for limitation.It should be appreciated that in other embodiments,
The order of webpage content display method which part step of the present invention can be according to reality
Needs are exchanged with each other, or part steps therein can also be omitted or deleted.Below will be right
Idiographic flow shown in Fig. 6 is described in detail.Fig. 6 is referred to, the present embodiment description
The preferably handling process of browser, methods described includes：
Step S110, controls the capture images of camera 116.
In the present embodiment, HTML version 5 (HTML5) is used in browser,
The image obtain module 41 by HTML5 java script language (Javascript) should
The capture images of camera 116 are called with Program Interfaces, and obtains camera 116 and captured
Image.The image can be the body image of user, or ambient image.
It is appreciated that the customization button of the main stor(e)y of Webpage can be touched in the present invention by point
On/off camera 116.
Step S120, renders the image of capture in the background layer of Webpage, is placed in net
The main stor(e)y lower section of the page page.
In the present embodiment, this renders each two field picture that module 42 captures camera 116
Render successively in the background layer of Webpage, be placed in the main stor(e)y lower section of Webpage.
Step S130, judges whether the difference of continuous two field pictures exceedes threshold value, when continuous
Two field pictures difference exceed threshold value when, the web page element to main stor(e)y is carried out at translucentization
The image that reason makes to render in background layer emerges through main stor(e)y.
In the present embodiment, the execution module 43 by camera 116 in previous moment and current
The moment two field pictures of capture are compared, if the change of the continuous two field pictures is (as schemed
The size difference of the same area of picture, position difference, color distinction) exceed predetermined threshold value when,
The application programming interface that the execution module 43 passes through java script language in HTML5
Webpage transparence script is injected to main stor(e)y, so as to the web page element to main stor(e)y carries out translucentization
Treatment.Thereafter, the current time of camera 116 and the image for capturing afterwards can pass through main stor(e)y and float
It is existing.If the change of the continuous two field pictures is not less than predetermined threshold value, the execution module
43 wouldn't process.
A kind of webpage content display method that third embodiment of the invention is provided, it can browsed
The background layer of the Webpage of device renders the image of camera capture, so as to reduce due to user
Ignore accident problem caused by surrounding environment during focused user terminal, and remind user's week
Collarette border changes, and is easy to grasp of the user to the situation of surrounding, while being brought to user
More novel Product Experience.
Fourth embodiment
Fig. 7 shows a kind of webpage content display method that fourth embodiment of the invention is provided
Flow chart, its from unlike 3rd embodiment, fourth embodiment of the invention provide one kind
Webpage content display method also includes：
Step S112, it is performed after step silo.Step S112 is：To shooting
The image of first 116 capture is pre-processed.
In the present embodiment, the image preprocessing module 44 according to background layer Aspect Ratio pair
The image of the capture of camera 116 is cut, and the image after cutting is adapted to the chi of background layer
It is very little.Thereafter, the image by pre-processing can be rendered in the background layer of Webpage, juxtaposition
In the main stor(e)y lower section of Webpage.
Additionally, from unlike first embodiment, second embodiment of the invention provide one kind
Webpage content display method also includes：
Step S132, it is performed after step s 130.Step S132 is：Output is carried
Show signal.
Specifically, when the difference of continuous two field pictures exceedes threshold value, the prompting module 45
User is pointed out to note the change of surrounding environment by exporting cue.For example, above-mentioned carry
Show that signal can control user terminal 100 to eject prompting frame, or control audio in Webpage
Unit 112 sends voice.
5th embodiment
Fig. 8 shows a kind of webpage content display method that fifth embodiment of the invention is provided
Flow chart, its from unlike 3rd embodiment, fifth embodiment of the invention provide one kind
Webpage content display method also includes：
Step S140：The data of the output of displacement sensing element 118 are obtained, according to displacement sensing
The data of the output of element 118 change the frequency of the capture images of camera 116.
In the present embodiment, the frequency setting module 46 is by java script in HTML5
The application programming interface of language obtains the data of the output of displacement sensing element 118.The position
Move sensing element 118 and be subjected to displacement the first data of output for responding user terminal 100, this
When, the frequency setting module 46 is according to first data by java script in HTML5
The application programming interface of language improves the frequency of the capture images of camera 116.The displacement
Sensing element 118 is not subjected to displacement the second data of output for responding user terminal 100, this
When, the frequency setting module 46 is according to second data by java script in HTML5
The frequency of the application programming interface reduction capture images of camera 116 of language.
Certainly, step S140 can be in step S110, step S120, step S130
Performed after one of step.
Sixth embodiment
Fig. 9 shows a kind of webpage content display method that sixth embodiment of the invention is provided
Flow chart, it includes：
Step S160, controls the capture images of camera 116, for example, obtain mould by the image
Group 41 calls the capture images of camera 116, and obtains the image of the capture of camera 116.
Step S170, the web page element to the main stor(e)y of the Webpage of browser generation carries out half
Vitrification management, for example, inject webpage transparence script by the execution module 43 to main stor(e)y,
So as to the web page element to main stor(e)y carries out translucentization treatment.
Step S180, renders the image of capture in the background layer of Webpage, is placed in net
The image that the main stor(e)y lower section of the page page makes to render in background layer emerges through main stor(e)y, for example, lead to
Cross this and render the background layer of image rendering that module 42 captures camera 116 in Webpage
In, it is placed in the main stor(e)y lower section of Webpage.
That is, after the image of the capture of camera 116 is obtained, to the webpage unit of main stor(e)y
Element carries out translucentization treatment can also be carried out in advance, and is not limited to according to continuous two frame
Whether the difference of image exceedes threshold value, and the image for so being obtained from camera 116 can direct wash with watercolours
Contaminate in background layer and emerge through main stor(e)y.
Each module in the first embodiment of the present invention and second embodiment can be by software generation
Code realizes that now, above-mentioned each module can be stored in the memory 102 of user terminal 100
It is interior.Above each unit can equally be realized by hardware such as IC chip.Art
Technical staff can be understood that, for convenience and simplicity of description, foregoing description
The specific descriptions of method and step, may be referred to the specific descriptions of foregoing corresponding functional module group,
This is no longer going to repeat them.
In sum, webpage content display method and system provided in an embodiment of the present invention will be taken the photograph
As head capture image rendering browser Webpage background layer, and by the net of main stor(e)y
The image that page element carries out translucentization treatment and makes to render in background layer emerges through main stor(e)y.
In this way, user can observe the environment of surrounding by user terminal, reduce and used because user focuses on
Ignore accident problem caused by surrounding environment during the terminal of family, and remind user surrounding environment
Change, be easy to grasp of the user to the situation of surrounding.
It should be noted that each embodiment in this specification is retouched by the way of progressive
State, what each embodiment was stressed is the difference with other embodiment, each reality
Apply between example identical similar part mutually referring to.
The webpage content display system that the embodiment of the present invention is provided, its realization principle and generation
Technique effect it is identical with preceding method embodiment, be briefly describe, system embodiment part
Part is not referred to, corresponding contents in preceding method embodiment are referred to.
In addition, the flow chart and block diagram in accompanying drawing show multiple embodiments of the invention
System, the architectural framework in the cards of method and computer program product, function and behaviour
Make.At this point, each square frame in flow chart or block diagram can represent module, a journey
A part for sequence section or code a, part for the module, program segment or code includes one
Or multiple executable instructions for realizing the logic function of regulation.It should also be noted that having
In a little realizations as replacement, the function of being marked in square frame can also be with different from accompanying drawing
The order for being marked occurs.For example, two continuous square frames can essentially be substantially in parallel
Perform, they can also be performed in the opposite order sometimes, and this is depending on involved function.
It is also noted that each square frame and block diagram and/or flow in block diagram and/or flow chart
The combination of the square frame in figure, can be with the function or action for performing regulation it is special based on hard
The system of part is realized, or can be realized with the combination of computer instruction with specialized hardware.
The computer program product that the embodiment of the present invention is provided, including store program code
Computer-readable recording medium, the instruction that described program code includes can be used for perform before
Method described in embodiment of the method, implements and can be found in embodiment of the method, herein no longer
Repeat.
It is apparent to those skilled in the art that, for convenience and simplicity of description,
The specific work process of the system, device and unit of foregoing description, may be referred to preceding method
Corresponding process in embodiment, will not be repeated here.
In several embodiments provided herein, it should be understood that disclosed system,
Apparatus and method, can realize by another way.Device embodiment described above
It is only schematical, for example, the division of the unit, only a kind of logic function stroke
Point, can there are other dividing mode, and for example, multiple units or component when actually realizing
Can combine or be desirably integrated into another system, or some features can be ignored, or not
Perform.Another, shown or discussed coupling or direct-coupling or communication each other
Connection can be the INDIRECT COUPLING or communication connection of device or unit by some communication interfaces,
Can be electrical, mechanical or other forms.
The unit illustrated as separating component can be or may not be and physically divide
Open, the part shown as unit can be or may not be physical location, you can
With positioned at a place, or can also be distributed on multiple NEs.Can be according to reality
Some or all of unit therein is selected the need for border to realize the mesh of this embodiment scheme
's.
In addition, each functional unit in each embodiment of the invention can be integrated at one
Reason unit in, or unit be individually physically present, it is also possible to two or two with
Upper unit is integrated in a unit.
If the function is to realize in the form of SFU software functional unit and as independent product pin
When selling or using, can store in a computer read/write memory medium.Based on so
Understanding, the portion that technical scheme substantially contributes to prior art in other words
Divide or the part of the technical scheme can be embodied in the form of software product, the calculating
Machine software product is stored in a storage medium, including some instructions are used to so that a meter
Calculate machine equipment (can be personal computer, server, or network equipment etc.) and perform sheet
Invent all or part of step of each embodiment methods described.And foregoing storage medium bag
Include：USB flash disk, mobile hard disk, read-only storage (ROM, Read-Only Memory),
Random access memory (RAM, Random Access Memory), magnetic disc or CD
Etc. it is various can be with the medium of store program codes.
It should be noted that herein, such as first and second or the like relational terms
It is used merely to make a distinction an entity or operation with another entity or operation, without
It is certain require or imply these entities or operation between exist any this actual relation or
Person is sequentially.And, term " including ", "comprising" or its any other variant be intended to
Nonexcludability is included so that process, method, article including a series of key elements or
Person's equipment not only includes those key elements, but also other key elements including being not expressly set out,
Or it is this process, method, article or the intrinsic key element of equipment also to include.
In the case of there is no more limitations, the key element limited by sentence "including a ...", not
Exclusion also exists other in the process including the key element, method, article or equipment
Identical element.
The preferred embodiments of the present invention are the foregoing is only, are not intended to limit the invention,
For a person skilled in the art, the present invention can have various modifications and variations.It is all
Within the spirit and principles in the present invention, any modification, equivalent substitution and improvements made etc.,
Should be included within the scope of the present invention.It should be noted that：Similar label and letter
Similar terms is represented in following accompanying drawing, therefore, once determined in a certain Xiang Yi accompanying drawing
Justice, then need not further be defined and be explained in subsequent accompanying drawing to it.
Claims (16)
1. a kind of webpage content display method, it is characterised in that the webpage content display side
Method includes：
Control camera capture images；
The image of capture is rendered in the background layer of Webpage, the master of Webpage is placed in
Layer lower section；And
Judge whether the difference of continuous two field pictures exceedes threshold value, when continuous two field pictures
Difference when exceeding threshold value, the web page element of main stor(e)y is carried out translucentization treatment make to render in
Image in background layer emerges through main stor(e)y.
2. webpage content display method as claimed in claim 1, it is characterised in that described
Web page element to main stor(e)y carries out the mode of translucentization treatment including by HTML5
The application programming interface of java script language injects webpage transparence script to main stor(e)y, with
Web page element to main stor(e)y carries out translucentization treatment.
3. webpage content display method as claimed in claim 1, it is characterised in that described
Also include the Aspect Ratio according to background layer to shooting after the step of control camera capture images
Head capture image cut, make the image after cutting be adapted to background layer size the step of.
4. webpage content display method as claimed in claim 1, it is characterised in that described
Webpage content display method is also included when the difference of continuous two field pictures exceedes threshold value, defeated
The step of going out cue.
5. webpage content display method as claimed in claim 1, it is characterised in that described
Webpage content display method also includes obtaining the data of displacement sensing element output, according to displacement
The data of sensing element output change the frequency of camera capture images.
6. webpage content display method as claimed in claim 5, it is characterised in that foundation
The first data that the user terminal of displacement sensing element responds one is subjected to displacement output improve shooting
The frequency of head capture images；And do not sent out according to the user terminal described in displacement sensing element responds
The frequency of the second data reduction camera capture images of raw displacement output.
7. webpage content display method as claimed in claim 1, it is characterised in that described
The main stor(e)y and background layer of Webpage load the webpage money that remote server is provided by browser
Source obtains.
8. a kind of webpage content display method, is applied to be provided with the user terminal of browser,
Characterized in that, methods described includes：
Control camera capture images；
Web page element to the main stor(e)y of the Webpage of browser generation is carried out at translucentization
Reason；
The image of capture is rendered in the background layer of Webpage, the master of Webpage is placed in
The image that layer lower section makes to render in background layer emerges through main stor(e)y.
9. a kind of webpage content display system, it is characterised in that the webpage content display system
System includes：
Image obtains module, for controlling camera capture images；
Module is rendered, the image for rendering capture in the background layer of Webpage, juxtaposition
In the main stor(e)y lower section of Webpage；
Module is performed, whether the difference for judging continuous two field pictures exceedes threshold value, when
When the difference of continuous two field pictures exceedes threshold value, web page element of the execution module to main stor(e)y
The image that carrying out translucentization treatment makes to render in background layer emerges through main stor(e)y.
10. webpage content display system as claimed in claim 9, it is characterised in that institute
State and perform module by the application programming interface of java script language in HTML5 to master
Layer injection webpage transparence script, translucentization treatment is carried out with the web page element to main stor(e)y.
11. webpage content display systems as claimed in claim 9, it is characterised in that institute
Stating webpage content display system also includes image preprocessing module, for the length according to background layer
Ratio wide cuts to the image that camera is captured, and the image after cutting is adapted to background layer
Size.
12. webpage content display systems as claimed in claim 9, it is characterised in that institute
Stating webpage content display system also includes prompting module, for the difference in continuous two field pictures
It is different more than threshold value when, export cue.
13. webpage content display systems as claimed in claim 9, it is characterised in that institute
Stating webpage content display system also includes frequency setting module, for obtaining displacement sensing element
The data of output, the data according to the output of displacement sensing element change camera capture images
Frequency.
14. webpage content display systems as claimed in claim 13, it is characterised in that institute
Frequency setting module is stated for being subjected to displacement according to the user terminal of displacement sensing element responds one
First data of output improve the frequency of camera capture images；And for according to the displacement sense
The second data reduction camera that user terminal described in surveying element responds is not subjected to displacement output is caught
Obtain the frequency of image.
15. webpage content display systems as claimed in claim 9, it is characterised in that institute
The main stor(e)y and background layer for stating Webpage load the webpage that remote server is provided by browser
Resource is obtained.
A kind of 16. webpage content display systems, are applied to be provided with the user terminal of browser,
Characterized in that, the webpage content display system includes：
Image obtains module, for controlling camera capture images；
Module is performed, the web page element for the main stor(e)y of the Webpage generated to browser enters
The treatment of row translucentization；
Module is rendered, the image for rendering capture in the background layer of Webpage, juxtaposition
The image for making to render in background layer in the main stor(e)y lower section of Webpage emerges through main stor(e)y.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510995948.XA CN106919598A (en) | 2015-12-24 | 2015-12-24 | Webpage content display method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510995948.XA CN106919598A (en) | 2015-12-24 | 2015-12-24 | Webpage content display method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106919598A true CN106919598A (en) | 2017-07-04 |
Family
ID=59455118
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510995948.XA Pending CN106919598A (en) | 2015-12-24 | 2015-12-24 | Webpage content display method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106919598A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108053436A (en) * | 2017-11-15 | 2018-05-18 | 广州阿里巴巴文学信息技术有限公司 | Processing method, device, electronic equipment and the picture servers of picture |
| CN110245291A (en) * | 2019-05-23 | 2019-09-17 | 广州至真信息科技有限公司 | A kind of display methods of business datum, device, computer equipment and storage medium |
| CN111026392A (en) * | 2019-11-14 | 2020-04-17 | 北京金山安全软件有限公司 | Method and device for generating guide page and electronic equipment |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101957712A (en) * | 2010-05-26 | 2011-01-26 | 宇龙计算机通信科技(深圳)有限公司 | Display control method, system and mobile terminal for displaying interface background picture |
| CN102163216A (en) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | Picture display method and device thereof |
| CN102510425A (en) * | 2011-10-28 | 2012-06-20 | 上海华勤通讯技术有限公司 | Mobile terminal and live-action display method |
| CN202472833U (en) * | 2011-10-31 | 2012-10-03 | 天津市职业大学 | ARM platform based remote motion detecting and monitoring alarm device |
| CN102752450A (en) * | 2012-06-18 | 2012-10-24 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and information display method |
| CN102981844A (en) * | 2012-11-13 | 2013-03-20 | 北京奇虎科技有限公司 | Browser treating webpage main body element and method treating the webpage main body element |
| CN103338280A (en) * | 2012-03-02 | 2013-10-02 | 锺维德 | Smartphone with front pick-up lens and real-time display and operation method thereof |
| CN104462528A (en) * | 2011-12-28 | 2015-03-25 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
-
2015
- 2015-12-24 CN CN201510995948.XA patent/CN106919598A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101957712A (en) * | 2010-05-26 | 2011-01-26 | 宇龙计算机通信科技(深圳)有限公司 | Display control method, system and mobile terminal for displaying interface background picture |
| CN102163216A (en) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | Picture display method and device thereof |
| CN102510425A (en) * | 2011-10-28 | 2012-06-20 | 上海华勤通讯技术有限公司 | Mobile terminal and live-action display method |
| CN202472833U (en) * | 2011-10-31 | 2012-10-03 | 天津市职业大学 | ARM platform based remote motion detecting and monitoring alarm device |
| CN104462528A (en) * | 2011-12-28 | 2015-03-25 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN103338280A (en) * | 2012-03-02 | 2013-10-02 | 锺维德 | Smartphone with front pick-up lens and real-time display and operation method thereof |
| CN102752450A (en) * | 2012-06-18 | 2012-10-24 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and information display method |
| CN102981844A (en) * | 2012-11-13 | 2013-03-20 | 北京奇虎科技有限公司 | Browser treating webpage main body element and method treating the webpage main body element |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108053436A (en) * | 2017-11-15 | 2018-05-18 | 广州阿里巴巴文学信息技术有限公司 | Processing method, device, electronic equipment and the picture servers of picture |
| CN110245291A (en) * | 2019-05-23 | 2019-09-17 | 广州至真信息科技有限公司 | A kind of display methods of business datum, device, computer equipment and storage medium |
| CN111026392A (en) * | 2019-11-14 | 2020-04-17 | 北京金山安全软件有限公司 | Method and device for generating guide page and electronic equipment |
| CN111026392B (en) * | 2019-11-14 | 2023-08-22 | 北京金山安全软件有限公司 | Method and device for generating guide page and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105893602B (en) | Full screen display process and system for chart in the webpage of terminal browser | |
| CN112200187A (en) | Target detection method, device, machine readable medium and equipment | |
| CN104956300A (en) | Using clamping to modify scrolling | |
| DE202011110722U1 (en) | Portable electronic device with scrollable area | |
| CN106844067A (en) | The processing method and mobile terminal of a kind of content | |
| CN107480148A (en) | The method and device and user terminal that control webpage redirects | |
| CN105094552B (en) | Display method and device of browser tab and terminal | |
| CN108920515A (en) | Information recommendation method, device, equipment and the storage medium of web displaying process | |
| CN110727496B (en) | Layout method and device of graphical user interface, electronic equipment and storage medium | |
| KR101952171B1 (en) | Electronic device and method for displaying web history thereof | |
| CN106502493A (en) | A kind of multi-screen display method and terminal | |
| CN104899912B (en) | Animation method and back method and equipment | |
| CN106527888A (en) | Screen-sliding page searching method and device | |
| CN106919598A (en) | Webpage content display method and system | |
| CN106406708A (en) | A display method and a mobile terminal | |
| CN112232194A (en) | Single-target human body key point detection method, system, equipment and medium | |
| CN110245250A (en) | Image processing method and relevant apparatus | |
| CN106778670A (en) | Gesture identifying device and recognition methods | |
| CN103324390A (en) | Interaction method for page browsing, browser device and mobile terminal | |
| CN107798228A (en) | A kind of face identification method and mobile terminal | |
| CN106445972A (en) | Page display method and apparatus | |
| CN103383629B (en) | A kind of input method and device based on HTML5 | |
| CN103530044B (en) | page gesture triggering method and device | |
| CN107562356B (en) | Fingerprint identification positioning method and device, storage medium and electronic equipment | |
| CN107450811A (en) | Touch area amplification display method and system |
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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200602 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio 14 floor tower square Applicant before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd. |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170704 |