CN111367622A - System and method for playing audio without blocking mobile terminal website - Google Patents
System and method for playing audio without blocking mobile terminal website Download PDFInfo
- Publication number
- CN111367622A CN111367622A CN202010158406.8A CN202010158406A CN111367622A CN 111367622 A CN111367622 A CN 111367622A CN 202010158406 A CN202010158406 A CN 202010158406A CN 111367622 A CN111367622 A CN 111367622A
- Authority
- CN
- China
- Prior art keywords
- audio
- playing
- player
- user
- global
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims description 22
- 230000000903 blocking effect Effects 0.000 title claims description 8
- 230000003993 interaction Effects 0.000 claims abstract description 4
- 230000001360 synchronised effect Effects 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000012544 monitoring process Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
- G06F9/45508—Runtime interpretation or emulation, e g. emulator loops, bytecode interpretation
- G06F9/45512—Command shells
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/16—Sound input; Sound output
- G06F3/165—Management of the audio stream, e.g. setting of volume, audio stream path
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
- G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/542—Event management; Broadcasting; Multicasting; Notifications
Abstract
The invention discloses an uninterrupted audio playing system for a mobile terminal website, which comprises a user terminal, a global audio player and a browser, wherein the user terminal is connected with the mobile terminal website through a network; the user side is used for accessing an audio playing page of the browser and controlling audio playing through a global audio player; the global audio player and the browser perform data interaction with each other, a playing component of the global audio player and a player control component of the global audio player are separated from each other to operate, and the browser interprets and executes a script to synchronize a playing address, playing information and the like to the global audio player. The invention adopts the single-page application website global audio playing component, so that the user can still play the previous audio content without hindrance after leaving the audio playing page, the virtuous circle of listening to the audio content and searching the next audio content is realized, the user experience is optimized, and the browsing desire of the user is improved.
Description
Technical Field
The invention relates to the technical field of audio and video mobile playing, in particular to a system and a method for playing audio through a mobile terminal website without blocking.
Background
As shown in fig. 1, a conventional audio browsing and playing system is introduced: browsing an audio resource page by a user to find audio content; a user requests a page which needs to contain audio content; the user clicks the button of the audio player to start playing the audio content; and returning the audio resource page by the user to search the audio content again.
The existing audio browsing and playing system mainly searches audio content first, plays audio, and then searches audio content again until the required content is obtained. In the process of waiting for audio loading and playing, a user cannot leave the current page to perform other operations, such as browsing other in-site contents, jumping to log in and the like, otherwise the audio content being played is interrupted, the browsing desire of the user is reduced, the user experience is influenced, the user experience is damaged, and the overall image of the website is influenced.
Disclosure of Invention
The invention provides a system and a method for playing audio without blocking in a mobile website. The technical scheme of the invention is as follows:
a mobile end website non-blocking audio playing system comprises a user end, a global audio player and a browser; the user side is used for accessing an audio playing page of the browser and controlling audio playing through a global audio player; the global audio player and the browser perform data interaction with each other, a playing component of the global audio player and a player control component of the global audio player are separated from each other to operate, and the browser interprets and executes a script to synchronize a playing address, playing information and the like to the global audio player.
As a further explanation of the present invention, the user side is an intelligent mobile terminal, such as a smart phone, a tablet computer, etc., and an operating system is installed on the user side, so that the user side can download and run APP software to access a browser.
In another aspect of the present invention, a method for playing audio without blocking by a mobile website using the above system is provided, which includes the following steps:
(1) the user accesses the audio playing page of the browser through the user side to play music;
(2) when the user leaves the audio playing page, the player control component logs off, and the playing component maintains the working state;
(3) when a user accesses the audio playing page with the same content again through a user side, in the initialization process of a player control component, a browser executes a script to synchronize the playing state of the global audio player to the player control component so as to update the state of the global audio player;
(4) when a user enters different content audio playing pages, in the process of initializing the player control component, the browser executes the script to stop the playing component from playing the currently played audio content, and the browser re-initializes the currently played audio content and waits for the user to operate the player control component.
As a further explanation of the present invention, in step (1), when the user end first enters the audio playing page, the player control component initializes and monitors the synchronous content; when the synchronous content changes, the execution script transmits the change information to the player control component.
Further, the global audio player provides an entry at the other page to return to the audio play page when the user accesses the other page.
The invention has the beneficial effects that:
the invention adopts the single-page application website global audio playing component, so that the user can still play the previous audio content without hindrance after leaving the audio playing page, the virtuous circle of listening to the audio content and searching the next audio content is realized, the user experience is optimized, and the browsing desire of the user is improved.
Drawings
FIG. 1 is a schematic diagram illustrating a conventional process for playing web page audio according to the present invention;
FIG. 2 is a block diagram of an audio playback system according to the present invention;
FIG. 3 is a logic diagram of the synchronization of the audio playing component and the player control component according to the present invention.
Detailed Description
The embodiments of the present invention will be described in detail with reference to the accompanying drawings, and it is to be understood that the described embodiments are merely a part of the embodiments of the invention, and not all of the embodiments.
In the description of the present invention, it is to be understood that the terms "upper", "lower", "front", "rear", "left", "right", "top", "bottom", "inner", "outer", "first", "second", etc. indicate orientations or positional or sequential relationships based on those shown in the drawings, and are only for convenience in describing and simplifying the present invention, but do not indicate or imply that the referred device or element must have a specific orientation, be constructed and operated in a specific orientation, and thus, should not be construed as limiting the present invention.
The mobile terminal website uninterrupted play audio system comprises a user terminal, an overall audio player and a browser; the user side is an intelligent terminal and is used for entering an audio playing page of the browser and controlling audio playing through a player control; the global audio player and the browser perform data interaction with each other, a playing component of the global audio player and a player control component of the global audio player operate in a separated mode, and the browser interprets and executes a script to transmit information such as a playing address and progress to the global audio player.
The audio playing process of the system comprises the following steps: (1) a user enters an audio playing page by using the intelligent mobile terminal and controls audio playing through the player control; (2) the browser interprets and executes the script to transmit information such as playing address, progress and the like to the global audio player, so that audio playing is realized; (3) the user quits the audio playing page, the global audio player keeps the working state, and the quick return audio playing page entrance is provided on other pages; (4) the user reenters the audio playing page with the same content, and the browser explains and executes the script to synchronize information such as playing progress in the global audio player and the like to the player control of the audio playing page; and when the user enters the audio playing page with different contents, the browser interprets and executes the script to inform the global audio player to stop the current audio playing and wait for the user to operate the new audio contents.
The following describes the method for playing audio without blocking in the mobile website according to the present invention with reference to fig. 3, which specifically includes the following steps:
(1) when a user enters a first audio playing page through a user side, the player control assembly is initialized, in the initialization process, various operation events of the player control assembly, such as a next song, a playing, a pause, a dragging progress bar and the like, are monitored, and when the monitoring events are triggered, the execution script transmits change information to the player playing assembly so as to play music.
(2) When the user leaves the audio play page, the player control component will be logged off, while the play component remains active, while an entry is provided on other pages to return to the audio play page.
(3) When the user re-enters the audio playing page with the same content, in the process of initializing the player control component, the script is executed to acquire the current state of the player, such as the progress, from the player playing component, and the player control component is updated according to the acquired state.
(4) When a user enters different content audio playing pages, in the process of initializing the player control component, the execution script informs the playing component to stop the currently played audio content, and the user is initialized again and waits for the user operation.
When the player playing component is initialized in the step (1), monitoring the content needing synchronization, such as progress. When the monitored content changes, the execution script transmits the change information to the player control component.
The invention is a system and a playing mode for keeping continuous and uninterrupted audio playing, wherein an adopted audio player is a global audio player, and a playing component and a player control component are separated on a WAP (wireless application protocol), so that a script code structure is optimized, the maintenance cost of functions is reduced, and continuity and uninterrupted are kept; the user can browse other contents while using the audio play function.
The foregoing is illustrative of the preferred embodiments of the present invention only and is not to be construed as limiting the claims. The invention is not limited to the above embodiments, the specific construction of which allows variations, and in any case variations, which are within the scope of the invention as defined in the independent claims.
Claims (5)
1. A mobile website non-blocking audio playing system is characterized in that: the system comprises a user side, a global audio player and a browser; the user side is used for accessing an audio playing page of the browser and controlling audio playing through a global audio player; the global audio player and the browser perform data interaction with each other, a playing component of the global audio player and a player control component of the global audio player are separated from each other to operate, and the browser interprets and executes a script to synchronize a playing address, playing information and the like to the global audio player.
2. The system of claim 1, wherein the mobile website playing audio without interruption is characterized in that: the user side is an intelligent mobile terminal.
3. A method for playing audio without interruption by a mobile website using the system of claim 2, comprising: the method comprises the following steps:
(1) the user accesses the audio playing page of the browser through the user side to play music;
(2) when the user leaves the audio playing page, the player control component logs off, and the playing component maintains the working state;
(3) when a user accesses the audio playing page with the same content again through a user side, in the initialization process of a player control component, a browser executes a script to synchronize the playing state of the global audio player to the player control component so as to update the state of the global audio player;
(4) when a user enters different content audio playing pages, in the process of initializing the player control component, the browser executes the script to stop the playing component from playing the currently played audio content, and the browser re-initializes the currently played audio content and waits for the user to operate the player control component.
4. The method of claim 3, wherein the method for playing the audio by the mobile website without interruption comprises: when the user end in the step (1) firstly enters the audio playing page, the player control component initializes and monitors synchronous content; when the synchronous content changes, the execution script transmits the change information to the player control component.
5. The method of claim 3, wherein the method for playing the audio by the mobile website without interruption comprises: and the global audio player provides an entrance for returning to the audio playing page on other pages when the user side accesses the other pages.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010158406.8A CN111367622A (en) | 2020-03-09 | 2020-03-09 | System and method for playing audio without blocking mobile terminal website |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010158406.8A CN111367622A (en) | 2020-03-09 | 2020-03-09 | System and method for playing audio without blocking mobile terminal website |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111367622A true CN111367622A (en) | 2020-07-03 |
Family
ID=71208695
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010158406.8A Pending CN111367622A (en) | 2020-03-09 | 2020-03-09 | System and method for playing audio without blocking mobile terminal website |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111367622A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112559069A (en) * | 2020-12-08 | 2021-03-26 | 腾讯科技（深圳）有限公司 | Running control method and device of sub-application, storage medium and electronic equipment |
| CN113791752A (en) * | 2021-09-16 | 2021-12-14 | 深圳市芯中芯科技有限公司 | Method for synchronously controlling webpage music playing state through js in android system |
| CN116962832A (en) * | 2023-07-28 | 2023-10-27 | 加客云科技(河北)有限公司 | Multi-page switching continuous video playing method, terminal and medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101635826A (en) * | 2008-07-21 | 2010-01-27 | 中国科学院计算技术研究所 | Method for acquiring addresses of network video programs |
| CN103246665A (en) * | 2012-02-08 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Method and apparatus for keeping music playing during web page switching |
| CN108388628A (en) * | 2018-02-12 | 2018-08-10 | 腾讯科技（深圳）有限公司 | The method and device that web-page audio plays |
| CN109451341A (en) * | 2018-10-30 | 2019-03-08 | 北京达佳互联信息技术有限公司 | Video broadcasting method, video play device, electronic equipment and storage medium |
-
2020
- 2020-03-09 CN CN202010158406.8A patent/CN111367622A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101635826A (en) * | 2008-07-21 | 2010-01-27 | 中国科学院计算技术研究所 | Method for acquiring addresses of network video programs |
| CN103246665A (en) * | 2012-02-08 | 2013-08-14 | 腾讯科技（深圳）有限公司 | Method and apparatus for keeping music playing during web page switching |
| CN108388628A (en) * | 2018-02-12 | 2018-08-10 | 腾讯科技（深圳）有限公司 | The method and device that web-page audio plays |
| CN109451341A (en) * | 2018-10-30 | 2019-03-08 | 北京达佳互联信息技术有限公司 | Video broadcasting method, video play device, electronic equipment and storage medium |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112559069A (en) * | 2020-12-08 | 2021-03-26 | 腾讯科技（深圳）有限公司 | Running control method and device of sub-application, storage medium and electronic equipment |
| CN112559069B (en) * | 2020-12-08 | 2022-04-12 | 腾讯科技（深圳）有限公司 | Running control method and device of sub-application, storage medium and electronic equipment |
| CN113791752A (en) * | 2021-09-16 | 2021-12-14 | 深圳市芯中芯科技有限公司 | Method for synchronously controlling webpage music playing state through js in android system |
| CN116962832A (en) * | 2023-07-28 | 2023-10-27 | 加客云科技(河北)有限公司 | Multi-page switching continuous video playing method, terminal and medium |
| CN116962832B (en) * | 2023-07-28 | 2024-02-27 | 加客云科技(河北)有限公司 | Multi-page switching continuous video playing method, terminal and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111367622A (en) | System and method for playing audio without blocking mobile terminal website | |
| US11604660B2 (en) | Method for launching application, storage medium, and terminal | |
| WO2019223510A1 (en) | Application program preloading method and apparatus, storage medium, and mobile terminal | |
| JP5435833B2 (en) | Continuous application execution across multiple devices | |
| CN103151057B (en) | Method for playing music and device | |
| WO2019165905A1 (en) | Information display method, graphical user interface and terminal | |
| CN111556353B (en) | Video playing method, video playing management device and terminal equipment | |
| CN102468989B (en) | The method and system of network data | |
| CN110955631B (en) | File access tracking method and device, storage medium and terminal | |
| US20190370657A1 (en) | Method and apparatus for updating application prediction model, storage medium, and terminal | |
| CN108038231B (en) | Log processing method and device, terminal equipment and storage medium | |
| JP2007334911A (en) | Information processor, program and download method | |
| CN103634337A (en) | Page recovery method, device and mobile terminal | |
| KR20030094361A (en) | Pulling internet content onto interactive television using usage data | |
| CN103677580A (en) | Method and device for triggering application program rapidly | |
| US8868795B2 (en) | Data processing device for multiple hardware systems, switching method and computer program product | |
| CN103618924A (en) | Method for controlling video and user terminal | |
| CN105446766A (en) | System and method for providing service via application | |
| JP2023509724A (en) | Material display method, device, electronic device, and storage medium | |
| CN111479250A (en) | File sharing method, device and system and terminal equipment | |
| CN103379385B (en) | The control method of intelligent television and operating system | |
| CN115016922A (en) | Behavior identification method and electronic equipment | |
| CN108170576B (en) | Log processing method and device, terminal equipment and storage medium | |
| KR102147978B1 (en) | User assist system using user assist app | |
| CN108874976B (en) | Search content recommendation method and device, terminal device and storage medium |
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 |