CN111405303B - Method for quickly establishing live broadcast based on webpage - Google Patents

Method for quickly establishing live broadcast based on webpage Download PDF

Info

Publication number
CN111405303B
CN111405303B CN202010152096.9A CN202010152096A CN111405303B CN 111405303 B CN111405303 B CN 111405303B CN 202010152096 A CN202010152096 A CN 202010152096A CN 111405303 B CN111405303 B CN 111405303B
Authority
CN
China
Prior art keywords
webpage
live broadcast
live
control program
link
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
CN202010152096.9A
Other languages
Chinese (zh)
Other versions
CN111405303A (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.)
Qingdao Hope Bird Technology Co ltd
Original Assignee
Qingdao Hope Bird Technology 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 Qingdao Hope Bird Technology Co ltd filed Critical Qingdao Hope Bird Technology Co ltd
Priority to CN202010152096.9A priority Critical patent/CN111405303B/en
Priority to CN202111220269.7A priority patent/CN113938699B/en
Publication of CN111405303A publication Critical patent/CN111405303A/en
Application granted granted Critical
Publication of CN111405303B publication Critical patent/CN111405303B/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/21Server components or server architectures
    • H04N21/218Source of audio or video content, e.g. local disk arrays
    • H04N21/2187Live feed
    • 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/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9558Details of hyperlinks; Management of linked annotations
    • 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/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782Web browsing, e.g. WebTV
    • 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/478Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4788Supplemental services, e.g. displaying phone caller identification, shopping application communicating with other users, e.g. chatting
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/81Monomedia components thereof
    • H04N21/8166Monomedia components thereof involving executable data, e.g. software
    • H04N21/8173End-user applications, e.g. Web browser, game
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85Assembly of content; Generation of multimedia applications
    • H04N21/858Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
    • H04N21/8586Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The application relates to a method for quickly establishing live broadcast based on a webpage, which comprises the following steps: reading a target webpage for live broadcast communication; introducing a first direct-broadcast control program containing a webpage operation information acquisition function into the target webpage and storing the first direct-broadcast control program as a first link; introducing a second live broadcast control program containing a function of analyzing and executing a webpage operation instruction into the target webpage and storing the second live broadcast control program as a second link; and creating a communication relation between the first link and the second link in the live communication service unit. The first live broadcast control program collects operation data of a user on a target webpage and sends the operation data to the live broadcast communication service unit, the live broadcast communication service unit receives and sends the operation data to other users, and the second live broadcast control program of other users analyzes the received data and restores the data into a webpage operation instruction to execute. The method and the system are beneficial to synchronous operation and communication of the anchor and the audience aiming at the webpage content, reduce resource consumption and improve user experience.

Description

Method for quickly establishing live broadcast based on webpage
Technical Field
The invention relates to the field of communication, in particular to a method for quickly establishing live broadcast based on a webpage.
Background
In the development of the internet today, live broadcast has become a common communication form for people, a common live broadcast platform mainly adopts a video live broadcast form, a main broadcast and audiences install client software or plug-ins, the main broadcast starts live broadcast after establishing an account, the audiences of the same platform enter a live broadcast room to watch live broadcast, and the live broadcast is interacted in the forms of praise, message leaving, gift giving and the like, so that the live broadcast platform is one of efficient communication means, and plays a great role in the scene that people are inconvenient to communicate face to face when facing a sudden coronavirus pneumonia epidemic situation in the near term. But the method has many defects in production, mainly including the following points: the anchor and even the audience need to install live broadcast software or plug-ins, have account numbers and are familiar with software operation; live content is limited to live video of people, and other content is inconvenient to explain; the interactivity between the specific explanation content and audiences in the live broadcasting process is poor; the live broadcast process mainly comprises video transmission, and the network resource consumption is very large; the live broadcast can not be established directly aiming at the content to be explained.
Disclosure of Invention
In view of the above existing situation, in a first aspect, the present application provides a method for quickly establishing a live broadcast based on a web page, where the method includes:
reading a target webpage for live broadcast communication;
introducing a first live broadcast control program containing a webpage operation information acquisition function into the target webpage, and storing and generating the target webpage containing the first live broadcast control program into a first link; introducing a second live broadcast control program containing a function of analyzing and executing a webpage operation instruction into a target webpage, and storing and generating the target webpage containing the second live broadcast control program into a second link; the first link and the second link can be generated according to a preset rule or distributed according to a live communication service unit;
or, the target webpage is sent to a live broadcast webpage calculation generation service unit for registration, and a first link and a second link are generated according to a preset rule or distributed and generated according to a live broadcast communication service unit; when the live webpage calculation and generation service unit receives the first link access request, returning webpage content including the target webpage and a first live control program, wherein the first live control program includes a webpage operation information acquisition function; when the live broadcast webpage calculation and generation service unit receives the second link access request, returning webpage contents including the target webpage and a second live broadcast control program, wherein the second live broadcast control program includes a function of analyzing and executing a webpage operation instruction;
establishing a communication relation between a first link and a second link in the live communication service unit, wherein the live communication service unit provides live communication service for the first link and the second link;
the first live broadcast control program collects operation data of a user on a target webpage, sends the operation data to the live broadcast communication service unit, the live broadcast communication service unit receives and sends the operation data to other users, the received data are analyzed by second live broadcast control programs of the other users and are restored to be webpage operation instructions to be executed, and the effect of synchronizing with the webpage picture of the original user is achieved.
In a second aspect, the present application further provides another method for quickly establishing a live broadcast based on a web page, where the method includes:
reading a target webpage website for live broadcast communication;
reading a first frame webpage containing an iframe label and a first live broadcast control program, wherein the first live broadcast control program contains a webpage operation information acquisition function, adding the target webpage website into the iframe label, and storing and generating the first frame webpage into a first link; reading a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, adding the target webpage website into the iframe label, and storing and generating a second link of the second frame webpage;
or, the target webpage website is sent to a live broadcast webpage calculation generation service unit for registration, and a first link and a second link are generated according to a preset rule or distributed and generated according to a live broadcast communication service unit; the live broadcast webpage calculation and generation service unit reads in a first frame webpage containing an iframe label and a first live broadcast control program when receiving the first link access request, wherein the first live broadcast control program contains a webpage operation information acquisition function, and adds the target webpage website into the iframe label and returns the target webpage website; when receiving the second link access request, the live broadcast webpage calculation generation service unit reads in a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, and adds the target webpage website into the iframe label and returns the target webpage website;
establishing a communication relation between a first link and a second link in the live communication service unit, wherein the live communication service unit provides live communication service for the first link and the second link;
the first live broadcast control program contained in the first link collects operation data of a user on a first frame webpage and sends the operation data to the live broadcast communication service unit; the second live control program contained in the second link analyzes the received data and restores the data into a webpage operation instruction to execute, so that the effect of synchronizing with the original user webpage picture is achieved.
According to the method for quickly establishing the live broadcast based on the webpage, the anchor and the audience can start live broadcast communication by respectively accessing the first link and the second link, other operations such as registration and downloading are not needed, the live broadcast flow is simplified, webpage operation pictures are kept synchronous in the live broadcast process, the communication efficiency of the anchor and the audience is improved, anchor explanation and audience interaction are facilitated, and user experience is improved.
Drawings
Fig. 1 is a schematic flowchart of a method for quickly establishing a live broadcast based on a web page according to an embodiment of the present application;
FIG. 2 is a schematic flow chart illustrating a process of generating a target webpage based on source content according to an embodiment of the present application;
fig. 3 is a schematic flow chart illustrating a process of generating a target web page based on a live web page template according to an embodiment of the present application;
fig. 4 is a schematic flowchart of a reconstruction method for a target webpage according to an embodiment of the present application;
fig. 5 is a schematic flowchart of another method for quickly establishing a live broadcast based on a web page according to an embodiment of the present application;
fig. 6 is a schematic diagram of an internal structure of a first frame webpage according to an embodiment of the present disclosure;
fig. 7 is a schematic diagram of an internal structure of a second frame webpage according to an embodiment of the present application;
fig. 8 is a schematic flowchart illustrating a process of configuring live communication according to a live configuration requirement according to an embodiment of the present application;
fig. 9 is a schematic view of an interface for creating and configuring a live broadcast according to an embodiment of the present application;
fig. 10 is a schematic interface diagram of uploading source content in a live broadcast creation process according to an embodiment of the present application;
fig. 11 is a schematic interface diagram after a link is generated in a live broadcast creation process according to an embodiment of the present application;
fig. 12 is a schematic diagram of an anchor (first link) interface provided in an embodiment of the present application;
FIG. 13 is a schematic view of a spectator-side (second link) interface provided in an embodiment of the present application;
Detailed Description
Hereinafter, an embodiment of the present invention will be described in detail with reference to the drawings.
As shown in fig. 1, the present application provides a method for quickly establishing a live broadcast based on a web page, the method including:
step S101, reading a target webpage for live broadcast communication;
step S1021, a first live broadcast control program containing a webpage operation information acquisition function is introduced into the target webpage, and the target webpage containing the first live broadcast control program is stored and generated into a first link; and introducing a second live broadcast control program containing a function of analyzing and executing a webpage operation instruction into the target webpage, and storing and generating the target webpage containing the second live broadcast control program into a second link. Or step S1022, sending the target webpage to a live broadcast webpage calculation generation service unit to register and generate a first link and a second link, where the live broadcast webpage calculation generation service unit returns webpage content including the target webpage and a first live broadcast control program and returns webpage content including the target webpage and a second live broadcast control program according to the first link and a second link access request;
step S103, a communication relation between the first link and the second link is established in the live communication service unit.
In step S101, the target web page is a web page file containing live broadcast communication content, and is generated by processing and converting source content uploaded by a live broadcast creator.
The method for introducing the control program and generating two links in the target webpage comprises two modes of step S1021 and step S1022:
step S1021, inserting a script tag into the target webpage, wherein the script tag comprises a program file address of a first live control program for executing a webpage operation information acquisition function or a first live control program content for executing the webpage operation information acquisition function, and then storing and deploying the target webpage comprising the first live control program to generate a first link, wherein the first link can be generated through a preset rule (for example, file names are generated according to creator information and time information; for example, different file names or the same file name + parameter are adopted for the first link and the second link), or distributed according to a live communication service unit (for example, a live communication service unit is configured with an access address of a live room in advance, and the access address is adopted when the target webpage comprising the first live control program is deployed); and similarly, introducing a second live broadcast control program storage deployment for executing the function of analyzing and executing the webpage operation instruction into the target webpage according to the steps and generating a second link. In this way, a static target webpage into which the live control program is introduced is generated, and when the first link and the second link are accessed, a target webpage file containing the live control program is returned.
Step S1022, a target webpage including the live broadcast control program is dynamically generated, and the target webpage including the live broadcast control program is generated by the live broadcast webpage calculation and generation service unit through real-time calculation, specifically, in the live broadcast establishing process, a target webpage is sent to a live broadcast webpage calculation and generation service unit for registration, the live broadcast webpage calculation and generation service unit stores the target webpage information, and is generated according to a predetermined rule or distributed according to a live communication service unit, first generates and provides a first link and a second link, meanwhile, the corresponding relation between the first link, the second link and the target webpage data is established, after the live broadcast is started, when the broadcast webpage calculation generation service unit receives the first link and the second link request, the data content of the target webpage is searched and read in according to the previously established corresponding relation, and inserting a corresponding live control program (namely a live control API) into the data content of the target webpage and returning. The data obtained by the first link request comprise target webpage data and a first live broadcast control program; the data obtained by the second link request comprises a target webpage and a second live broadcast control program. In this method, a live-web calculation generation service unit (e.g., a Servlet or other service program) is run on a server, and target web content including a live-web control program is dynamically generated.
In step S103, the live communication service unit is generally a communication server for live broadcasting, and provides communication and control services for the anchor terminal and the audience terminal during the live broadcasting process. Therefore, the creation of the live broadcast needs to be registered in a live broadcast communication service unit, specifically, a live broadcast communication service record is created according to a first link for a main broadcast terminal to access, a second link for a spectator terminal to access and a configuration requirement of the live broadcast creation, and a corresponding relation between the first link, the second link and the live broadcast communication record is stored. When a first link access request is received, searching for a live communication record according to the corresponding relation according to the access request, starting the live communication service based on the communication record, establishing communication connection (such as Socket communication connection) between a main broadcasting end and the live communication service unit, when a second link access request is received, searching for the live communication record according to the corresponding relation according to the second link access request, and establishing communication connection (such as Socket communication connection) between a spectator end and the live communication service unit under the condition that the communication connection between the main broadcasting end and the live communication service unit is established according to the searched communication record. And the live communication service unit receives, processes and sends data according to the corresponding relation between the first link and the second link, and provides live communication and control service.
According to the step S103, after a live communication relation is established, the first live control program contained in the first link collects operation data of a user on a target webpage and sends the operation data to the live communication service unit; the second live control program contained in the second link analyzes the received data and restores the data into a webpage operation instruction to execute, so that the effect of synchronizing with the original user webpage picture is achieved.
In this embodiment, the first live broadcast control procedure corresponding to the anchor includes a web page operation information acquisition function, where the web page operation includes common operations for a web page and other operations for assisting live broadcast. Common operations for web pages are: page sliding, clicking, inputting, zooming, dragging, skipping and the like; and other operations for assisting the live broadcast, such as a doodling operation, a text input operation, an audio operation, a video operation and the like, are provided by the first live broadcast control program. When the anchor performs live broadcast operation, the first live broadcast control program collects and generates corresponding operation type data aiming at different operation types, for example, when scrawling operation is used, a Canvas is established on a target webpage through the first live broadcast control program, the anchor performs scrawling operation on the Canvas, and relevant scrawling operation data such as a scrawling track, a scrawling pen type, a scrawling pen thickness and the like can be collected at the moment. The method comprises the steps that operation data are sent to a live broadcast communication service unit after data collection is carried out, the live broadcast communication service unit carries out broadcast forwarding and sends the operation data to other audience terminals, a second live broadcast control program corresponding to the audience terminals analyzes the live broadcast operation data and restores corresponding live broadcast operation according to operation types, for example, when webpage operation data received by the second live broadcast control program contain webpage body sliding data, the second live broadcast control program calls a webpage body setting method to set a scrollTop attribute and sets a scrollTop value of the scrollTop attribute as position data after sliding on the basis of the position data before the webpage slides, the position data after the webpage slides, starting time and ending time of the sliding in the webpage operation data, and meanwhile, sliding animation is generated according to the sliding time, so that the sliding effect of restoring operation of a main broadcast terminal is achieved.
In some embodiments of this application, first live broadcast control program, the live broadcast control program of second are the program set that has integrateed multiple function, and this application only defines and introduces at the anchor end first live broadcast control program introduces at audience's end the live broadcast control program of second, but not limited to first live broadcast control program is the same for same procedure or partial content in essence with the live broadcast control program of second, first live broadcast control program, the live broadcast control program of second all can contain webpage operation information collection, analysis and carry out webpage operation instruction, scribble operating data collection, analysis scribble data, audio frequency operating data collection, analysis audio frequency operating data, video operating data collection, analysis video operating data, words operating data collection, one or more of analysis words operating data function. For example: if the second live broadcast control program comprises the functions of webpage operation information acquisition, audio operation data acquisition, doodle operation data acquisition and video operation data acquisition, the audience terminal can also execute live broadcast operation after acquiring the live broadcast permission in the conference mode, data are forwarded to other users through the live broadcast communication service unit, other audience terminals can analyze execution data through the second live broadcast control program, meanwhile, a first live broadcast control program corresponding to the anchor terminal can also execute the functions of operation data analysis and other data analysis, and corresponding live broadcast operation is restored.
In this embodiment, the first live control program introduced into the target webpage is further configured to monitor a live control instruction of the user, and control a live process. The live broadcast control instruction comprises one or more of starting/stopping live broadcast, starting/closing a speech, switching a live broadcast/conference mode, switching content, changing content, processing a speech request, managing audience, handing over live broadcast right, switching a video switch, switching an audio switch, setting graffiti and processing messages, and the detailed description is as follows:
when receiving a live broadcast starting/stopping control instruction, the first live broadcast control program sends a corresponding request to the live broadcast communication service unit, the live broadcast communication service unit establishes connection between a main broadcast end and the live broadcast communication service unit after receiving the live broadcast starting control instruction, and performs live broadcast stopping processing and disconnects all connections related to the live broadcast communication after receiving the live broadcast stopping control instruction;
after receiving a speech opening/closing control instruction, forwarding the control instruction to a second live broadcast control program of a spectator end through a live broadcast communication service unit, and controlling speech of the spectator end by opening/closing a speech function;
when a live broadcast mode switching control instruction is received, the control instruction is sent to a live broadcast communication service unit, the live broadcast communication service unit switches the current service mode to a live broadcast mode, a data receiving and sending processing mode in the live broadcast mode is set, an instruction is sent to a spectator end and a main broadcast end to carry out mode switching processing, and if the speaking function of the spectator end is closed, the functions of webpage operation, speaking, video, doodling and the like of the main broadcast end are opened; when a conference mode switching control instruction is received, the control instruction is sent to a live communication service unit, the live communication service unit switches the current service mode into a conference mode, a data receiving and sending processing mode in the conference mode is set, and an instruction is sent to a spectator end and a main broadcasting end to carry out mode switching processing, such as starting webpage operation, speaking and doodling functions of the spectator end. The main difference between the live broadcast mode and the conference mode is that only the anchor is allowed to perform live broadcast explanation operation in the live broadcast mode, and all or part of audiences are allowed to acquire the live broadcast explanation operation right in the conference mode;
when a content switching control instruction is received, a list interface capable of switching contents is called, the anchor selects a content record needing to be switched, a switched target content record identifier is sent to a live broadcast communication service unit, the live broadcast communication service unit sends the switching instruction and the switched target content record identifier to a viewer end or the anchor end to execute switching operation, and a refreshing instruction is sent to trigger a webpage refreshing function of the anchor end and the viewer end. The content switching function is used for providing a plurality of explanation contents (a plurality of websites, webpages, a plurality of webpages arranged according to materials, and the like) for a creator to switch contents in the live broadcasting explanation process;
when a content replacement control instruction is received, a website or a source content acquisition interface for generating a new target webpage is called, acquired information is directly or indirectly sent to a live broadcast generation unit, after the new target webpage is generated, a content updating request is sent to a live broadcast communication service unit, finally, an updating instruction is sent to an anchor terminal and a viewer terminal by the live broadcast communication service unit, and the anchor terminal and the user terminal are triggered to update live broadcast content. The content replacement function is used for integrally changing or adding new live broadcast content in the live broadcast process;
when receiving a control instruction for processing the speaking request, sending a processing result for processing the speaking request to a live broadcast generating unit, processing the processing result by the live broadcast communication service unit, sending an instruction to a spectator end according to the processing result of the speaking request, and executing a speaking operation by a client end through a second live broadcast control program;
when receiving a viewer management control instruction, acquiring information of a current online viewer from a live broadcast communication service unit, calling out a viewer information list interface, allowing a anchor to check the viewer information, and clicking a forbidden language and kicking-out button on the information list interface to perform corresponding operation on a certain viewer, for example, when clicking the forbidden language, sending the forbidden language instruction to the live broadcast communication service unit, processing and sending the instruction to a corresponding viewer end through the live broadcast communication service unit, and executing the closing operation of a client-side related function by a second live broadcast control program;
when receiving a live broadcast right handover control instruction, sending the control instruction to a live broadcast communication service unit, processing the control instruction by the live broadcast communication service unit, sending a right handover instruction to a relevant anchor terminal and audience terminal, and executing client processing of the right handover by a first live broadcast control program and a second live broadcast control program contained in the control instruction;
when a video switch control instruction is received, the first live broadcast control program starts to execute a video operation data acquisition function and sends acquired video data to a live broadcast communication service unit; stopping video operation data acquisition when a video closing instruction is received;
when an audio starting instruction is received, the first live broadcast control program starts to execute an audio operation data acquisition function and sends acquired audio data to a live broadcast communication service unit; stopping audio operation data acquisition when an audio closing instruction is received;
when a doodle setting control instruction is received, calling a setting button related to the doodle, executing the doodle operation on a target webpage, starting to collect doodle operation data of an anchor program, sending the collected doodle data to a live broadcast communication service unit, and adjusting the doodle attribute according to corresponding setting parameters by a first direct broadcast control program when the anchor program sets the doodle;
the message processing instruction executes relevant message processing operations, such as: receiving the message data of the live communication service unit and updating the message list.
Correspondingly, a second live control program introduced into the target webpage can also monitor a live control instruction of the audience, wherein the live control instruction comprises one or more of entering/exiting live broadcast, speaking request, receiving live broadcast right, returning live broadcast right, switching a video switch, switching an audio switch, setting graffiti and processing messages. Wherein the entering/exiting live broadcast establishes/disconnects the connection with the live broadcast communication service unit; the speaking request control instruction is used for sending a speaking request to the live communication service unit and applying for acquiring a live speaking right; executing the live broadcast right receiving instruction to indicate that the request for receiving the live broadcast right handover is agreed; and executing the live broadcast right returning instruction and sending the live broadcast right returning instruction to the live broadcast communication service unit, and carrying out live broadcast right recovery processing by the live broadcast communication service unit.
In an optional implementation manner, before reading in the target webpage for live communication in step S101, processing and generating the target webpage are further included, and there may be two specific implementation manners, where in the first manner, as shown in fig. 2, the step includes:
step S201, receiving source content and identifying the type of the source content;
step S202, receiving one or more of webpage material processing requirements, content structure requirements, content layout requirements and display style requirements from a live creator, and/or combining one or more processing source contents of webpage material specifications, content structure specifications, content layout rules and label specifications built in a system;
step S203, the source content is converted into a target web page.
In step S201, the source content is uploaded by a live broadcast creator, the source content type includes one or more of a web page, a web site, a file that can be converted into a web page, and a material file supported by a web page, and each type of source content may be uploaded by one or more types.
In step S202, the web page material processing requirement refers to a processing requirement that is provided by a live broadcast creator for a web page material content, which includes a picture display size, a picture display quality, an audio quality, a text size, a text font, and the like, and is described in detail as follows:
the content structure requires that the source content can be processed according to the provided content structure to generate the target webpage. For example, if a tree structure is provided as a content structure request, the source content is processed according to the structure, a corresponding tree chapter is generated, and the relevant source content is inserted.
The content arrangement requirement is mainly a requirement that a creator puts forward a content explanation sequence and priority level during live broadcasting, and the display sequence of the source content is arranged based on the requirement, for example, when the uploaded source content is a plurality of pictures, the display sequence of the pictures can be set according to the content arrangement requirement.
The display style requirement can specify a display style after the source content is processed, the source content is processed according to the display style requirement, and the display styles such as size, color, position, shadow, border, blur, CSS animation effect and the like are modified.
The specification of the web page materials built in the system refers to the specification that the web page materials specified by the system need to meet, such as the specification that the size of a picture file, the size of a picture, the type of a file and the size of a video file need to meet.
The content structure specification built in the system, namely the restrictive requirements of the system on the content structure, such as the layer number limitation of the content structure. Meanwhile, the system provides default structure processing specifications for source content arrangement, and can comprise a plurality of default specifications which are selected from the default structure processing specifications according to the type, the quantity, the uploading sequence and the like of the source content.
The content arrangement rule built in the system is a default arrangement rule of the system for the source content, such as an arrangement rule according to an uploaded time sequence, an arrangement rule according to a source content type, and the like.
The tag processing specification built in the system is the restrictive requirement of the system on the source content tag, such as restricting the use of the tag discarded by the HTML5, and the tag attributes (such as font tag, tt tag, frame tag, align attribute, etc.).
According to step S202, the system processes the source content in accordance with the requirements of the live broadcast creator and the requirements specified by the system, and when the creator does not provide the relevant requirements, the default requirements corresponding to the system are adopted, and when the requirements provided by the creator do not meet the requirements of the system, the system requirements are generally preferentially executed. If the creator user provides a web page material picture with the size of 2M, the picture size of 2000 x 1000 pixels and the requirement of displaying with the width of 1000 pixels, and the size requirement of the system for the picture file is 500K, the processing method is as follows: according to the picture processing requirement proposed by user, the picture size is zoomed to 1000X 500, at this moment, the user requirement is satisfied, but the original picture file size does not satisfy the system requirement, the picture file needs to be zoomed in size and compressed, so that the file size is less than 500K, thereby achieving the system requirement.
In step S203, different conversion steps are executed according to different types of source content, which are detailed as follows:
when the source content type is judged to be the webpage, acquiring source webpage content to generate a target webpage;
when the source content type is judged to be a website, acquiring corresponding webpage file content through the website to generate a target webpage;
when the source content type is judged to be a file capable of being converted into a webpage, firstly, converting into a webpage operation is executed, and then, the converted webpage content is read to generate a target webpage, such as a file with a format of PDF, Word, PPT and the like;
when the source content type is judged to be a material file supported by a webpage, a new webpage is created first, an HTML tag corresponding to the material file type is created in the new webpage, the tag attribute and the content are set to place the material file to generate a target webpage, for example, if a creator provides a group of JPG pictures and several segments of characters, the new webpage is created first, an img tag is added in the new webpage, an attribute placement picture is set, a p tag is added to place text content, and a final target webpage is generated.
In a second way, as shown in fig. 3, the steps include:
s301, receiving source content and reading in a live webpage template;
s302, processing the source content according to the requirements of the live content in the live webpage template, and replacing corresponding items in the template with the processed source content to generate the target webpage.
In the method, the live broadcast webpage template is preset for a system and is selected by a live broadcast creator. The live broadcast webpage template already comprises live broadcast content processing requirements, such as webpage material processing requirements, content structure requirements, content arrangement requirements, display style requirements and the like, a live broadcast creator only needs to select a corresponding live broadcast webpage template based on the content to be communicated and upload source content according to the template content requirements, step S302 is to perform material processing according to the processing requirements of the template on the webpage material, such as scaling pictures to the required size of the template, compressing the file size of the processed pictures meeting the template requirements and the like, then read in a template file corresponding to the live broadcast webpage template, and replace corresponding items according to the processed materials, so that a target webpage is generated. Generally, the time can be saved for the creator by applying the live webpage template, the structure of the live webpage template is similar to that of the PPT template, the template comprises detailed interactive functions and animation effects, and the creator can quickly generate excellent live works by only providing materials.
In an optional implementation manner, referring to fig. 4, after the step S401 introduces the first live control program and the second live control program into the target webpage, the method further includes:
s402, reconstructing the target webpage containing the live broadcast control program.
In step S402, the reconfiguration operation includes one or more of web page structure adjustment, tag adjustment, CSS style adjustment, script adjustment, loading adjustment, event adjustment, and storage adjustment. Compared with step S202, reconstructing the target web page including the live broadcast control program in step S402 is to further improve the performance of the live broadcast web page, where the former focuses on the content and display, and the latter focuses on the quality and performance. The method adopts a mode of automatically generating the live webpage codes, so that the webpage program code reconstruction operation is more important.
In step S402, the reconstruction is adjusted around various reconstruction purposes based on the consideration of program quality and performance, and the reconstruction purposes include: the method has the advantages that the conventional JS library contained in the webpage is kept in the latest state, abandoned HTML tags and attributes do not exist, the layout of the webpage structure is clear, malicious advertisements and links do not exist in the webpage content, the problem of memory leakage of program codes does not exist, the content to be explained is asynchronously loaded under the condition that the layout of the webpage structure with more content is clear, the code static inspection is qualified, the page loading sequence is reasonable, illegal content is not allowed to be contained in the webpage, the local storage and the operation of the webpage are normal, the database calling is normal and the connection is normal, the resource loading is within a reasonable time range, the webpage is normally displayed under the expected equipment environment, and the event conflicting with live broadcast control does not exist.
In step S402, the reconstruction operation calls a corresponding reconstruction tool or method based on the above reconstruction purpose, and performs webpage structure adjustment, tag adjustment, CSS style adjustment, script adjustment, loading adjustment, event adjustment, storage adjustment, and the like, thereby comprehensively achieving the reconstruction purpose. If the layout of the web page structure is clear, the adjustment of the web page structure is needed, and the adjustment and layout (DOM adjustment) of the page composition elements such as the navigation bar, the column, the text content and the like are needed, and the CSS adjustment is needed at the same time.
In other embodiments of the present application, another method for quickly establishing a live broadcast based on a web page is further provided, and as shown in fig. 5, in this embodiment, the method includes:
step S501, reading a target webpage website for live broadcast communication;
step S5021, reading a first frame webpage containing an iframe label and a first live broadcast control program, wherein the first live broadcast control program contains a webpage operation information acquisition function, adding the target webpage address into the iframe label, and storing and generating the first frame webpage into a first link; reading a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, adding the target webpage website into the iframe label, and storing and generating the second frame webpage into a second link. Or step S5022, the target webpage website is sent to a live broadcast webpage calculation generation service unit for registration, and a first link and a second link are generated according to a preset rule or distributed and generated according to a live broadcast communication service unit; the live broadcast webpage calculation and generation service unit reads in a first frame webpage containing an iframe label and a first live broadcast control program when receiving the first link access request, wherein the first live broadcast control program contains a webpage operation information acquisition function, and adds the target webpage website into the iframe label and returns the target webpage website; when receiving the second link access request, the live broadcast webpage calculation generation service unit reads in a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, and adds the target webpage website into the iframe label and returns the target webpage website;
step S503 is to create a communication relationship between the first link and the second link in the live communication service unit, where the live communication service unit provides a live communication service for the first link and the second link.
The gist of the present embodiment is described in detail below:
in this embodiment, in step S501, the number of read target web addresses for live broadcast communication may be one or more, and when the target web addresses are multiple web addresses, a live broadcast creator may designate to arrange the web addresses in a certain order, and after generating a live broadcast, may use a content switching control instruction to switch among multiple contents.
In this embodiment, referring to fig. 6 and 7, a live broadcast control program is integrated into the first frame webpage and the second frame webpage, an iframe tag is provided for a target webpage, and a final live broadcast webpage can be obtained only by modifying the src attribute in the iframe tag to a target webpage website.
In this embodiment, the first live broadcast control procedure includes a web page operation information acquisition function, where the web page operation includes common operations for a web page and other operations for assisting live broadcast, where the common operations for a web page are slightly different from those of the embodiment shown in fig. 1, and because the first live broadcast control procedure and a target web page have cross-domain limitation during communication, the first live broadcast control procedure cannot acquire part of operation data of a user on the target web page (e.g., clicking operation of an internal button of the target web page), so that the embodiment can only provide limited web page operations (e.g., sliding and jumping of the target web page).
In this embodiment, when monitoring a content switching control instruction input by a user, the first live broadcast control program calls a list interface of switchable target web addresses, and sends a target web address identifier selected by the user to a live broadcast communication service unit, and the live broadcast communication service unit sends the new target web address and an update instruction to an anchor terminal and a viewer terminal, and triggers address update of iframe tags in a first frame web page and a second frame web page.
In this embodiment, after monitoring a content replacement control instruction sent by a user, the first live broadcast control program calls an interface for inputting a new target web address and receives the new target web address, sends the new target web address and a content update request to the live broadcast communication service unit, and the live broadcast communication service unit sends the new target web address and the update instruction to the anchor terminal and the audience terminal to trigger address update of iframe tags in the first frame web page and the second frame web page.
Similarly, in the present embodiment, after the content switching control command and the content replacement control command are responded, the communication state between the live broadcast communication service unit and the first link and the second link is not changed during the update process, and the state data formed by the live broadcast is not changed.
Because the embodiment provides a complete generation basis for live broadcast web pages of a main broadcast end and an audience end (namely, the frame web pages integrated with corresponding live broadcast control programs are similar to program templates and have certain maturity), in the construction process, a final live broadcast web page can be generated only by adding a target web page website, in the creation process, a creator does not need to provide a live broadcast creation requirement, a system does not need to perform complex reconstruction processing, and the method is particularly suitable for the situations that live broadcast is quickly established according to the existing website, target web pages are displayed and explained, and the operation interaction requirement is not high.
In an alternative embodiment, before the step of creating a communication relationship between the first link and the second link by the live communication service unit in step S602 (corresponding to step S103 or step S503), as shown in fig. 8, the method further includes the following steps:
s601, receiving a live broadcast configuration requirement, and configuring the live broadcast communication service based on the configuration requirement.
In step S601, the live broadcast configuration requirement includes one or more of a live broadcast time configuration requirement, a people number limitation configuration requirement, a function permission configuration requirement, a user limitation configuration requirement, and a message sending configuration requirement, and after receiving the live broadcast configuration requirement, the live broadcast communication service unit configures the live broadcast communication service according to the live broadcast configuration requirement, for example: setting a live broadcast time configuration requirement to realize the establishment and disconnection of communication connection according to the starting time and the ending time in the time configuration requirement; setting a people number limit configuration requirement, detecting the number of currently connected users by a live broadcast communication service unit, and limiting the number of live broadcast users; setting a function authority configuration requirement, and limiting the user function authority in live broadcasting; setting message sending configuration requirements, controlling the sending range, frequency, type and the like of messages.
The following exemplary application scenario is illustrated and described in a method:
referring to fig. 9-11, an example process is created for a live broadcast.
As a first step of live broadcast creation, referring to fig. 9, a user needs to provide a live broadcast title, a brief introduction, a presentation picture, an operation environment, time setting, other setting information, and the like. The title, the introduction and the introduction picture are used for inviting the link description when the link is forwarded and are simultaneously applied to a guide picture when the live broadcast is not started; the information is used as a calculation reference for target webpage processing specifications (such as webpage material specifications, content structure specifications, content arrangement rules, label specifications and the like) built in the system, and also used as a reference for calculating the final reconstruction purpose; the time setting comprises the start time, the end time, the timing mode (display duration or countdown) and the like of live broadcasting; other setup information includes audience size limits, audience source area limits, conference mode floor limits, whether live is automatically turned off over time, etc., which is used to calculate live configuration requirements (live time configuration requirements, size limit configuration requirements, functional rights configuration requirements, user limit configuration requirements, messaging configuration requirements, etc.).
After the setting of the live broadcast summary information and the configuration information is completed, the setting of live broadcast content is entered next.
Referring to fig. 10, this page provides a user with various live content setting modes to fully meet the user's live creation requirement.
A. Created from a web site. The method is most suitable for the situation that the user has one or more websites (such as websites) and needs to be rapidly explained for other people.
The method simultaneously supports a creation mode that a user uploads a plurality of websites, when the plurality of websites are uploaded, a default website needs to be appointed as the live broadcast starting content, meanwhile, the user can appoint the selection sequence of each website (the system defaults to store as the selection sequence according to the uploading sequence), the method stores and sequences the websites uploaded by the user, and the user can switch and select the websites in the live broadcast process.
According to the processing requirement of the user on the live broadcast content, the live broadcast is created through the method, and the user can also select a processing method aiming at the webpage content, such as: the method comprises the steps of reserving an original webpage and optimizing, wherein the system reserves display and interactive contents of the original webpage to the maximum extent, and the system optimizes according to the contents of the webpage, such as adjusting the layout of the webpage, zooming pictures and the like, so that the optimal display effect is obtained.
In addition, the method creates the live broadcast based on the website, and simultaneously supports two live broadcast generation methods of fig. 1 and 5, specifically, depending on the webpage content pointed by the website uploaded by the user, the user asks the user for interaction requirements for the live broadcast after selecting the website to be created, and when the event interaction inside the webpage is not involved and is only used for browsing explanation (similar to PPT explanation), the system selects to create the live broadcast in the mode of fig. 5 (using a frame webpage containing an iframe tag to create).
B. From a web page. The method is very similar to the method for creating the website, and the difference is that the user has not the website but an actual webpage file, and the uploaded content comprises not only the webpage file but also resource files (pictures and the like) quoted by the webpage, so that the uploading operation is conveniently executed by the user, and meanwhile, the uploading method of folders and compressed packages is provided. After the file is uploaded, the file is generated and processed by a target webpage, and a network file is temporarily stored in a server according to needs.
Similarly, the creation mode supports a plurality of web pages to generate live broadcast content, and the live broadcast is generated according to the steps shown in fig. 1 and 5.
C. From other files. On the premise that a user has a PPT file, a PDF file, a Word file and the like, the method is very convenient to create, the user only needs to upload the files, and the server calls a corresponding conversion tool to convert the uploaded files into web pages. Meanwhile, in the conversion process, internal pages of the webpage can be established according to the pages of the original document, a directory, page turning navigation and the like are established, and a browsing effect consistent with the original document is generated.
The creation mode theoretically receives files which can be converted into webpages for conversion operation, simultaneously supports uploading of a plurality of files, processes target webpages according to user requirements, selects a live broadcast generation method of fig. 1 or fig. 5 according to content interaction requirements, and the like.
D. Created from content, material. In principle, the method comprises a process of automatically constructing the webpage according to the webpage materials, and the live broadcast is generated simply and quickly by the method aiming at users (such as a group of engineering pictures) with some materials at hand. In the process of creating, a user can choose not to define the generation requirement, and the system carries out structure processing and content arrangement according to the characteristics of the materials to generate a target webpage. In view of the live broadcast generation method, the methods shown in fig. 1 and fig. 5 (the uploaded content and the generated target web page need to be stored as a network file) may be used.
E. Is created from the template. On the basis of the content and material creation mode, the mode provides a mode for quickly creating high-quality live content for users. The user can select the template according to the requirement, set the characters in the template and replace the material files in the template, and the template provides professional design and typesetting, color matching schemes, animation effects and interaction schemes, so that the live target webpage with uniform style can be quickly generated by applying the template. Meanwhile, the template generally matches the optimal live broadcast generation method according to the internal interaction characteristics (adopting the method of fig. 1 or fig. 5).
After the creation, configuration and uploading of the source content of the live broadcast are completed, a web page link of the live broadcast is stored in the server or the server has the capability of dynamically generating the live broadcast web page, the generated information and the set information need to be registered in a live broadcast communication server (namely a live broadcast communication service unit), and the registration steps are generally as follows: a record for providing live broadcast is created in a database, and the record comprises information such as ID, creator, live broadcast name, live broadcast content introduction, live broadcast time, anchor link, audience link, target webpage generating mode (dynamic generation or static providing), live broadcast creating mode (for example, using frame webpage creating mode containing iframe tag), authentication mode, user limit quantity, creating time, other settings and the like.
After the live broadcast is created, the link for sharing the anchor and audience of the secondary live broadcast is generated, and referring to fig. 11, a two-dimensional code and a link are provided for the creator to share and enter the live broadcast.
And the live broadcast communication server searches a corresponding live broadcast creation record according to the received anchor access link and establishes a live broadcast communication service for the record.
And the anchor terminal accesses the corresponding link with the audience terminal, displays a live broadcast information picture comprising information such as a live broadcast theme, live broadcast content introduction, live broadcast starting countdown and the like when the start time is not reached according to the time set during the live broadcast creation.
Referring to fig. 12 and 13, an example of the anchor side and the viewer side in the live broadcasting process is shown.
After the live broadcast is normally started, the page of the anchor terminal is shown in fig. 12, and the page mainly includes: the system comprises a target webpage content display area, a live broadcast information display area, a shortcut tool area, a message area, a live broadcast control area and other main areas.
The target webpage content display area is used for displaying the webpage content of the live broadcast explanation, namely the target webpage content. The anchor can perform webpage operations such as sliding, clicking, inputting, zooming, dragging, jumping and the like in the target webpage content display area, and meanwhile, the audience terminal keeps the picture synchronization of the area.
The live broadcast information display area is used for displaying the live broadcast related information, such as the number of people participating in the current live broadcast audience, the current live broadcast mode, the current speaker, the video of the current speaker, the time length or timing information and the like.
The shortcut tool area mainly comprises common operation tools of the anchor in the live broadcast process, such as: the content synchronous switch, the video on-off button, the audio frequency on-off button, scribble operating button, wherein the picture that content control opened and closed target webpage content display area is synchronous, the video, audio frequency on-off control opens and closes and send anchor video, the audio frequency, scribble operation is after opening, the operation to the webpage is in invalid state in the target webpage content display area, be convenient for carry out scribble operation on the screen this moment, show detailed scribble instrument simultaneously, like scribble pen type switching, the colour switches, lines thickness sets up, the in-process spectator end picture of scribbling keeps synchronous equally, after the scribble operation is closed, resume the operation to the webpage in the target webpage content display area.
And the message area displays messages sent by the anchor and the audience in the live broadcast process, wherein part of the messages carry request instructions, such as a request for speaking, a return of the speaking right after the speaking is finished and the like, and related processing can be quickly started through the message area.
The live control area contains all functions of live control, such as live mode switching, content selection, content replacement, audience management, setting, stopping and the like. The live broadcast mode switching comprises a common live broadcast mode and a conference mode, wherein the common live broadcast mode is that the voice is independently sent by a main broadcast, and the conference mode allows a plurality of speakers (the number of speakers is set) to send the voice at the same time; selecting content, wherein the content can be selected for the situation that a plurality of live contents are uploaded; the content replacement is to temporarily replace new live broadcast content in the live broadcast process, and if the system is used for playing and explaining a new website, the system can execute the generation and replacement operation of new target webpage content on the premise of keeping the communication state unchanged; the audience management displays an audience list, wherein the audience list comprises information such as the name, the region, the speaking state, the audio and video switch state and the like of the audience, management operations such as viewing detailed information, drawing black, shielding messages, shielding the speech, requesting the speech, withdrawing the speech right and the like, if a certain audience can be appointed to speak in the list, and the live broadcast right is transferred; the setting function comprises other setting information aiming at live broadcast, such as timing display mode, closing audience entrance, message sending and receiving range, live broadcast time adjustment, microphone volume adjustment, whether live broadcast process data is recorded or not and the like; the stop function closes the live broadcast.
After the live broadcast is normally started, the viewer end page is shown in fig. 13, and the page mainly includes: the main areas of the target webpage content display area, the live broadcast information display area, the shortcut tool area, the message area, the audience live broadcast control area and the like are slightly the same as the anchor terminal.
The target webpage content display area is used for displaying the webpage content of the live broadcast explanation, the frame synchronization is generally kept with the main broadcast end in the live broadcast process, the webpage operation in the area is in a shielding state, and only under the condition that the audience end obtains the live broadcast right, the webpage operation can be carried out and synchronized to other users.
And a live broadcast information display area which is basically the same as the main broadcast end, and a small video (refer to the upper left corner of the figure 13) of a speaker is live broadcast in a normal state, so that a user can select to amplify and close the video.
The system comprises a shortcut tool area, wherein operation tools and functions contained in the shortcut tool area are basically the same as those of a main broadcasting end, and the shortcut tool area is used for synchronously controlling content, controlling an audio switch, controlling a video switch, controlling scribbling, returning the live broadcasting right and the like after a viewer obtains the live broadcasting right, and hides or sets a related button to be in an unavailable state under the condition that the live broadcasting right is not obtained.
A message area, which is functionally the same as the anchor, displays a message and may carry a request instruction, such as "accept talk request".
And the audience live broadcast control area comprises all functions of live broadcast control of the audience in the live broadcast process, such as speaking, information, audience lists, quitting and the like. The speaking function is convenient for the audience to strive for the live broadcast permission in the live broadcast process; the message function starts a message sending window and can be appointed to be sent to a main broadcast or a certain audience; the viewer list is used to view basic information of viewers.
The live communication server provides service for the live process and can record the whole process of live broadcast. After the live broadcast is finished, the anchor and the audience access link, the live broadcast brief introduction, the live broadcast duration and other information are displayed, and meanwhile, the live broadcast playback can be checked.
The method for quickly establishing the live broadcast based on the webpage can quickly establish the live broadcast based on various types of source contents, the live broadcast can be quickly started after the link generated by the method is accessed, additional software or plug-ins do not need to be downloaded, operation knowledge related to the live broadcast software does not need to be learned, the process is simplified, and the use cost is reduced. Meanwhile, the method provides various auxiliary live broadcasting tools, the images of the anchor terminal and the images of the audience terminals are synchronized in real time, the interactivity between the anchor and the audiences is improved, and the audience can better understand live broadcasting contents. In addition, compared with the traditional live video stream data, the data generated in the live broadcasting process has much smaller transmission amount and can achieve the lossless effect, thereby being beneficial to realizing rapid transmission.
While the invention has been specifically described above in connection with the drawings and examples, it will be understood that the above description is not intended to limit the invention in any way. Those skilled in the art can make modifications and variations to the present invention as needed without departing from the true spirit and scope of the invention, and such modifications and variations are within the scope of the invention.

Claims (9)

1. A method for quickly establishing live broadcast based on a webpage is characterized by comprising the following steps:
receiving source content and identifying the source content type, wherein the source content type comprises one or more of a webpage, a website, a file capable of being converted into the webpage and a material file supported by the webpage; when the source content type is judged to be the webpage, acquiring source webpage content to generate a target webpage; when the source content type is judged to be a website, acquiring corresponding webpage file content through the website to generate a target webpage; when the source content type is judged to be a file which can be converted into a webpage, firstly, converting into a webpage operation is executed, and then, the webpage content obtained through conversion is read to generate a target webpage; when the source content type is judged to be a material file supported by a webpage, firstly, a new webpage is created, an HTML (hypertext markup language) tag corresponding to the material file type is created in the new webpage, and the tag attribute and the content are set to place the material file to generate a target webpage;
A. reading a target webpage for live broadcast communication;
B. introducing a first live broadcast control program containing a webpage operation information acquisition function into the target webpage, and storing and generating the target webpage containing the first live broadcast control program into a first link; introducing a second live broadcast control program containing a function of analyzing and executing a webpage operation instruction into a target webpage, and storing and generating the target webpage containing the second live broadcast control program into a second link; the first link and the second link can be generated according to a preset rule or distributed according to a live communication service unit; or, the target webpage is sent to a live broadcast webpage calculation generation service unit for registration, and a first link and a second link are generated according to a preset rule or distributed and generated according to a live broadcast communication service unit; when the live webpage calculation and generation service unit receives the first link access request, returning webpage content including the target webpage and a first live control program, wherein the first live control program includes a webpage operation information acquisition function; when the live broadcast webpage calculation and generation service unit receives the second link access request, returning webpage contents including the target webpage and a second live broadcast control program, wherein the second live broadcast control program includes a function of analyzing and executing a webpage operation instruction;
C. establishing a communication relation between a first link and a second link in the live communication service unit, wherein the live communication service unit provides live communication service for the first link and the second link; the first live broadcast control program contained in the first link collects operation data of a user on a target webpage and sends the operation data to the live broadcast communication service unit; the second live control program contained in the second link analyzes the received data and restores the data into a webpage operation instruction to execute, so that the effect of synchronizing with the original user webpage picture is achieved.
2. The method of claim 1, wherein the step prior to generating the target webpage further comprises receiving one or more of webpage material processing requirements, content structure requirements, content layout requirements, display style requirements from a live creator, and/or processing source content in conjunction with one or more of system-built webpage material specifications, content structure specifications, content layout rules, and tag specifications.
3. The method according to claim 1 or 2, wherein the step before generating the target webpage further comprises reading in a live webpage template, processing the source content according to the requirements of the live content in the live webpage template, and replacing the corresponding item in the template with the processed source content to generate the target webpage.
4. The method according to claim 1, wherein the step after the target webpage introduces the first live control program and the second live control program further comprises performing a restructuring operation on the target webpage after the first live control program and the second live control program are introduced, wherein the restructuring operation includes one or more of webpage structure adjustment, tag attribute modification, CSS style modification, script adjustment, loading sequence adjustment, event adjustment, and storage adjustment.
5. A method for quickly establishing live broadcast based on a webpage is characterized by comprising the following steps: A. reading a target webpage website for live broadcast communication; B. reading a first frame webpage containing an iframe label and a first live broadcast control program, wherein the first live broadcast control program contains a webpage operation information acquisition function, adding the target webpage website into the iframe label, and storing and generating the first frame webpage into a first link; reading a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, adding the target webpage website into the iframe label, and storing and generating a second link of the second frame webpage; or, the target webpage website is sent to a live broadcast webpage calculation generation service unit for registration, and a first link and a second link are generated according to a preset rule or distributed and generated according to a live broadcast communication service unit; the live broadcast webpage calculation and generation service unit reads in a first frame webpage containing an iframe label and a first live broadcast control program when receiving the first link access request, wherein the first live broadcast control program contains a webpage operation information acquisition function, and adds the target webpage website into the iframe label and returns the target webpage website; when receiving the second link access request, the live broadcast webpage calculation generation service unit reads in a second frame webpage containing an iframe label and a second live broadcast control program, wherein the second live broadcast control program contains a function of analyzing and executing a webpage operation instruction, and adds the target webpage website into the iframe label and returns the target webpage website; C. establishing a communication relation between a first link and a second link in the live communication service unit, wherein the live communication service unit provides live communication service for the first link and the second link; the first live broadcast control program contained in the first link collects operation data of a user on a first frame webpage and sends the operation data to the live broadcast communication service unit; the second live control program contained in the second link analyzes the received data and restores the data into a webpage operation instruction to execute, so that the effect of synchronizing with the original user webpage picture is achieved.
6. The method of claim 1 or 5, wherein the first direct broadcast control program further comprises one or more of graffiti operation data collection, audio operation data collection, video operation data collection, and text operation data collection; the second live broadcast control program further comprises one or more of the steps of analyzing the doodle data, analyzing the audio operation data, analyzing the video operation data and analyzing the text operation data.
7. The method of claim 6, wherein the first live control program further comprises monitoring control commands input by a user in a web page corresponding to the first link, wherein the commands include one or more of start/stop live broadcast, start/close speech, live broadcast/conference mode switching, content change, processing speech request, audience management, live broadcast right handover, video switch, audio switch, doodle setting, and message processing; the second live broadcast control program also comprises a control instruction input by a monitoring user in a webpage corresponding to the second link, wherein the instruction comprises one or more of entering/exiting live broadcast, speaking request, receiving live broadcast right, returning live broadcast right, switching a video switch, switching an audio switch, setting graffiti and processing information; the first live broadcast control program and the second live broadcast control program send the control instruction to a live broadcast communication service unit, and the live broadcast communication service unit executes or forwards the control instruction; the first live broadcast control program and the second live broadcast control program also comprise control instructions for receiving and executing a live broadcast communication service unit; the first live broadcast control program and the second live broadcast control program also comprise live broadcast state information of a live broadcast communication service unit and display.
8. The method as claimed in claim 7, wherein after receiving a live content replacement instruction and new source content sent by the first live control program, new target webpage data are generated and sent to a live communication service unit, and after receiving the live content replacement instruction and new target webpage data sent by the live communication service unit, the first live control program and the second live control program execute an update operation according to the received new target webpage data; and in the updating process, the communication state among the live broadcast communication service unit, the first link and the second link is not changed, and the state data formed by the live broadcast is not changed.
9. The method as claimed in claim 6, wherein the step before creating the communication relationship between the first link and the second link in the live communication service unit further includes receiving one or more of a live time configuration requirement, a people number limitation configuration requirement, a function authority configuration requirement, a user limitation configuration requirement, and a message sending configuration requirement, and sending the configuration requirement to the live communication service unit, and the live communication service unit configures the live communication service based on the configuration requirement.
CN202010152096.9A 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage Active CN111405303B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202010152096.9A CN111405303B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage
CN202111220269.7A CN113938699B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010152096.9A CN111405303B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN202111220269.7A Division CN113938699B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage

Publications (2)

Publication Number Publication Date
CN111405303A CN111405303A (en) 2020-07-10
CN111405303B true CN111405303B (en) 2021-11-12

Family

ID=71436626

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202010152096.9A Active CN111405303B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage
CN202111220269.7A Active CN113938699B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN202111220269.7A Active CN113938699B (en) 2020-03-06 2020-03-06 Method for quickly establishing live broadcast based on webpage

Country Status (1)

Country Link
CN (2) CN111405303B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111954015B (en) * 2020-08-13 2021-07-20 南京百家云科技有限公司 Method and device for realizing online live broadcast classroom
CN112383787B (en) 2020-11-03 2022-05-27 北京字节跳动网络技术有限公司 Live broadcast room creating method and device, electronic equipment and storage medium
CN118200271A (en) * 2021-12-12 2024-06-14 路九阳 Method and system for establishing same-screen communication sharing in instant communication application

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150089565A1 (en) * 2001-05-24 2015-03-26 Vixs Systems, Inc. Method and set top box for use in a multimedia system
CN107423312A (en) * 2017-03-14 2017-12-01 北京潘达互娱科技有限公司 Live data player method and device
CN108307243A (en) * 2018-01-10 2018-07-20 武汉斗鱼网络科技有限公司 Platform game through transport setting method, storage medium, electronic equipment and system is broadcast live
CN110297917A (en) * 2019-06-28 2019-10-01 腾讯科技(深圳)有限公司 Live broadcasting method, device, electronic equipment and storage medium

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20060026286A (en) * 2004-09-20 2006-03-23 남동화 Automatic broadcasting method on the webpage
US20120005187A1 (en) * 2010-07-02 2012-01-05 Philippe Chavanne Web Site Content Management Techniques
CN106326403A (en) * 2016-08-22 2017-01-11 乐视控股(北京)有限公司 Web page generating method and device
CN110020073B (en) * 2017-10-12 2021-04-27 北京国双科技有限公司 Live broadcast webpage crawling method and device
CN110233844A (en) * 2019-06-13 2019-09-13 杭州雅顾科技有限公司 A kind of multimedia live broadcast method, apparatus, equipment and medium

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150089565A1 (en) * 2001-05-24 2015-03-26 Vixs Systems, Inc. Method and set top box for use in a multimedia system
CN107423312A (en) * 2017-03-14 2017-12-01 北京潘达互娱科技有限公司 Live data player method and device
CN108307243A (en) * 2018-01-10 2018-07-20 武汉斗鱼网络科技有限公司 Platform game through transport setting method, storage medium, electronic equipment and system is broadcast live
CN110297917A (en) * 2019-06-28 2019-10-01 腾讯科技(深圳)有限公司 Live broadcasting method, device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN113938699B (en) 2024-03-08
CN113938699A (en) 2022-01-14
CN111405303A (en) 2020-07-10

