CN112738562B - Method, device and computer storage medium for transparent display of browser page - Google Patents

Method, device and computer storage medium for transparent display of browser page Download PDF

Info

Publication number
CN112738562B
CN112738562B CN202011555321.XA CN202011555321A CN112738562B CN 112738562 B CN112738562 B CN 112738562B CN 202011555321 A CN202011555321 A CN 202011555321A CN 112738562 B CN112738562 B CN 112738562B
Authority
CN
China
Prior art keywords
browser
media player
player
video data
target page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202011555321.XA
Other languages
Chinese (zh)
Other versions
CN112738562A (en
Inventor
樊进
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Skyworth Software Co Ltd
Original Assignee
Shenzhen Skyworth Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Skyworth Software Co Ltd filed Critical Shenzhen Skyworth Software Co Ltd
Priority to CN202011555321.XA priority Critical patent/CN112738562B/en
Publication of CN112738562A publication Critical patent/CN112738562A/en
Application granted granted Critical
Publication of CN112738562B publication Critical patent/CN112738562B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/235Processing of additional data, e.g. scrambling of additional data or processing content descriptors
    • H04N21/2355Processing of additional data, e.g. scrambling of additional data or processing content descriptors involving reformatting operations of additional data, e.g. HTML pages
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/435Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
    • H04N21/4355Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream involving reformatting operations of additional data, e.g. HTML pages on a television screen
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

The invention discloses a method, a device and a computer storage medium for transparent display of a browser page, wherein the method comprises the following steps: inserting the media player expansion object into the appointed position of the target page when the preset command of the media player expansion interface is analyzed; creating a built-in browser player corresponding to the media player extension object; creating video data with special marks; and when the video data with the special mark is refreshed, performing transparent processing on the designated position of the target page where the video data with the special mark is positioned. The problem that pages block video pictures in the prior art is solved.

Description

Method, device and computer storage medium for transparent display of browser page
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method and apparatus for transparent display of a browser page, and a computer storage medium.
Background
IPTV (Internet Protocol Television, interactive network television) is a brand-new technology that integrates various technologies such as internet, multimedia, communication, etc. by using a broadband limited television network, and provides various interactive services including digital television to home users. The IPTV products generally use a B/S (server-browser) architecture, i.e. operators deploy playing content and browsing content, and a set-top box end integrates a browser to be responsible for displaying pages. When the page is displayed, if video playing exists at the same time, the video playing content is blocked by the page, and at the moment, the user can only hear the sound of the video and cannot see the video picture. To solve this problem, the page developer sets the page to a transparent color at the video playing position as required, so that when the video picture and the page are displayed simultaneously, the user can see the video picture through the transparent area of the page. However, this approach relies on the development of the page, which can be problematic if the page is not transparently processed.
Therefore, there is a problem in the prior art that pages block video pictures.
Disclosure of Invention
The invention mainly aims to provide a method, a device and a computer storage medium for transparent display of a browser page, and aims to solve the problem that a page shields a video picture in the prior art.
In order to achieve the above object, the present invention provides a method for determining transparent display of a browser page, where the method for transparent display of a browser page includes the following steps:
inserting the media player expansion object into the appointed position of the target page when the preset command of the media player expansion interface is analyzed;
creating a built-in browser player corresponding to the media player extension object;
creating video data with special marks corresponding to the built-in browser player;
and when the video data with the special mark is refreshed, carrying out transparent processing on the appointed position of the target page where the video data with the special mark is positioned.
In an embodiment, further comprising:
loading a target page;
and displaying the target page.
In an embodiment, before the step of inserting the media player extension object into the designated location when the preset command of the media player extension interface is parsed, the method further includes:
when the media player creation command is analyzed, creating a media player extension object;
when analyzing the related command of the initialization of the media player or the setting of the position parameter, setting the position parameter into the cascading style sheet attribute of the expansion object of the media player;
in one embodiment, the inserting the media player extension object into the designated location when parsing the preset command to the media player extension interface includes:
and when the play command of the media player is analyzed, adding the media player expansion object into a body tail node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object label layer.
In an embodiment, the creating the built-in browser player corresponding to the media player extension object includes:
creating a built-in browser player corresponding to the media player extension object tag layer by the browser;
the browser creates a video layerImpl layer corresponding to the built-in player of the browser; the VideoLayerImpl layer is used for receiving and rendering decoded data of the built-in player.
In an embodiment, the creating the video data with the special mark corresponding to the built-in browser player includes:
the browser creates specially marked video data in the VideoLayerImpl layer.
In one embodiment, when refreshing the video data with special marks, the transparent processing is performed on the designated position of the target page where the video data with special marks is located, including:
and when the video data with the special mark is refreshed, controlling the content of the target page and the playing picture to be synthesized.
In an embodiment, the step of synthesizing the control target page content and the play frame includes:
modifying the appointed position of the target page where the video data with the special mark of the video layerImpl layer corresponding to the built-in player of the browser is positioned into transparent color; and the VideoLayerImpl layer corresponding to the built-in player of the browser covers all elements before the media player expands the object label layer.
In order to achieve the above object, the present invention further provides an apparatus for transparent display of a browser page, the apparatus including a memory, a processor, and a program for transparent display of a browser page stored in the memory and executable on the processor, the program for transparent display of a browser page implementing the steps of the method for transparent display of a browser page as described above when executed by the processor.
To achieve the above object, the present invention also provides a computer-readable storage medium storing a program for browser page transparent display, which when executed by a processor, implements the steps of the method for browser page transparent display as described above.
According to the method, the device and the computer storage medium for transparently displaying the browser page, when the browser analyzes the preset command of the media player expansion interface, the media player expansion object is inserted into the appointed position of the target page, and the operation is that the media player expansion object has a display position on the target page; creating a built-in browser player corresponding to the media player extension object; creating video data with special marks corresponding to the built-in browser player; when the browser refreshes the video data with the special mark, the appointed position of the target page where the video data with the special mark is positioned is subjected to transparent processing, so that the content display of other positions on the target page is not influenced; therefore, the problem that the page shields the video picture in the prior art is solved.
Drawings
FIG. 1 is a schematic view of a device according to an embodiment of the present invention;
FIG. 2 is a flow chart of a first embodiment of a method for transparently displaying a browser page according to the present invention;
FIG. 3 is an exemplary diagram of an IPTV browser invoking a player to play a program via js extension;
FIG. 4 is a flowchart of a second embodiment of a method for transparently displaying a browser page according to the present invention;
fig. 5 is a schematic flow chart of step S110 in the first embodiment of the present invention;
FIG. 6 is a schematic diagram of a tag layer structure of a target page;
fig. 7 is a schematic flowchart of step S120 in the first embodiment of the present invention;
fig. 8 is a flowchart of a third embodiment of a method for transparently displaying a browser page according to the present invention.
Detailed Description
It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the invention.
The main solutions of the embodiments of the present invention are: when the browser analyzes a preset command of the media player expansion interface, inserting the media player expansion object into a designated position of the target page, wherein the operation is that the media player expansion object has a display position on the target page; creating a built-in browser player corresponding to the media player extension object; creating video data with special marks corresponding to the built-in browser player; when the browser refreshes the video data with the special mark, the appointed position of the target page where the video data with the special mark is positioned is subjected to transparent processing, so that the content display of other positions on the target page is not influenced; therefore, the problem that the page shields the video picture in the prior art is solved.
As an implementation manner, as shown in fig. 1, fig. 1 is a schematic structural diagram of an apparatus according to an embodiment of the present invention.
The processor 1100 may be an integrated circuit chip with signal processing capabilities. In implementation, the steps of the methods described above may be performed by integrated logic circuitry in hardware or instructions in software in processor 1100. The processor 1100 described above may be a general purpose processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf programmable gate array (FPGA) or other programmable logic device, discrete gate or transistor logic, discrete hardware components. The disclosed methods, steps, and logic blocks in the embodiments of the present invention may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The software modules may be located in a random access memory, flash memory, read only memory, programmable read only memory, or electrically erasable programmable memory, registers, etc. as well known in the art. The storage medium is located in the memory 1200, and the processor 1100 reads information in the memory 1200, and in combination with its hardware, performs the steps of the method described above.
It is to be appreciated that memory 1200 in embodiments of the invention may be volatile memory or nonvolatile memory, or may include both volatile and nonvolatile memory. The nonvolatile Memory may be a Read Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable EPROM (EEPROM), or a flash Memory. The volatile memory may be random access memory (Random Access Memory, RAM) which acts as an external cache. By way of example, and not limitation, many forms of RAM are available, such as Static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double Data Rate SDRAM (Double Data Rate SDRAM), enhanced SDRAM (ESDRAM), synchronous DRAM (SLDRAM), and Direct RAM (DRRAM). The memory 1200 of the systems and methods described in embodiments of the present invention is intended to comprise, without being limited to, these and any other suitable types of memory.
For a software implementation, the techniques described in embodiments of the present invention may be implemented by modules (e.g., procedures, functions, and so on) that perform the functions described in embodiments of the present invention. The software codes may be stored in a memory and executed by a processor. The memory may be implemented within the processor or external to the processor.
Based on the above-described structure, an embodiment of the present invention is presented.
Referring to fig. 2, fig. 2 is a first embodiment of a method for transparently displaying a browser page according to the present invention, where the method for transparently displaying a browser page includes the following steps:
step S110, when the preset command of the media player expansion interface is analyzed, the media player expansion object is inserted into the appointed position of the target page.
In this embodiment, the IPTV (Internet Protocol Television, interactive network television) product generally uses a B/S (server-browser) architecture, that is, an operator deploys playing content and browses content, and a set-top box end integrated browser is responsible for displaying pages. The browser is a very important part of the IPTV set top box, and has the main functions of analyzing the webpage issued by the service platform, organizing and rendering the analyzed tag elements, and finally displaying the analyzed tag elements to a user. In addition, the browser also bears the function of a middleware and is responsible for controlling the player instance to interact with the video streaming service. Because the browser and the player work respectively in the set top box terminal, the browser is responsible for displaying the page content, and the player is responsible for playing the video content, when the video picture and the page content are displayed at the same time, the video picture is blocked by the page. Accordingly, the present invention has been made to solve this problem.
In order to support playing live or on-demand services in a web page, the IPTV industry standard defines a MediaPlayer (media player) extension interface and related specifications. After the browser in the set top box adapts the expansion interfaces and specifications, after the browser executes js (JavaScript, transliteration script language) interfaces of the relevant players when analyzing the page, the browser calls the adapted relevant interfaces of the players to execute corresponding operations. The js interface of the player related to the expansion mainly has function interfaces of creating, setting parameters, starting, stopping, fast-forwarding, fast-rewinding and the like, and referring to fig. 3, fig. 3 is an exemplary diagram of an IPTV browser calling the player to play programs through js expansion. The related commands of the MediaPlayer extension interface include: creation commands, set parameters commands, start commands, stop commands, fast forward and fast reverse commands, and other commands.
A standard web page is mainly composed of the following parts: HTML (hypertext markup language) code, javaScript (JS) script, CSS (cascading style sheet) code. The browser analyzes the target page, and when the browser analyzes a preset command of the media player expansion interface, the preset command refers to a play command, and a media player expansion object is created; the media player extension object is inserted into the target page at a specified location, which is to be an operation for the media player extension object to have a display location on the target page.
Step S120, creating a built-in browser player corresponding to the media player extension object.
In this embodiment, since the browser itself does not have the function of a player, it is necessary to create a virtual player. So the browser creates a built-in browser player corresponding to the media player extension object, and the built-in browser player can be understood as a virtual player.
Step S130, creating the video data with the special mark corresponding to the built-in player of the browser.
In the present embodiment, as can be seen from the above, the browser built-in player is virtual. During normal playing, after receiving data decoded by the player, the browser encapsulates the data to generate a data format which can be identified by the browser. In the present invention, since the browser does not receive the data decoded by the player, it is necessary to generate a simulated data format, i.e., a simulated data frame. The browser also needs to create a virtual video frame to simulate the operation of the player. Therefore, the browser creates the video data with the special mark corresponding to the built-in player of the browser, the video data with the special mark is virtual, and the special mark can be set by a technician per se and is not excessively limited.
And step S140, when the video data with the special mark is refreshed, performing transparent processing on the designated position of the target page where the video data with the special mark is positioned.
In this embodiment, the workflow of the browser in the set-top box terminal is: and analyzing the target page, the target page layout and rendering. When the browser refreshes, namely analyzes, the video data with the special mark, the appointed position of the target page where the video data with the special mark is positioned is subjected to transparent processing.
In the technical scheme provided by the embodiment, when the browser analyzes a preset command of the media player expansion interface, inserting the media player expansion object into a designated position of the target page, wherein the operation is to display the display position of the media player expansion object on the target page; creating a built-in browser player corresponding to the media player extension object; creating video data with special marks corresponding to the built-in browser player; when the browser refreshes the video data with the special mark, the appointed position of the target page where the video data with the special mark is positioned is subjected to transparent processing, so that the content display of other positions on the target page is not influenced; therefore, the problem that the page shields the video picture in the prior art is solved. Referring to fig. 4, fig. 4 is a second embodiment of a method for transparently displaying a browser page according to the present invention, including:
compared with the first embodiment, the second embodiment includes step S210 and step S220, and other steps are the same as those of the first embodiment, and will not be described again.
Step S210, loading a target page.
In this embodiment, the browser downloads the play content and the browse content of the server, and then loads them on the target surface.
And step S220, performing display processing on the target page.
In this embodiment, the displaying processing of the target page by the browser includes: analyzing a target page, page layout, rendering and the like.
Step S230, when the preset command of the media player expansion interface is analyzed, the media player expansion object is inserted into the appointed position of the target page.
Step S240, creating a built-in browser player corresponding to the media player extension object.
Step S250, creating the video data with the special mark corresponding to the built-in player of the browser.
And step S260, when the video data with the special mark is refreshed, performing transparent processing on the designated position of the target page where the video data with the special mark is positioned.
In the technical scheme provided by the embodiment, the browser downloads the play content and the browse content of the server and then loads the play content and the browse content on the target surface; and the browser displays the target page.
Before step S110 in the first embodiment of the present invention, the method further includes:
in step S310, when the media player creation command is parsed, a media player extension object is created.
In this embodiment, the browser parses the target page, and when the browser parses a media player (MediaPlayer) creation command, the browser creates a media player extension object, which is inherited by an object HTMLMediaElement in the browser, and can be understood as a parent class of the browser.
Step S320, when parsing the related command of the media player initialization or the position parameter setting, sets the position parameter into the cascading style sheet attribute of the media player extension object.
In this embodiment, CSS (Cascading Style Sheet) is also called a cascading style sheet, which describes the style of each tag in a web page. The final display style of the labels in the web page is defined in this style sheet. The CSS style file may include text attributes, margin attributes, font attributes, form attributes, background attributes, and the like. When the browser analyzes the related command of the initialization of the media player or the setting of the position parameter, and the video content exists in the target page, the position parameter is set in the cascading style sheet attribute of the expansion object of the media player.
Referring to fig. 5, fig. 5 is a step S110 in the first embodiment of the present invention, where the specific step of inserting the media player extension object into the designated position when the preset command of the media player extension interface is parsed, specifically includes:
step S111, when the play command of the media player is parsed, adding the media player extension object to the body tail node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player extension object label layer.
In this embodiment, in the normal rendering process of the browser, the target page is divided into a plurality of tag layers according to the attribute of each element of the page and the dependency relationship of each attribute, and the target page is rendered layer by layer from bottom to top. After rendering, the upper label layer will cover the lower label layer after rendering. When the browser analyzes a play command of the media player, adding the media player expansion object into a body tail node of a target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object label layer; the label layer of the media player expansion object is equivalent to the outermost layer, and the label layer inside the media player expansion object can be covered in the subsequent rendering process, so that the media player expansion object has a display position in the page. For example: assume that the target page has the following element tags: < body >, < div >, < text >, then when a media player (MediaPlayer) extension object joins the page, referring to fig. 6, fig. 6 is a tab layer structure of the target page.
In the technical solution provided in this embodiment, the step of refining step S110 in the first embodiment includes adding the media player extension object to a body tail node of a target page according to a position parameter in the cascading style sheet attribute when the media player playing command is parsed, and generating a media player extension object label layer, so that the media player extension object has a display position on the target page.
Referring to fig. 7, fig. 7 is a step S120 in the first embodiment of the present invention, where the specific steps of creating the built-in browser player corresponding to the media player extension object specifically include:
step S121, the browser creates a built-in browser player corresponding to the media player extension object tag layer.
In this embodiment, the browser creates a built-in browser player corresponding to the media player extension object tag layer, where the built-in browser player is a virtual player, so as to simulate a player in the set-top box.
Step S122, the browser creates a video layerImpl layer corresponding to the built-in player of the browser; the VideoLayerImpl layer is used for receiving and rendering decoded data of the built-in player.
In this embodiment, because the built-in player created by the browser is virtual, the browser also has no Video layer for receiving and rendering the decoded data, and the browser is required to create a Video layerImpl layer corresponding to the built-in player of the browser; this VideoLayerImpl layer is also virtual, the VideoLayerImpl layer being used to receive and render the decoded data of the built-in player.
In the technical solution provided in this embodiment, the refinement step of step S120 in the first embodiment, the browser creates a built-in browser player corresponding to the media player extension object tag layer; creating a video layerImpl layer corresponding to the built-in player of the browser; the VideoLayerImpl layer is used for receiving and rendering the decoding data of the built-in player.
Above the above embodiment, the creating the video data with the special mark corresponding to the built-in browser player includes:
the browser creates specially marked video data in the VideoLayerImpl layer.
In this embodiment, when the browser has created the VideoLayerImpl layer, the browser creates video data with a special mark in the VideoLayerImpl layer; the video data with special marks is also virtual and is a factor for triggering the synthesis of the target page content and the playing picture of the browser.
Above the above embodiment, when refreshing the specially marked video data, performing transparent processing on a target page where the specially marked video data is located, where the processing includes:
and when the video data with the special mark is refreshed, controlling the content of the target page and the playing picture to be synthesized.
In this embodiment, when the browser refreshes, i.e. parses, the video data with the special mark on the target page, the content of the target page and the play frame are controlled to be synthesized.
Referring to fig. 8, fig. 8 is a third embodiment of a method for transparently displaying a browser page according to the present invention, including:
in step S410, when the media player creation command is parsed, a media player extension object is created.
Step S420, when parsing the related command of the media player initialization or the position parameter setting, sets the position parameter into the cascading style sheet attribute of the media player extension object.
Step S430, when the play command of the media player is analyzed, adding the media player expansion object into a body tail node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object label layer.
In step S440, the browser creates a built-in browser player corresponding to the media player extension object tag layer.
Step S450, the browser creates a video layerImpl layer corresponding to the built-in player of the browser; the VideoLayerImpl layer is used for receiving and rendering decoded data of the built-in player.
In step S460, the browser creates specially marked video data in the VideoLayerImpl layer.
Step S470, when the video data with the special mark is refreshed, modifying the appointed position of the target page where the video data with the special mark of the video image impl layer corresponding to the built-in player of the browser is positioned into transparent color; and the VideoLayerImpl layer corresponding to the built-in player of the browser covers all elements before the media player expands the object label layer.
In this embodiment, when the browser refreshes the video data with the special mark, modifying the designated position of the target page where the video data with the special mark of the video layer corresponding to the built-in player of the browser is located into transparent color; the position of the video data with the special mark is the position of the playing picture on the target page; the synthesis mode of the browser and other layers is non-mixed, namely the video layerImpl layer corresponding to the built-in player of the browser can cover all elements before the label layer of the expansion object of the media player; but does not affect the display of elements after the extended object tab layer; and outputting the image synthesized by the target page content and the playing picture to a display layer by the browser for display. Therefore, the effect that when the video picture and the page are displayed simultaneously, a user can see the video picture, and when other contents of the page are required to be displayed on the video picture, the video picture can be normally displayed is achieved.
The invention also provides a device for transparent display of the browser page, which comprises a memory, a processor and a program which is stored in the memory and can be run on the processor and used for transparent display of the browser page, wherein the program for transparent display of the browser page realizes the steps of the method for transparent display of the browser page when being executed by the processor.
The present invention also provides a computer-readable storage medium storing a program for transparent display of a browser page, which when executed by a processor, implements the steps of the method for transparent display of a browser page as described above.
The foregoing embodiment numbers of the present invention are merely for the purpose of description, and do not represent the advantages or disadvantages of the embodiments.
It will be appreciated by those skilled in the art that embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
It should be noted that in the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention may be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by one and the same item of hardware. The use of the words first, second, third, etc. do not denote any order. These words may be interpreted as names.
While preferred embodiments of the present invention have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. It is therefore intended that the following claims be interpreted as including the preferred embodiments and all such alterations and modifications as fall within the scope of the invention.
It will be apparent to those skilled in the art that various modifications and variations can be made to the present invention without departing from the spirit or scope of the invention. Thus, it is intended that the present invention also include such modifications and alterations insofar as they come within the scope of the appended claims or the equivalents thereof.

Claims (9)

1. The method for transparently displaying the browser page is characterized by comprising the following steps of:
inserting the media player expansion object into the appointed position of the target page when the preset command of the media player expansion interface is analyzed;
creating a built-in browser player corresponding to the media player extension object;
creating video data with special marks corresponding to the built-in browser player, wherein the video data with the special marks comprises virtual video frames;
when the video data with the special mark is refreshed, carrying out transparent processing on the appointed position of the target page where the video data with the special mark is positioned;
when the preset command of the media player expansion interface is analyzed, before the step of inserting the media player expansion object into the designated position, the method further comprises the following steps:
when the media player creation command is analyzed, creating a media player extension object;
when analyzing the command of the initialization of the media player or the setting of the position parameter, setting the position parameter into the cascading style sheet attribute of the expansion object of the media player;
when the preset command of the media player expansion interface is analyzed, inserting the media player expansion object into the appointed position of the target page, wherein the method comprises the following steps:
and when the preset command of the media player expansion interface is analyzed, adding the media player expansion object into a body tail node of a target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object label layer.
2. The method for transparently displaying a browser page according to claim 1, further comprising:
loading a target page;
and displaying the target page.
3. The method for transparently displaying a browser page according to claim 2, wherein when the preset command of the media player expansion interface is parsed, adding the media player expansion object to a body tail node of a target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object tag layer, comprising:
and when the play command of the media player is analyzed, adding the media player expansion object into a body tail node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player expansion object label layer.
4. The method for transparently displaying a browser page according to claim 3, wherein creating a built-in browser player corresponding to the media player extension object comprises:
creating a built-in browser player corresponding to the media player extension object tag layer by the browser;
the browser creates a video layerImpl layer corresponding to the built-in player of the browser; the VideoLayerImpl layer is used for receiving and rendering decoded data of the built-in player.
5. The method for transparently displaying a browser page according to claim 4, wherein creating the specially marked video data corresponding to the in-browser player comprises:
the browser creates specially marked video data in the VideoLayerImpl layer.
6. The method for transparently displaying a browser page according to claim 5, wherein when the specially marked video data is refreshed, performing transparent processing on a designated location of the target page where the specially marked video data is located, comprises:
and when the video data with the special mark is refreshed, controlling the content of the target page and the playing picture to be synthesized.
7. The method for transparently displaying a browser page according to claim 6, wherein the step of synthesizing the control target page content and the playback frame comprises:
modifying the appointed position of the target page where the video data with the special mark of the video layerImpl layer corresponding to the built-in player of the browser is positioned into transparent color; and the VideoLayerImpl layer corresponding to the built-in player of the browser covers all elements before the media player expands the object label layer.
8. An apparatus for transparent display of a browser page, the apparatus comprising a memory, a processor, and a program stored in the memory and executable on the processor, the program for transparent display of a browser page, when executed by the processor, performing the steps of the method for transparent display of a browser page according to any of claims 1-7.
9. A computer readable storage medium storing a program for transparent display of a browser page, which when executed by a processor, implements the steps of the method for transparent display of a browser page according to any of claims 1-7.
CN202011555321.XA 2020-12-24 2020-12-24 Method, device and computer storage medium for transparent display of browser page Active CN112738562B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011555321.XA CN112738562B (en) 2020-12-24 2020-12-24 Method, device and computer storage medium for transparent display of browser page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011555321.XA CN112738562B (en) 2020-12-24 2020-12-24 Method, device and computer storage medium for transparent display of browser page

Publications (2)

Publication Number Publication Date
CN112738562A CN112738562A (en) 2021-04-30
CN112738562B true CN112738562B (en) 2023-05-16

Family

ID=75615549

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011555321.XA Active CN112738562B (en) 2020-12-24 2020-12-24 Method, device and computer storage medium for transparent display of browser page

Country Status (1)

Country Link
CN (1) CN112738562B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113613064B (en) * 2021-07-19 2023-06-27 深圳Tcl新技术有限公司 Video processing method, device, storage medium and terminal

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196305A (en) * 2010-03-10 2011-09-21 北京裕兴软件有限公司 High-definition media player for IPTV (Internet Protocol Television) system
CN103678639A (en) * 2013-12-20 2014-03-26 北京奇虎科技有限公司 Method and device for reminding information updating in browser

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101268112B1 (en) * 2012-01-26 2013-05-29 주식회사 오비고 Method, apparatus and computer-readable recording medium for playing video contained in wep page
CN108536575A (en) * 2017-03-02 2018-09-14 中国移动通信有限公司研究院 The test method and device of the user experience index of online audio and video playing
CN108052565B (en) * 2017-12-06 2021-12-03 深圳市茁壮网络股份有限公司 Transparent processing method and device for page
CN108021671B (en) * 2017-12-06 2022-04-15 深圳市茁壮网络股份有限公司 Page transparent processing method and device
CN111355998B (en) * 2019-07-23 2022-04-05 杭州海康威视数字技术股份有限公司 Video processing method and device

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102196305A (en) * 2010-03-10 2011-09-21 北京裕兴软件有限公司 High-definition media player for IPTV (Internet Protocol Television) system
CN103678639A (en) * 2013-12-20 2014-03-26 北京奇虎科技有限公司 Method and device for reminding information updating in browser

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"仓库远程监控系统的研究与设计";孙绵;《中国优秀硕士学位论文全文数据库》;全文 *

Also Published As

Publication number Publication date
CN112738562A (en) 2021-04-30

Similar Documents

Publication Publication Date Title
US11347826B2 (en) Systems and methods for hosted applications
CN110489116B (en) Page rendering method and device and computer storage medium
CN113190776B (en) Popup window display method and system
WO2017219833A1 (en) Method and apparatus for developing and managing application program page
US7783967B1 (en) Packaging web content for reuse
US20010033296A1 (en) Method and apparatus for delivery and presentation of data
CN108021671B (en) Page transparent processing method and device
US20100064209A1 (en) Method for transforming web page objects
CN105094804A (en) Method and apparatus for adding animation to page
CN108320319B (en) Cartoon synthesis method, device and equipment and computer readable storage medium
CN111611037B (en) View object processing method for electronic book, electronic device and storage medium
CN108052565B (en) Transparent processing method and device for page
EP2711846A1 (en) Method and device for processing template file
CN109714627B (en) Comment information rendering method, device and equipment
KR20140037842A (en) Informed partitioning of data in a markup-based document
CN109683978A (en) A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface
CN113655999A (en) Rendering method, device and equipment of page control and storage medium
WO2019109889A1 (en) Web page display method, browser, terminal, and computer readable storage medium
CN112738562B (en) Method, device and computer storage medium for transparent display of browser page
CN109976865B (en) Task progress display method and device and terminal equipment
CN111064979B (en) Webpage live broadcasting method and device, webpage terminal and storage medium
Kyrnin Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours
CN100399259C (en) Method and apparatus for displaying markup document linked to applet
US20090019084A1 (en) Method and system for preloading
Mills Practical CSS3: Develop and design

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant