CN112367549B - Video playing implementation method of television browser and browser application operation method - Google Patents

Video playing implementation method of television browser and browser application operation method Download PDF

Info

Publication number
CN112367549B
CN112367549B CN202011247282.7A CN202011247282A CN112367549B CN 112367549 B CN112367549 B CN 112367549B CN 202011247282 A CN202011247282 A CN 202011247282A CN 112367549 B CN112367549 B CN 112367549B
Authority
CN
China
Prior art keywords
video
playing
module
browser
node
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
CN202011247282.7A
Other languages
Chinese (zh)
Other versions
CN112367549A (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.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric 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 Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN202011247282.7A priority Critical patent/CN112367549B/en
Publication of CN112367549A publication Critical patent/CN112367549A/en
Application granted granted Critical
Publication of CN112367549B publication Critical patent/CN112367549B/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/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/4302Content synchronisation processes, e.g. decoder synchronisation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46Multiprogramming arrangements
    • G06F9/54Interprogram communication
    • G06F9/545Interprogram communication where tasks reside in different layers, e.g. user- and kernel-space
    • 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/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4318Generation of visual interfaces for content selection or interaction; Content or additional data rendering by altering the content in the rendering process, e.g. blanking, blurring or masking an image region
    • 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/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • 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/443OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438Window management, e.g. event handling following interaction with the user interface

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

The invention discloses a video playing implementation method based on an Android television browser, which comprises the following steps: stripping a traditional playing process by customizing a browser kernel lexical analysis module, analyzing a video tag, creating a corresponding video node to insert a DOM tree, analyzing and storing the attribute of the video tag controlled by the web logic, and synchronizing a playing state to an application layer; customizing a kernel layout and a rendering module, adding a DOM node created by the lexical analysis module into the layout, then clearing the content of the region in the rendering tree, and simultaneously synchronizing absolute coordinates and width and height data to an application layer, wherein the application layer realizes control of playing by acquiring attributes and parameters of the lexical analysis module, the layout and the rendering module. The method solves the problem that the video playing window and the web floating UI are shielded hierarchically when the browser application refers to the external SDK to realize the playing function.

Description

Video playing implementation method of television browser and browser application operation method
Technical Field
The invention relates to the technical field of television browsers, in particular to a video playing implementation method based on an Android television browser and a browser application operation method.
Background
With the increasing abundance of television resources, the traditional application cannot meet the requirements of users in a way of presenting content resources through posters and texts, and an interactive interface combining a video playing window and a UI becomes a standard matching function of resource aggregation application.
The traditional browser processes video playing in two main ways:
1. the web page is added into the page layout by using a video tag of an HTML5 standard, the playing source address and the playing state are controlled by the attribute of the video tag, the network, decoding and rendering modules of the browser kernel are used for processing, and finally the web page is synthesized, so that the complete display effect is presented finally;
2. the browser expands the JS player object, the web page logic controls the Android application layer to create the player, the output layer related to the player is distributed to the application UI bottom layer, the browser control is set to be transparent, and the element attribute of the web page related to the playing window area is set to be transparent, so that the playing content of the distributed bottom layer is 'exposed out'.
Due to the limitation of a video resource side, when the Android television application plays some video sources with independent copyright, a playing SDK of an external application is usually required to be introduced, and if the application has a better interactive display effect, a floating UI needs to be displayed above a video window, and the two schemes have defects:
in the scheme 1, since the address of the video source cannot be directly acquired to set the video tag attribute, a standard playing flow cannot be called; if the external SDK is called to realize playing in the application layer, the video area can display a black background to shield a playing window;
in the scheme 2, the playing and the browser are managed in a decoupling and independent mode, and the playing control state can be controlled, but when the web page sets the entity picture as the background, the playing window located below the browser layout is shielded by the background picture.
Disclosure of Invention
The invention aims to overcome the defects in the background art, provides a video playing implementation method based on an Android television browser and a browser application operation method, and solves the problem that a video playing window and a web suspension UI are shielded hierarchically when a browser application refers to an external SDK to implement a playing function.
In order to achieve the technical effects, the invention adopts the following technical scheme:
a video playing implementation method based on an Android television browser comprises the following steps: stripping a traditional playing process by customizing a browser kernel lexical analysis module, analyzing a video tag, creating a corresponding video node to insert a DOM tree, analyzing and storing the attribute of the video tag controlled by the web logic, and synchronizing a playing state to an application layer; customizing a kernel layout and a rendering module, adding a DOM node created by a lexical analysis module into the layout, then removing the content of the region in a rendering tree, and simultaneously synchronizing absolute coordinates and width and height data to an application layer, wherein the application layer realizes control of playing by acquiring attributes and parameters of the lexical analysis module, the layout and the rendering module;
the method of the invention uses the video tag as an occupying element by customizing the analyzing, layout and rendering module related to the browser kernel processing video tag, cleans all display contents lower than the layer level of the element, realizes the transparent effect of the designated area from the inside of the browser, and further realizes the effect of suspending WebUI on a video window played by calling an external SDK.
Further, the method specifically comprises the following steps:
A. customizing a kernel lexical analysis module of the television browser; the lexical analysis module is used for analyzing the attribute of the video tag, defining an expansion method to respond to a player control event defined by video standard playing, defining a playing event storage object to store, and maintaining a web logic controlled playing state machine;
B. customizing a television browser kernel layout module; the layout module is used for acquiring absolute position and width and height data of the video node in the visual area through style calculation;
C. customizing a television browser kernel rendering module; the rendering module is used for cleaning rendering objects corresponding to all father nodes of the video nodes in the rendering tree;
D. the user-defined communication mechanism is used for interactive communication between the Android application layer and the customized television browser kernel; the attribute transmission processing and the playing state synchronization of the application layer playing control module and the browser kernel are realized;
E. and the play control module is used for processing the play attribute and the play control event and executing the final play operation.
Further, the lexical parsing module is configured to: analyzing a video tag in a web page, creating a corresponding video node and inserting the video node into a DOM tree; defining a storage object of the attribute value of the video node, and storing the related attribute value of the processed video element; and the definition extension method responds to the player control event defined by the video standard playing, defines and stores the storage object of the playing event, and maintains a web logic controlled playing state machine.
Further, the layout module is configured to: and according to the video node created by the lexical analysis module, creating a replace element node, inheriting the attribute of the video node, adding the inherited video node into a rendering tree layout, calculating and acquiring the absolute position and width and height data of the replace element node in a visual area through a style, and storing the absolute position and width and height data.
Further, the rendering module is configured to: and synchronizing the absolute coordinates and the width and height data of the RepleElement nodes in the layout module, acquiring a rectangular region in the corresponding visual window, and cleaning to obtain all parent node rendering objects of the RepleElement nodes in the rectangular region.
Further, the customized communication mechanism in step C is specifically to perform communication between the application layer and the browser kernel by using a JNI mechanism of Android.
Further, the customized communication mechanism in step C is configured to:
transmitting the absolute position and width and height data of the RelaceElement node corresponding to the video label processed by the browser kernel in the visual area to an application layer;
the attribute parameters and player events set by the browser kernel processing video tags are transmitted to an application layer for playing control;
and synchronizing the playing state of the application layer to the browser kernel to maintain the playing state machine.
Further, the playback control module is configured to:
receiving absolute position and width and height data of a replace element node corresponding to the video label transmitted by the communication mechanism in a visible area;
carrying out appointed area playing operation by calling an API (application program interface) of the playing SDK module;
defining a play event response service, and receiving the attribute parameters and the player event transmitted by the communication mechanism to perform play control.
Meanwhile, the invention discloses an Android television browser application running method, which is realized based on the video playing realization method based on the Android television browser as described in any one of claims 1 to 8, and is characterized by comprising the following steps:
s1, initializing a browser kernel and starting a browser process, and entering S2 and S3;
s2, calling an external playing SDK to initialize a playing function, and entering a step S4;
s3, calling a loadUrl interface to load a web page, and entering the step S5;
s4, a play control processing flow is established by the play control module, the position area parameters and the play control events of the play window are waited to be processed, and application play control is carried out;
s5, the browser acquires web page data through a network module, enters a customized lexical analysis module, processes the video tags into video nodes, adds the video nodes into a DOM tree, and respectively enters the steps S6 and S7;
s6, temporarily storing the video attribute analyzed by the lexical analysis module, and transmitting the temporarily stored video attribute to the playing control processing flow established in the step S4 by using a customized communication mechanism to realize attribute and state control of the player;
s7, processing the video node by a layout module of the browser, obtaining absolute coordinates and area size data of the video node in a visible area through style calculation, and respectively entering the step S8 and the step S9;
s8, transmitting the absolute coordinate and the area size data to the playing control processing flow established in the step S4 through a customized communication mechanism, and setting and updating the playing window data;
and S9, setting all elements below the stacked and video elements in the web page layout logic in a transparent state in an overlapped area, so that a playing window at the bottom layer of the area is displayed, and normally rendering and displaying UI elements above the stacked and video elements.
Compared with the prior art, the invention has the following beneficial effects:
according to the Android television browser-based video playing implementation method and the browser application running method, the browser kernel is customized to process the parsing, layout and rendering module related to the video tag, the video tag is used as an occupying element, all display contents lower than the layer level of the element are cleaned, the transparent effect of a specified area is achieved from the inside of the browser, and the effect of suspending WebUI on a video window played by calling an external SDK is achieved; therefore, the problem that the playing function is realized by quoting an external SDK based on the browser application and the video playing window and the web suspension UI are shielded hierarchically is effectively solved, the technical support is provided for the television application to realize a more diversified display interaction effect, and the beneficial effect of further improving the user experience is achieved.
Drawings
FIG. 1 is a diagram of an application layer UI layout of a browser according to one embodiment of the invention.
Fig. 2 is a flowchart illustrating a browser application running method according to an embodiment of the present invention.
Detailed Description
The invention will be further elucidated and described with reference to the embodiments of the invention described hereinafter.
Example (b):
the first embodiment is as follows:
currently, in order to play video resources with copyright protection, a browser application must call an external SDK to play, and load a WebUI with an entity background picture to suspend above a video playing window. In the prior art, means adopted by the prior art need to create a player corresponding to a video tag in a browser kernel for playing, or create a player completely independent of a browser for playing, and none of the above methods can meet the requirement of displaying a floating WebUI on a video playing window.
The video playing implementation method based on the Android television browser in this embodiment uses an application of the Android television browser to call an external SDK to play a video, and loads an operation flow of a web page to display a floating UI at the same time as a specific implementation process description, and its central idea is as follows: stripping a traditional playing process by customizing a browser kernel lexical analysis module, analyzing a video tag, creating a corresponding video node to insert a DOM tree, analyzing and storing the attribute of the video tag controlled by the web logic, and synchronizing a playing state to an application layer; customizing a kernel layout and a rendering module, adding a DOM node created by a lexical analysis module into the layout, then removing the content of the region in a rendering tree, and simultaneously synchronizing absolute coordinates and width and height data to an application layer, wherein the application layer realizes control of playing by acquiring attributes and parameters of the lexical analysis module, the layout and the rendering module;
the method comprises the steps that a browser kernel is customized to process an analysis module, a layout module and a rendering module related to a video tag, the video tag is used as an occupied element, all display contents lower than the layer level of the element layer are cleaned, a specified area transparent effect is achieved from the inside of a browser, and then the effect of suspending WebUI on a video window played by calling an external SDK is achieved. Fig. 1 shows a schematic layout of an application layer UI in this scheme, that is, in this scheme, a UI through which a browser application passes is laid out as a relative layout, and a playback output layer is stacked below a WebUI layer of the browser, so that the WebUI is ensured to be suspended above a playback window.
Specifically, the process of the method specifically comprises the following steps:
step 1, customizing a kernel lexical analysis module of the television browser.
The lexical analysis module is used for analyzing the attribute of the video tag, defining an expansion method to respond to a player control event defined by video standard playing, defining a playing event storage object to store, and maintaining a web logic controlled playing state machine.
Specifically, in this embodiment, the lexical analysis module is configured to: analyzing a video tag in a web page, creating a corresponding video node and inserting the video node into a DOM tree; defining a storage object of the attribute value of the video node, and storing the related attribute value of the processed video element; and the definition extension method responds to the player control event defined by the video standard playing, defines and stores the storage object of the playing event, and maintains a web logic controlled playing state machine.
And 2, customizing a television browser kernel layout module.
And the layout module is used for acquiring the absolute position and width and height data of the video node in the visual area through style calculation.
Specifically, in this embodiment, the layout module is configured to: according to the video node created by the lexical analysis module, the replace element node is created to inherit the attribute of the video node and is added into the rendering tree layout, and the absolute position and width and height data of the replace element node in the visual area are calculated and obtained through the style and stored.
And 3, customizing a television browser kernel rendering module.
The rendering module is used for cleaning rendering objects corresponding to all parent nodes of the video nodes in the rendering tree.
Specifically, in this embodiment, the rendering module is configured to: and (3) acquiring absolute coordinates and width and height data of the RepleElement nodes in the synchronous layout module, acquiring a rectangular region in the corresponding visual window, and cleaning all father node rendering objects of the RepleElement nodes in the rectangular region, so as to realize the transparency of the background of the region.
Step 4, the user-defined communication mechanism is used for interactive communication between the Android application layer and the customized television browser kernel; and the attribute transmission processing and playing state synchronization of the application layer playing control module and the browser kernel is realized.
Specifically, in this embodiment, the customized communication mechanism specifically performs communication between the application layer and the browser kernel by using a JNI mechanism of the Android, and the customized communication mechanism is configured to: transmitting the absolute position and width and height data of the RelaceElement node corresponding to the video label processed by the browser kernel in the visual area to an application layer; the attribute parameters and player events set by the browser kernel processing video tags are transmitted to an application layer for playing control; and synchronizing the playing state of the application layer to the browser kernel to maintain the playing state machine.
And 5, customizing a play control module, wherein the play control module is used for processing the play attributes and the play control events and executing the final play operation.
Specifically, in this embodiment, the play control module is configured to:
receiving absolute position and width and height data of a replace element node corresponding to a video label in a visible area, wherein the absolute position and width and height data are transmitted by a communication mechanism; carrying out appointed area playing operation by calling an API (application program interface) of the playing SDK module; defining a play event response service, and receiving the attribute parameters and the player event transmitted by the communication mechanism to perform play control.
Example two
The embodiment specifically discloses a specific browser application running method for completing the configured Android television browser, and as shown in fig. 2, the method specifically includes the following steps:
s1, initializing a browser kernel and starting a browser process, and entering S2 and S3;
s2, calling an external playing SDK to initialize a playing function, and entering a step S4;
s3, calling a loadUrl interface to load a web page, and entering the step S5;
s4, a play control processing flow is established by the play control module, the position area parameters and the play control events of the play window are waited to be processed, and application play control is carried out;
s5, the browser acquires web page data through a network module, enters a customized lexical analysis module, processes the video tags into video nodes, adds the video nodes into a DOM tree, and respectively enters the steps S6 and S7;
s6, temporarily storing the video attribute analyzed by the lexical analysis module, and transmitting the temporarily stored video attribute to the playing control processing flow established in the step S4 by using a customized communication mechanism to realize attribute and state control of the player;
s7, processing the video node by a layout module of the browser, obtaining absolute coordinates and area size data of the video node in a visible area through style calculation, and respectively entering the step S8 and the step S9;
s8, transmitting the absolute coordinate and the area size data to the playing control processing flow established in the step S4 through a customized communication mechanism, and setting and updating the playing window data;
and S9, setting all elements below the stacked and video elements in the web page layout logic in a transparent state in an overlapped area, so that a playing window at the bottom layer of the area is displayed, and normally rendering and displaying UI elements above the stacked and video elements.
In conclusion, the technical scheme of the invention can effectively solve the problem of hierarchical shielding between the video playing window and the web floating UI when the browser application refers to the external SDK to realize the playing function.
It will be understood that the above embodiments are merely exemplary embodiments taken to illustrate the principles of the present invention, which is not limited thereto. It will be apparent to those skilled in the art that various modifications and improvements can be made without departing from the spirit and substance of the invention, and these modifications and improvements are also considered to be within the scope of the invention.

Claims (7)

1. A video playing implementation method based on an Android television browser is characterized by comprising the following steps: stripping a traditional playing process by customizing a browser kernel lexical analysis module, analyzing a video tag, creating a corresponding video node to insert a DOM tree, analyzing and storing the attribute of the video tag controlled by the web logic, and synchronizing a playing state to an application layer; customizing a kernel layout module and a rendering module, adding DOM nodes created by a lexical analysis module into the layout module, then clearing the content of the region where the DOM nodes created by the lexical analysis module in a rendering tree are located, and meanwhile, synchronizing absolute coordinates and width and height data to an application layer, wherein the application layer realizes control playing by acquiring the attributes and parameters of the lexical analysis module, the layout module and the rendering module; the layout module is configured to: according to the video node created by the lexical analysis module, creating a replace element node to inherit the attribute of the video node and add the inherited attribute into a rendering tree layout, and calculating and acquiring the absolute position and width and height data of the replace element node in a visual area through a style and storing the absolute position and width and height data; the rendering module is configured to: and synchronizing the absolute coordinates and the width and height data of the RepleElement nodes in the layout module, acquiring a rectangular region in the corresponding visual window, and cleaning to obtain all parent node rendering objects of the RepleElement nodes in the rectangular region.
2. The Android television browser-based video playing implementation method according to claim 1, specifically comprising the following steps:
A. customizing a kernel lexical analysis module of the television browser; the lexical analysis module is used for analyzing the attribute of the video tag, defining an expansion method to respond to a player control event defined by video standard playing, defining a playing event storage object to store, and maintaining a web logic controlled playing state machine;
B. customizing a television browser kernel layout module; the layout module is used for acquiring absolute position and width and height data of the video node in the visual area through style calculation;
C. customizing a television browser kernel rendering module; the rendering module is used for cleaning rendering objects corresponding to all father nodes of the video nodes in the rendering tree;
D. the user-defined communication mechanism is used for interactive communication between the Android application layer and the customized television browser kernel; the attribute transmission processing and the playing state synchronization of the application layer playing control module and the browser kernel are realized;
E. and the play control module is used for processing the play attribute and the play control event and executing the final play operation.
3. The Android television browser-based video playing implementation method of claim 2, wherein the lexical parsing module is configured to: analyzing a video tag in a web page, creating a corresponding video node and inserting the video node into a DOM tree; defining a storage object of the attribute value of the video node, and storing the related attribute value of the processed video element; and the definition extension method responds to the player control event defined by the video standard playing, defines and stores the storage object of the playing event, and maintains a web logic controlled playing state machine.
4. The method for implementing video playing based on the Android television browser, as set forth in claim 3, wherein the customized communication mechanism in step C is specifically to communicate between the application layer and the browser kernel by using a JNI mechanism of the Android.
5. The Android television browser-based video playing implementation method of claim 4, wherein the customized communication mechanism in the step C is configured to:
transmitting the absolute position and width and height data of the RelaceElement node corresponding to the video label processed by the browser kernel in the visual area to an application layer;
the attribute parameters and player events set by the browser kernel processing video tags are transmitted to an application layer for playing control;
and synchronizing the playing state of the application layer to the browser kernel to maintain the playing state machine.
6. The Android television browser-based video playing implementation method of claim 5, wherein the playing control module is configured to:
receiving absolute position and width and height data of a replace element node corresponding to the video label transmitted by the communication mechanism in a visible area;
carrying out appointed area playing operation by calling an API (application program interface) of the playing SDK module;
defining a play event response service, and receiving the attribute parameters and the player event transmitted by the communication mechanism to perform play control.
7. An Android television browser application running method is realized based on the video playing realization method based on the Android television browser in any one of claims 1 to 6, and is characterized by comprising the following steps:
s1, initializing a browser kernel and starting a browser process, and entering S2 and S3;
s2, calling an external playing SDK to initialize a playing function, and entering a step S4;
s3, calling a loadUrl interface to load a web page, and entering the step S5;
s4, a play control processing flow is established by the play control module, the position area parameters and the play control events of the play window are waited to be processed, and application play control is carried out;
s5, the browser acquires web page data through a network module, enters a customized lexical analysis module, processes the video tags into video nodes, adds the video nodes into a DOM tree, and respectively enters the steps S6 and S7;
s6, temporarily storing the video attribute analyzed by the lexical analysis module, and transmitting the temporarily stored video attribute to the playing control processing flow established in the step S4 by using a customized communication mechanism to realize attribute and state control of the player;
s7, processing the video node by a layout module of the browser, obtaining absolute coordinates and area size data of the video node in a visible area through style calculation, and respectively entering the step S8 and the step S9;
s8, transmitting the absolute coordinate and the area size data to the playing control processing flow established in the step S4 through a customized communication mechanism, and setting and updating the playing window data;
and S9, setting all elements below the stacked and video elements in the web page layout logic in a transparent state in an overlapped area, so that a playing window at the bottom layer of the area is displayed, and normally rendering and displaying UI elements above the stacked and video elements.
CN202011247282.7A 2020-11-10 2020-11-10 Video playing implementation method of television browser and browser application operation method Active CN112367549B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011247282.7A CN112367549B (en) 2020-11-10 2020-11-10 Video playing implementation method of television browser and browser application operation method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011247282.7A CN112367549B (en) 2020-11-10 2020-11-10 Video playing implementation method of television browser and browser application operation method

Publications (2)

Publication Number Publication Date
CN112367549A CN112367549A (en) 2021-02-12
CN112367549B true CN112367549B (en) 2021-08-06

Family

ID=74508529

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011247282.7A Active CN112367549B (en) 2020-11-10 2020-11-10 Video playing implementation method of television browser and browser application operation method

Country Status (1)

Country Link
CN (1) CN112367549B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113434587B (en) * 2021-06-30 2023-08-18 青岛海尔科技有限公司 Data storage and data query method and system
CN114489882B (en) * 2021-12-16 2023-05-19 成都鲁易科技有限公司 Method and device for realizing dynamic skin of browser and storage medium
CN114697726A (en) * 2022-03-15 2022-07-01 青岛海信宽带多媒体技术有限公司 Page display method with video window and intelligent set top box

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102905185A (en) * 2012-10-26 2013-01-30 四川长虹电器股份有限公司 Method for full-voice control over HTML5 (Hypertext Markup Language 5) video playing
CN103064958A (en) * 2012-12-31 2013-04-24 乐视致新电子科技(天津)有限公司 Method for automatic recognition and analysis of browser and based on hyper text makeup language (HTML) 5 video label
CN103455600A (en) * 2013-09-03 2013-12-18 小米科技有限责任公司 Video URL (Uniform Resource Locator) grabbing method and device and server equipment
CN103455602A (en) * 2013-09-03 2013-12-18 小米科技有限责任公司 Video URL (Uniform Resource Locator) capturing method and device and terminal equipment
CN103905927A (en) * 2012-12-26 2014-07-02 华为技术有限公司 Video redirection method under virtual desktop scene, desktop server and system
WO2017028692A1 (en) * 2015-08-20 2017-02-23 腾讯科技(深圳)有限公司 Method, device and storage medium for calling video player
CN107402985A (en) * 2017-07-14 2017-11-28 广州爱拍网络科技有限公司 Special video effect output control method, device and computer-readable recording medium
WO2018107997A1 (en) * 2016-12-15 2018-06-21 广州市动景计算机科技有限公司 Method and device for converting video playing mode, and mobile terminal

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508887A (en) * 2011-10-19 2012-06-20 江西省南城县网信电子有限公司 System and method for resolving digital television interaction service markup language
CN102752664B (en) * 2012-06-29 2015-05-20 北京奇虎科技有限公司 Display method and device for text subtitle information in webpage
CN103338384A (en) * 2013-05-31 2013-10-02 优视科技有限公司 Video play method and video play device
CN105681841B (en) * 2015-12-30 2018-05-29 广东欧珀移动通信有限公司 A kind of video playing control method and system based on browser
GB201701394D0 (en) * 2017-01-27 2017-03-15 Scirra Ltd A window content transfer method

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102905185A (en) * 2012-10-26 2013-01-30 四川长虹电器股份有限公司 Method for full-voice control over HTML5 (Hypertext Markup Language 5) video playing
CN103905927A (en) * 2012-12-26 2014-07-02 华为技术有限公司 Video redirection method under virtual desktop scene, desktop server and system
CN103064958A (en) * 2012-12-31 2013-04-24 乐视致新电子科技(天津)有限公司 Method for automatic recognition and analysis of browser and based on hyper text makeup language (HTML) 5 video label
CN103455600A (en) * 2013-09-03 2013-12-18 小米科技有限责任公司 Video URL (Uniform Resource Locator) grabbing method and device and server equipment
CN103455602A (en) * 2013-09-03 2013-12-18 小米科技有限责任公司 Video URL (Uniform Resource Locator) capturing method and device and terminal equipment
WO2017028692A1 (en) * 2015-08-20 2017-02-23 腾讯科技(深圳)有限公司 Method, device and storage medium for calling video player
WO2018107997A1 (en) * 2016-12-15 2018-06-21 广州市动景计算机科技有限公司 Method and device for converting video playing mode, and mobile terminal
CN107402985A (en) * 2017-07-14 2017-11-28 广州爱拍网络科技有限公司 Special video effect output control method, device and computer-readable recording medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于HTML5的视频音频传输技术的研究与设计;黄雄;《中国优秀硕士学位论文全文数据库 信息科技辑》;20141015(第10期);全文 *

Also Published As

Publication number Publication date
CN112367549A (en) 2021-02-12

Similar Documents

Publication Publication Date Title
CN112367549B (en) Video playing implementation method of television browser and browser application operation method
CN107992301B (en) User interface implementation method, client and storage medium
KR100666450B1 (en) Displaying graphical objects
US9223589B2 (en) Smooth layout animation of visuals
MXPA04004405A (en) System for hosting graphical layout/presentation objects.
CN102902545B (en) Markup language element is decomposed for animation
CN110070593B (en) Method, device, equipment and medium for displaying picture preview information
JP2003526960A (en) Apparatus and method for executing an interactive TV application on a set top unit
CN107168715B (en) Intelligent terminal menu theme GUI engine implementation method
CN109445891B (en) Picture configuration and display method, device and computer readable storage medium
KR20190084725A (en) Display apparatus and Method for providing a content thereof
WO2023169252A1 (en) Multimedia content processing method and apparatus, device, program product, and storage medium
CN112272109A (en) Network topological graph generation method, equipment and system
CN111741367B (en) Video interaction method and device, electronic equipment and computer readable storage medium
JPH0850657A (en) Asynchronous holding method of picture on display device
CN113326044A (en) Development method, system and storage medium based on control library
CN114600112A (en) Document markup and navigation using natural language processing
CN103049430A (en) Page display method based on IDF (interactive document format) files
CN107197354B (en) User interface control method and device and smart television
CN113784194A (en) Embedding method and device of video player
CN110971955B (en) Page processing method and device, electronic equipment and storage medium
CN108021366B (en) Interface animation realization method and device, electronic equipment and storage medium
CN112367295B (en) Plug-in display method and device, storage medium and electronic equipment
CN116010736A (en) Vector icon processing method, device, equipment and storage medium
CN112235621B (en) Display method and display equipment for visual area

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