Similar Documents

Publication Publication Date Title
CN111405303B (en) Method for quickly establishing live broadcast based on webpage
CN109168028B (en) Video generation method, device, server and storage medium
CN113099258B (en) Cloud guide system, live broadcast processing method and device, and computer readable storage medium
CN112073649A (en) Multimedia data processing method, multimedia data generating method and related equipment
KR101814154B1 (en) Information processing system, and multimedia information processing method and system
CN111930994A (en) Video editing processing method and device, electronic equipment and storage medium
US20190199763A1 (en) Systems and methods for previewing content
JP5669277B2 (en) Method and apparatus for providing supplemental information
CN106844705B (en) Method and apparatus for displaying multimedia content
CN110113625A (en) Video broadcasting method, equipment and computer readable storage medium
CN113766298B (en) Bullet screen display method, device and system
JP5792326B2 (en) Reading service providing method, content providing server and system
JP2008158604A (en) Information processor, content registration method, and program
JP2005277847A (en) Image reproduction system, image transmission apparatus, image receiving apparatus, image reproduction method, image reproduction program, and recording medium
JP5291448B2 (en) Content production server and content production program
JP4129162B2 (en) Content creation demonstration system and content creation demonstration method
JP2004336289A (en) Shared white board history reproducing method, shared white board system, client, program and recording medium
KR20220146801A (en) Method, computer device, and computer program for providing high-definition image of region of interest using single stream
CN111382292A (en) Content management server, information sharing system, and communication method
KR20080060693A (en) System and method for providing web document editon service
JP3887880B2 (en) Data conversion apparatus, data transmission method, and information storage medium storing data conversion function
KR101805302B1 (en) Apparatus and method for displaying multimedia contents
CN113630508B (en) Video color ring management method, device, equipment and medium
CN111726545B (en) Material file processing method and device, computer equipment and storage medium
CN115599335B (en) Method and system for sharing layout files based on multi-screen mode

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