CN112738562A - Method and device for transparently displaying browser page and computer storage medium - Google Patents

Method and device for transparently displaying browser page and computer storage medium Download PDF

Info

Publication number
CN112738562A
CN112738562A CN202011555321.XA CN202011555321A CN112738562A CN 112738562 A CN112738562 A CN 112738562A CN 202011555321 A CN202011555321 A CN 202011555321A CN 112738562 A CN112738562 A CN 112738562A
Authority
CN
China
Prior art keywords
browser
media player
player
page
video data
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.)
Granted
Application number
CN202011555321.XA
Other languages
Chinese (zh)
Other versions
CN112738562B (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 and a device for transparently displaying a browser page and a computer storage medium, wherein the method comprises the following steps: when a preset command of a media player extension interface is analyzed, inserting a media player extension object into a specified position of a target page; 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 marks are refreshed, carrying out transparent processing on the specified position of the target page where the video data with the special marks are located. The problem of have the page to shelter from the video picture among the prior art is solved.

Description

Method and device for transparently displaying browser page and computer storage medium
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for transparently displaying a browser page and a computer storage medium.
Background
An Internet Protocol Television (IPTV) is a brand-new technology that provides a variety of interactive services including digital Television to home users by using a broadband limited Television network and integrating a variety of technologies such as Internet, multimedia, and communication. IPTV products commonly use a B/S (server-side-browser) architecture, that is, an operator deploys playing content and browsing content, and a set-top box integrated browser is responsible for displaying pages. When the page is displayed, if video playing exists at the same time, the video playing content is shielded by the page, and at the moment, the user can only hear the sound of the video and cannot see the video picture. In order to solve the problem, a page developer sets the page to be transparent at a video playing position according to needs, so that when the video picture and the page are displayed simultaneously, a user can see the video picture through a transparent area of the page. However, this method depends on the development of the page, and if the page is not transparently processed, the page may block the video frame.
Therefore, the problem that the video picture is blocked by the page exists in the prior art.
Disclosure of Invention
The invention mainly aims to provide a method and a device for transparently displaying a browser page and a computer storage medium, and aims to solve the problem that a video picture is blocked by a page 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:
when a preset command of a media player extension interface is analyzed, inserting a media player extension object into a specified position of a target page;
creating a built-in browser player corresponding to the media player extension object;
creating video data with special marks corresponding to the browser built-in player;
and when the video data with the special mark is refreshed, transparently processing the specified position of the target page where the video data with the special mark is located.
In one embodiment, the method further comprises:
loading a target page;
and displaying the target page.
In an embodiment, before the step of inserting the media player extension object into the specified position when the preset command of the media player extension interface is parsed, the method further includes:
when the media player creating command is analyzed, creating a media player extended object;
when analyzing the relative command of the media player initialization or the position parameter setting, setting the position parameter into the attribute of the cascading style sheet of the media player extension object;
in an embodiment, the inserting the media player extension object into the specified position when the preset command of the media player extension interface is resolved comprises:
and when a media player playing command is analyzed, adding the media player extended object into a body tail node of a target page according to the position parameter in the cascading style sheet attribute to generate a media player extended object label layer.
In an embodiment, the creating a browser built-in player corresponding to the media player extension object includes:
the browser creates a built-in browser player corresponding to the media player extended object label layer;
the browser creates a VideoLayerImpl layer corresponding to a built-in player of the browser; the videolayermipl layer is used for receiving and rendering the decoding data of the built-in player.
In an embodiment, the creating video data with a special mark corresponding to the browser built-in player includes:
the browser creates video data with special tags in the videolayermipl layer.
In an embodiment, the transparently processing the specified position of the target page where the video data with the special mark is located when the video data with the special mark is refreshed includes:
and when the video data with the special mark is refreshed, synthesizing the control target page content and the playing picture.
In an embodiment, the step of combining the control target page content and the playing screen includes:
modifying the designated position of the target page where the video data with the special mark of the video layer Impl layer corresponding to the built-in player of the browser is located into transparent color; and the corresponding VideoLayerImpl layer of the built-in player of the browser covers all elements before the tag layer of the media player extension object.
In order to achieve the above object, the present invention further provides an apparatus for transparently displaying a browser page, the apparatus including a memory, a processor, and a program stored in the memory and executable on the processor for transparently displaying a browser page, wherein the program for transparently displaying a browser page implements the steps of the method for transparently displaying a browser page as described above when executed by the processor.
In order to achieve the above object, the present invention further provides a computer readable storage medium, which stores a program for transparently displaying a browser page, and when the program for transparently displaying a browser page is executed by a processor, the method includes the steps of the method for transparently displaying a browser page.
According to the method, the device and the computer storage medium for the transparent display of the browser page, when the browser analyzes the preset command of the media player extension interface, the media player extension object is inserted into the specified position of the target page, and the operation is that the media player extension 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 browser built-in player; when the browser refreshes the video data with the special mark, the designated position of the target page where the video data with the special mark is located is transparently processed, and the content display of other positions on the target page cannot be influenced; therefore, the problem that the video picture is shielded by the page in the prior art is solved.
Drawings
FIG. 1 is a schematic diagram of an apparatus according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating a method for transparent display of a browser page according to a first embodiment of the present invention;
fig. 3 is an exemplary diagram of an IPTV browser playing a program by invoking a player through js extension;
FIG. 4 is a flowchart illustrating a method for transparent display of a browser page according to a second embodiment of the present invention;
FIG. 5 is a flowchart illustrating the step S110 according to 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 flowchart illustrating the step S120 in the first embodiment of the present invention;
FIG. 8 is a flowchart illustrating a method for transparently displaying a browser page according to a third embodiment of the present invention.
Detailed Description
It should be understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.
The main solution of the embodiment of the invention is as follows: when the browser analyzes a preset command of a media player extension interface, inserting a media player extension object into a specified position of a target page, wherein the operation is that the media player extension 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 browser built-in player; when the browser refreshes the video data with the special mark, the designated position of the target page where the video data with the special mark is located is transparently processed, and the content display of other positions on the target page cannot be influenced; therefore, the problem that the video picture is shielded by the page in the prior art is solved.
As an implementation manner, fig. 1 may be shown, where fig. 1 is a schematic structural diagram of an apparatus according to an embodiment of the present invention.
Processor 1100 may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware or instructions in the form of software in the 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 various methods, steps and logic blocks disclosed 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 module may be located in ram, flash memory, rom, prom, or eprom, registers, etc. storage media as is well known in the art. The storage medium is located in the memory 1200, and the processor 1100 reads the information in the memory 1200 and performs the steps of the above method in combination with the hardware thereof.
It will be appreciated that memory 1200 in embodiments of the invention may be either volatile memory or nonvolatile memory, or may include both volatile and nonvolatile memory. The non-volatile Memory may be a Read Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable PROM (EEPROM), or a flash Memory. Volatile Memory can be Random Access Memory (RAM), which acts as external cache Memory. By way of illustration and not limitation, many forms of RAM are available, such as Static random access memory (Static RAM, SRAM), Dynamic Random Access Memory (DRAM), Synchronous Dynamic random access memory (Synchronous DRAM, SDRAM), Double Data Rate Synchronous Dynamic random access memory (ddr Data Rate SDRAM, ddr SDRAM), Enhanced Synchronous SDRAM (ESDRAM), Synchlink DRAM (SLDRAM), and Direct Rambus RAM (DRRAM). The memory 1200 of the systems and methods described in connection with the embodiments of the 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 this disclosure may be implemented with modules (e.g., procedures, functions, and so on) that perform the functions described in this disclosure. 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 structure, an embodiment of the present invention is proposed.
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 extension interface is analyzed, inserting the media player extension object into the designated position of the target page.
In this embodiment, a B/S (server-browser) architecture is commonly used in an IPTV (Internet Protocol Television) product, that is, an operator deploys playing content and browsing content, and a set-top box integrated browser is responsible for displaying a page. The browser is a very important part in the IPTV set-top box, and has the main functions of analyzing a webpage transmitted by a service platform, organizing and rendering analyzed tag elements, and finally displaying the tag elements to a user. In addition, the browser also takes the function of a middleware and is responsible for controlling the interaction between the player instance and 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 simultaneously, the video picture is shielded by the page. The present invention is therefore proposed to solve this problem.
To support playing live or on-demand services in web (web) pages, the IPTV industry standard defines MediaPlayer (media player) extended interfaces and related specifications. After the browser in the set-top box is adapted with the extension interfaces and specifications, the browser executes js (JavaScript, interpreted scripting language) interfaces of the relevant players when analyzing the pages, and then calls the relevant interfaces of the adapted players to execute corresponding operations. The extended js interface related to the player mainly includes functional interfaces for creating, setting parameters, starting, stopping, fast forwarding and fast rewinding, and referring to fig. 3, fig. 3 is an exemplary diagram of the IPTV browser invoking the player to play a program through js extension. Related commands of the MediaPlayer extended interface include: create commands, set parameter commands, start commands, stop commands, fast forward and fast reverse commands, and other commands.
A standard web page is composed of the following parts: HTML (hypertext markup language) code, JavaScript (JS for short) 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 playing command, and a media player expansion object is created; the media player extension object is inserted into a designated location of the target page, and this is done so that the media player extension object has a display location on the target page.
And 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, a virtual player needs to be created. Therefore, the browser creates a browser built-in player corresponding to the media player extension object, and the browser built-in player can be understood as a virtual player.
Step S130, creating video data with a special mark corresponding to the browser built-in player.
In this embodiment, as can be seen from the above, the browser-embedded player is virtual. And during normal playing, after the browser receives the data decoded by the player, the data are packaged to generate a data format for the internal identification of the browser. In the present invention, since the browser does not receive the data decoded by the player, it needs to generate an analog data format, i.e. an analog data frame. The browser also needs to create a virtual video frame to simulate the operation of the player. Therefore, the browser creates video data with a special mark corresponding to a built-in player of the browser, the video data with the special mark is virtual, the special mark can be set by a technician, and the special mark is not limited too much.
Step S140, when the video data with the special mark is refreshed, the designated position of the target page where the video data with the special mark is located is transparently processed.
In this embodiment, the working flow of the browser in the set-top box terminal is as follows: and analyzing the target page, and layout and rendering of the target page. Therefore, when the browser refreshes, namely analyzes the video data with the special mark, the designated position of the target page where the video data with the special mark is located is subjected to transparent processing.
In the technical solution provided in this embodiment, when the browser parses a preset command of the media player extension interface, the media player extension object is inserted into a specified position of the target page, and this operation is to make the media player extension object have 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 browser built-in player; when the browser refreshes the video data with the special mark, the designated position of the target page where the video data with the special mark is located is transparently processed, and the content display of other positions on the target page cannot be influenced; therefore, the problem that the video picture is shielded by the page 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 are not repeated.
Step S210, load the target page.
In this embodiment, the browser side downloads the played content and the browsed content of the server side, and then loads the content on the target surface.
Step S220, performing display processing on the target page.
In this embodiment, the displaying process of the target page by the browser includes: analyzing a target page, page layout, rendering and the like.
In step S230, when the preset command of the media player extension interface is resolved, the media player extension object is inserted into the designated position of the target page.
Step S240, creating a built-in browser player corresponding to the media player extension object.
And step S250, creating video data with special marks 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 specified position of the target page where the video data with the special mark is located.
In the technical scheme provided by the embodiment, a browser downloads the playing content and the browsing content of a server side, and then loads the playing content and the browsing content on a 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 inherits to a browser internal object HTMLMediaElement, which can be understood as a parent class of the browser.
Step S320, when the related command of media player initialization or position parameter setting is resolved, setting the position parameter into the cascading style sheet attribute of the media player extended object.
In this embodiment, css (cascading Style sheet) is also called a cascading Style sheet, and is used to describe the Style of each label in a web page. The final display style of the tag in the web page is defined in the 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 media player initialization or the position parameter setting, which indicates that the video content exists in the target page, the position parameter is set to the cascading style sheet attribute of the media player extended object.
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 specified position when the preset command of the media player extension interface is parsed includes:
step S111, when a media player playing command is analyzed, adding the media player extended object into the body tail node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player extended object label layer.
In this embodiment, in a normal rendering process of a browser, a target page is divided into multiple tag layers according to attributes of elements of the page and the dependency relationship of the attributes, and the target page is rendered layer by layer from bottom to top. After rendering, the upper label layer may overlay the lower label layer after rendering. When the browser analyzes a media player playing command, adding a media player extended object into a body tail node of a target page according to a position parameter in the cascading style sheet attribute to generate a media player extended object label layer; the media player extended object label layer is equivalent to the outermost layer, and the label layer inside can be covered in the subsequent rendering process, so that the MediaPlayer extended 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 is added to the page, referring to fig. 6, fig. 6 is the tag layer structure of the target page.
In the technical solution provided in this embodiment, the step S110 in the first embodiment is a refinement step, and when a media player playing command is analyzed, the media player extension object is added to the body end node of the target page according to the position parameter in the cascading style sheet attribute, and a media player extension object tag layer is generated, 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 step of creating a built-in browser player corresponding to the media player extension object specifically includes:
step S121, the browser creates a built-in browser player corresponding to the media player extended object tag layer.
In this embodiment, the browser creates a browser built-in player corresponding to the tag layer of the media player extension object, where the browser built-in player is a virtual player and is intended to simulate a player in a set top box.
Step S122, the browser creates a VideoLayerImpl layer corresponding to the built-in player of the browser; the videolayermipl layer is used for receiving and rendering the decoding data of the built-in player.
In this embodiment, because the built-in player created by the browser is virtual, and thus the browser does not have a Video layer for receiving and rendering the decoded data, the browser is required to create a Video layer im layer corresponding to the built-in player of the browser; this videolayermipl layer is also virtual, the videolayermipl layer being used to receive and render the decoded data of the built-in player.
In the technical solution provided in this embodiment, which is a refinement step of step S120 in the first embodiment, the browser creates a browser built-in player corresponding to the media player extended object tag layer; then creating a corresponding VideoLayerImpl layer of a built-in player of the browser; the videolayermipl layer is used to receive and render the decoded data of the built-in player.
In addition to the foregoing embodiment, the creating video data with a special mark corresponding to the browser built-in player includes:
the browser creates video data with special tags in the videolayermipl layer.
In this embodiment, the browser has already created the videolayermipl layer, and then the browser creates video data with a special mark in the videolayermipl 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.
In the above embodiment, when the specially marked video data is refreshed, transparently processing the position of the target page where the specially marked video data is located includes:
and when the video data with the special mark is refreshed, synthesizing the control target page content and the playing picture.
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 playing picture 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.
In step S420, when the related command of media player initialization or location parameter setting is resolved, the location parameter is set in the cascading style sheet attribute of the media player extended object.
Step S430, when a media player playing command is resolved, adding the media player extended object to the body end node of the target page according to the position parameter in the cascading style sheet attribute, and generating a media player extended object label layer.
Step S440, the browser creates a built-in browser player corresponding to the tag layer of the media player extended object.
Step S450, the browser creates a VideoLayerImpl layer corresponding to the built-in player of the browser; the videolayermipl layer is used for receiving and rendering the decoding data of the built-in player.
In step S460, the browser creates video data with a special mark in the videolayermipl layer.
Step S470, when the video data with the special mark is refreshed, the appointed position of the target page where the video data with the special mark of the video layer Impl layer corresponding to the built-in player of the browser is located is modified into transparent color; and the corresponding VideoLayerImpl layer of the built-in player of the browser covers all elements before the tag layer of the media player extension object.
In this embodiment, when the browser refreshes the video data with the special mark, the designated position of the target page where the video data with the special mark on the video layer impl layer corresponding to the built-in player of the browser is located is modified to be transparent; the position of the video data with the special mark is the position of the playing picture on the target page; the composition mode of the browser application is non-mixed with other layers, namely, the VideoLayerImpl layer corresponding to the built-in player of the browser is indicated to cover all elements before the tag layer of the media player extension object; but does not affect the display of elements behind the extended object tag layer; and the browser outputs the image formed by synthesizing the target page content and the playing picture to a display layer for displaying. Therefore, the effect that when the video picture and the page are displayed simultaneously, the user can see the video picture, and when other contents of the page need to be displayed on the video picture, the video picture can be normally displayed is achieved.
The invention also provides a device for transparently displaying the browser page, which comprises a memory, a processor and a program for transparently displaying the browser page, wherein the program is stored in the memory and can run on the processor, and when the program for transparently displaying the browser page is executed by the processor, the steps of the method for transparently displaying the browser page are realized.
The invention also provides a computer readable storage medium, which stores a program for transparently displaying a browser page, and when the program for transparently displaying a browser page is executed by a processor, the steps of the method for transparently displaying a browser page as described above are realized.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
As will be appreciated by one skilled in the art, 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 flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams 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 usage of the words first, second and third, etcetera do not indicate any ordering. 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. Therefore, it is intended that the appended claims be interpreted as including 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 changes and modifications may be made in the present invention without departing from the spirit and scope of the invention. Thus, if such modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalents, the present invention is also intended to include such modifications and variations.

Claims (10)

1. A method for transparently displaying browser pages is characterized by comprising the following steps:
when a preset command of a media player extension interface is analyzed, inserting a media player extension object into a specified position of a target page;
creating a built-in browser player corresponding to the media player extension object;
creating video data with special marks corresponding to the browser built-in player;
and when the video data with the special mark is refreshed, transparently processing the specified position of the target page where the video data with the special mark is located.
2. The method for transparent display of browser pages according to claim 1, further comprising:
loading a target page;
and displaying the target page.
3. The method for transparent display of a browser page according to claim 2, wherein said step of inserting a media player extension object into a specified position when a preset command of a media player extension interface is resolved further comprises:
when the media player creating command is analyzed, creating a media player extended object;
when a command of media player initialization or position parameter setting is parsed, the position parameter is set into the cascading style sheet attribute of the media player extended object.
4. The method for transparently displaying browser pages according to claim 3, wherein said inserting a media player extension object into a specified position when a preset command of a media player extension interface is parsed comprises:
and when a media player playing command is analyzed, adding the media player extended object into a body tail node of a target page according to the position parameter in the cascading style sheet attribute to generate a media player extended object label layer.
5. The method for transparently displaying browser pages according to claim 4, wherein said creating a browser built-in player corresponding to said media player extension object comprises:
the browser creates a built-in browser player corresponding to the media player extended object label layer;
the browser creates a VideoLayerImpl layer corresponding to a built-in player of the browser; the videolayermipl layer is used for receiving and rendering the decoding data of the built-in player.
6. The method for transparently displaying browser pages according to claim 5, wherein said creating video data with special marks corresponding to said browser built-in player comprises:
the browser creates video data with special tags in the videolayermipl layer.
7. The method for transparently displaying browser pages according to claim 6, wherein said transparently processing the designated position of said target page where said specially marked video data is located when said specially marked video data is refreshed comprises:
and when the video data with the special mark is refreshed, synthesizing the control target page content and the playing picture.
8. The method for transparent display of a browser page according to claim 7, wherein said step of controlling the composition of the target page content and the play screen comprises:
modifying the designated position of the target page where the video data with the special mark of the video layer Impl layer corresponding to the built-in player of the browser is located into transparent color; and the corresponding VideoLayerImpl layer of the built-in player of the browser covers all elements before the tag layer of the media player extension object.
9. An apparatus for transparent display of a browser page, the apparatus comprising 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 according to any one of claims 1 to 8 when executed by the processor.
10. A computer-readable storage medium, characterized in that the computer-readable storage medium stores 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 one of claims 1 to 8.
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 true CN112738562A (en) 2021-04-30
CN112738562B 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)

Cited By (1)

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

Citations (7)

* 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
KR101268112B1 (en) * 2012-01-26 2013-05-29 주식회사 오비고 Method, apparatus and computer-readable recording medium for playing video contained in wep page
CN103678639A (en) * 2013-12-20 2014-03-26 北京奇虎科技有限公司 Method and device for reminding information updating in browser
CN108021671A (en) * 2017-12-06 2018-05-11 深圳市茁壮网络股份有限公司 A kind of page transparent processing method and device
CN108052565A (en) * 2017-12-06 2018-05-18 深圳市茁壮网络股份有限公司 A kind of transparent processing method and device of the 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
CN111355998A (en) * 2019-07-23 2020-06-30 杭州海康威视数字技术股份有限公司 Video processing method and device

Patent Citations (7)

* 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
KR101268112B1 (en) * 2012-01-26 2013-05-29 주식회사 오비고 Method, apparatus and computer-readable recording medium for playing video contained in wep page
CN103678639A (en) * 2013-12-20 2014-03-26 北京奇虎科技有限公司 Method and device for reminding information updating in browser
CN108536575A (en) * 2017-03-02 2018-09-14 中国移动通信有限公司研究院 The test method and device of the user experience index of online audio and video playing
CN108021671A (en) * 2017-12-06 2018-05-11 深圳市茁壮网络股份有限公司 A kind of page transparent processing method and device
CN108052565A (en) * 2017-12-06 2018-05-18 深圳市茁壮网络股份有限公司 A kind of transparent processing method and device of the page
CN111355998A (en) * 2019-07-23 2020-06-30 杭州海康威视数字技术股份有限公司 Video processing method and device

Non-Patent Citations (1)

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

Cited By (1)

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

Also Published As

Publication number Publication date
CN112738562B (en) 2023-05-16

Similar Documents

Publication Publication Date Title
CN110489116B (en) Page rendering method and device and computer storage medium
US11347826B2 (en) Systems and methods for hosted applications
CN113190776B (en) Popup window display method and system
US7783967B1 (en) Packaging web content for reuse
US20010033296A1 (en) Method and apparatus for delivery and presentation of data
CN102073502B (en) Method for rendering page frame by WEB primary layout and device thereof
US20100064209A1 (en) Method for transforming web page objects
US20160357717A1 (en) Generating Layout for Content Presentation Structures
WO2017219833A1 (en) Method and apparatus for developing and managing application program page
CN108021671B (en) Page transparent processing method and device
CN105094804A (en) Method and apparatus for adding animation to page
CN108052565B (en) Transparent processing method and device for page
CN108320319B (en) Cartoon synthesis method, device and equipment and computer readable storage medium
US20110314368A1 (en) Method to Generate a Software Part of a Web Page and Such Software Part
CN111611037B (en) View object processing method for electronic book, electronic device and storage medium
CN106874023B (en) Dynamic page loading method and device
CN109714627B (en) Comment information rendering method, device and equipment
CN109683978A (en) A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface
CN112738562B (en) Method, device and computer storage medium for transparent display of browser page
WO2019000894A1 (en) Method and device for generating article outline
CN111399836B (en) Method and device for modifying page attribute
Kyrnin Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours
CN114282081A (en) Media file display processing method and device, electronic equipment and readable storage medium
Mills Practical CSS3: Develop and design
US20090019084A1 (en) Method and system for preloading

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