CN103914454A - Ajax anchor point based full-site seamless syndrome audio playing method and system - Google Patents
Ajax anchor point based full-site seamless syndrome audio playing method and system Download PDFInfo
- Publication number
- CN103914454A CN103914454A CN201210592410.0A CN201210592410A CN103914454A CN 103914454 A CN103914454 A CN 103914454A CN 201210592410 A CN201210592410 A CN 201210592410A CN 103914454 A CN103914454 A CN 103914454A
- Authority
- CN
- China
- Prior art keywords
- audio
- webpage
- player
- ajax
- anchor point
- 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
Classifications
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses an ajax anchor point based full-site seamless syndrome audio playing method and system to achieve the seamless syndrome audio playing experience on the front end browser page. According to the technical scheme, the method comprises that a player logic controller and a sound loader are initialized in the front end bottom layer during webpage pre-loading; the sound loader initiates the page loading requirement during webpage loading to obtain a first audio stream of a playlist, and the server returns the audio ID and the audio stream which are required to be loaded by the sound loader and outputs the obtained audio stream to the player logic controller; the player logic controller obtains audio information from the server, the obtained audio information and audio stream are rendered to the player of the front end webpage, and logic control instructions are output to the webpage; anchor points are set on the webpage through the ajax requirement when the webpage changes to obtain data of the change portion to guarantee that other areas of the webpage are updated when the player on the webpage is not changed.
Description
Technical field
The present invention relates to webpage audio frequency play-back technology, relate in particular to audio frequency playing method and the system of the seamless syndrome of realizing by ajax technology.
Background technology
Existing a large amount of audio or video is play in the website platform for major function, does not mutually conflict for realizing the broadcasting of audio stream and the normal browsing of website, mostly adopts the method for Pop-up player to realize.Realized although it is so seamless broadcasting and experienced, but this method has a shortcoming, user cannot find player and operate accordingly at the current page of browsing.
The method of developing the seamless syndrome audio frequency broadcasting in a kind of so full station comes from user's self demand, we think, it be not afoul with browsing page behavior that audio frequency is play, and is seamless, and audio player is that user is also the most frequently used operating area of user simultaneously.
Summary of the invention
The object of the invention is to address the above problem, the seamless syndrome audio frequency playing method in a kind of full station based on ajax anchor point and system are provided, realize the audio frequency of the seamless syndrome on front end browser page and play experience.
Technical scheme of the present invention is: the present invention has disclosed the seamless syndrome audio frequency broadcast system in a kind of full station based on ajax anchor point, comprises sound loader, player logic controller, front end ajax anchor point Asynchronous loading device, wherein:
Sound loader is initiated the request of load page in the time that webpage is written into, and obtains the audio stream of the First of playlist, and server returns to audio frequency ID and the audio stream that sound loader need to load, and the audio stream obtaining is exported to player logic controller;
Player logic controller, obtains audio-frequency information from server, the audio-frequency information obtaining and audio stream is rendered on the player of front end webpage, and to webpage output logic control command;
Front end ajax anchor point Asynchronous loading device asks on webpage, to set anchor point by ajax in the time that webpage changes, and obtains the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
According to an embodiment of the seamless syndrome audio frequency broadcast system in full station based on ajax anchor point of the present invention, the audio-frequency information that player logic controller obtains comprises audio frequency title, audio frequency duration, audio frequency picture.
According to an embodiment of the seamless syndrome audio frequency broadcast system in full station based on ajax anchor point of the present invention, the logic control order of player logic controller output comprises that Sound control, time shaft drag, up/down one head, counting service.
The present invention has also disclosed the seamless syndrome audio frequency playing method in a kind of full station based on ajax anchor point, comprising:
In the time of webpage prestrain at front end bottom initialization player logic controller and sound loader;
Sound loader is initiated the request of load page in the time that webpage is written into, and obtains the audio stream of the First of playlist, and server returns to audio frequency ID and the audio stream that sound loader need to load, and the audio stream obtaining is exported to player logic controller;
Player logic controller obtains audio-frequency information from server, the audio-frequency information obtaining and audio stream is rendered on the player of front end webpage, and to webpage output logic control command;
In the time that webpage changes, ask on webpage, to set anchor point by ajax, obtain the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
According to an embodiment of the seamless syndrome audio frequency playing method in full station based on ajax anchor point of the present invention, the audio-frequency information that player logic controller obtains comprises audio frequency title, audio frequency duration, audio frequency picture.
According to an embodiment of the seamless syndrome audio frequency playing method in full station based on ajax anchor point of the present invention, the logic control order of player logic controller output comprises that Sound control, time shaft drag, up/down one head, counting service.
The present invention contrasts prior art following technique effect: the solution of the present invention is to realize the audio frequency broadcasting of the seamless syndrome in full station based on ajax anchor point technology.With the overall player on front end browser page that is carried in of this technology realization, it has following features: the voice frequency listening that (1) is seamless is experienced: overall player is Once you begin play, can not cause audio frequency to interrupt because user browses, user can arbitrarily browse on website, does not interrupt broadcasting when arbitrarily operation; (2) the overall player of syndrome: overall player is presented on the segment space of current page all the time, make user can easily play audio frequency/suspend/next/operations such as volume control/redirect.
Accompanying drawing explanation
Fig. 1 shows the schematic diagram of the preferred embodiment of the seamless syndrome audio frequency broadcast system in full station based on ajax anchor point of the present invention.
Fig. 2 shows the process flow diagram of the preferred embodiment of the seamless syndrome audio frequency playing method in full station based on ajax anchor point of the present invention.
Embodiment
Below in conjunction with drawings and Examples, the invention will be further described.
Fig. 1 shows the principle of the preferred embodiment of the seamless syndrome audio frequency broadcast system in full station based on ajax anchor point of the present invention.Refer to Fig. 1, the system of the present embodiment comprises: sound loader 1, player logic controller 2, front end ajax anchor point Asynchronous loading device 3.
Sound loader 1 is initiated the request of load page in the time that webpage is written into, and obtains the audio stream of the First of playlist, and server 4 returns to sound loader 1 needs the audio frequency ID and the audio stream that load, and the audio stream obtaining is exported to player logic controller 2.
Player logic controller 2 obtains audio-frequency information from server 4, the audio-frequency information obtaining and audio stream is rendered on the player of front end webpage, and for example, to webpage (the front end page A in Fig. 1) output logic control command.The audio-frequency information that player logic controller 2 obtains comprises audio frequency title, audio frequency duration, audio frequency picture.The logic control order that player logic controller 2 is exported comprises that Sound control, time shaft drag, up/down one head, counting service.
For example, changing (the front end page A in Fig. 1 jumps to front end page B) during at webpage, front end ajax anchor point Asynchronous loading device 3 asks to set anchor point by ajax on webpage, obtain the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
Fig. 2 shows the flow process of the embodiment of the seamless syndrome audio frequency playing method in full station based on ajax anchor point of the present invention.Refer to Fig. 2, details are as follows for the implementation step of the method for the present embodiment.
Step S10: in the time of webpage prestrain at front end bottom initialization player logic controller and sound loader.
Step S12: sound loader is initiated the request of load page in the time that webpage is written into, obtain the audio stream of the First of playlist, server returns to audio frequency ID and the audio stream that sound loader need to load, and the audio stream obtaining is exported to player logic controller.
Step S14: player logic controller obtains audio-frequency information from server, is rendered into the audio-frequency information obtaining and audio stream on the player of front end webpage, and to webpage output logic control command.
The audio-frequency information that player logic controller obtains comprises audio frequency title, audio frequency duration, audio frequency picture.The logic control order of player logic controller output comprises that Sound control, time shaft drag, up/down one head, counting service.
Step S16: ask to set anchor point on webpage by ajax in the time that webpage changes, obtain the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
What deserves to be explained is, other the seamless syndrome of audio frequency is play, may be to overall player putting position in other products, ways of presentation is slightly had any different, in overall situation player functional, also likely there is part increase or delete, as increased playlist functionality, audio frequency being increased to more operation etc.
Above-described embodiment is available to those of ordinary skills and realizes and use of the present invention; those of ordinary skills can be without departing from the present invention in the case of the inventive idea; above-described embodiment is made to various modifications or variation; thereby protection scope of the present invention do not limit by above-described embodiment, and it should be the maximum magnitude that meets the inventive features that claims mention.
Claims (6)
1. the seamless syndrome audio frequency broadcast system in the full station based on ajax anchor point, comprises sound loader, player logic controller, front end ajax anchor point Asynchronous loading device, wherein:
Sound loader is initiated the request of load page in the time that webpage is written into, and obtains the audio stream of the First of playlist, and server returns to audio frequency ID and the audio stream that sound loader need to load, and the audio stream obtaining is exported to player logic controller;
Player logic controller, obtains audio-frequency information from server, the audio-frequency information obtaining and audio stream is rendered on the player of front end webpage, and to webpage output logic control command;
Front end ajax anchor point Asynchronous loading device asks on webpage, to set anchor point by ajax in the time that webpage changes, and obtains the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
2. the seamless syndrome audio frequency broadcast system in the full station based on ajax anchor point according to claim 1, is characterized in that, the audio-frequency information that player logic controller obtains comprises audio frequency title, audio frequency duration, audio frequency picture.
3. the seamless syndrome audio frequency broadcast system in the full station based on ajax anchor point according to claim 1, is characterized in that, the logic control order of player logic controller output comprises that Sound control, time shaft drag, up/down one head, counting service.
4. the seamless syndrome audio frequency playing method in the full station based on ajax anchor point, comprising:
In the time of webpage prestrain at front end bottom initialization player logic controller and sound loader;
Sound loader is initiated the request of load page in the time that webpage is written into, and obtains the audio stream of the First of playlist, and server returns to audio frequency ID and the audio stream that sound loader need to load, and the audio stream obtaining is exported to player logic controller;
Player logic controller obtains audio-frequency information from server, the audio-frequency information obtaining and audio stream is rendered on the player of front end webpage, and to webpage output logic control command;
In the time that webpage changes, ask on webpage, to set anchor point by ajax, obtain the data of changing unit, to guarantee in situation that on webpage, player is constant more other regions of new web page.
5. the seamless syndrome audio frequency playing method in the full station based on ajax anchor point according to claim 4, is characterized in that, the audio-frequency information that player logic controller obtains comprises audio frequency title, audio frequency duration, audio frequency picture.
6. the seamless syndrome audio frequency playing method in the full station based on ajax anchor point according to claim 4, is characterized in that, the logic control order of player logic controller output comprises that Sound control, time shaft drag, up/down one head, counting service.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210592410.0A CN103914454A (en) | 2012-12-31 | 2012-12-31 | Ajax anchor point based full-site seamless syndrome audio playing method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210592410.0A CN103914454A (en) | 2012-12-31 | 2012-12-31 | Ajax anchor point based full-site seamless syndrome audio playing method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103914454A true CN103914454A (en) | 2014-07-09 |
Family
ID=51040148
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210592410.0A Pending CN103914454A (en) | 2012-12-31 | 2012-12-31 | Ajax anchor point based full-site seamless syndrome audio playing method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103914454A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109684606A (en) * | 2018-12-21 | 2019-04-26 | 人教数字出版有限公司 | A kind of method and apparatus that artistic effect being presented on the PDF page |
| CN111314791A (en) * | 2020-03-19 | 2020-06-19 | 杭州趣维科技有限公司 | Seamless jump method in video playing based on Android |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070282860A1 (en) * | 2006-05-12 | 2007-12-06 | Marios Athineos | Method and system for music information retrieval |
| CN101443751A (en) * | 2004-11-22 | 2009-05-27 | 特鲁维奥公司 | Method and apparatus for an application crawler |
| CN101611399A (en) * | 2007-02-16 | 2009-12-23 | 罗凡 | Webpage, website modeling and generation |
-
2012
- 2012-12-31 CN CN201210592410.0A patent/CN103914454A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101443751A (en) * | 2004-11-22 | 2009-05-27 | 特鲁维奥公司 | Method and apparatus for an application crawler |
| US20070282860A1 (en) * | 2006-05-12 | 2007-12-06 | Marios Athineos | Method and system for music information retrieval |
| CN101611399A (en) * | 2007-02-16 | 2009-12-23 | 罗凡 | Webpage, website modeling and generation |
Non-Patent Citations (4)
| Title |
|---|
| 余美华 等: "利用Silverlight技术构建HiMusic平台", 《福建电脑》 * |
| 胡强: "基于ASP.NET 的网络在线音乐播放***的设计", 《信息通信》 * |
| 阳小兰 等: "基于Ajax的智能RSS聚合***研究", 《计算机与数字工程》 * |
| 项立程: "非主流音乐平台的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109684606A (en) * | 2018-12-21 | 2019-04-26 | 人教数字出版有限公司 | A kind of method and apparatus that artistic effect being presented on the PDF page |
| CN109684606B (en) * | 2018-12-21 | 2023-09-01 | 人教数字出版有限公司 | Method and device for presenting artistic effect on PDF page |
| CN111314791A (en) * | 2020-03-19 | 2020-06-19 | 杭州趣维科技有限公司 | Seamless jump method in video playing based on Android |
| CN111314791B (en) * | 2020-03-19 | 2022-04-05 | 杭州小影创新科技股份有限公司 | Seamless jump method in video playing based on Android |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109640188B (en) | Video preview method and device, electronic equipment and computer readable storage medium | |
| TWI592021B (en) | Method, device, and terminal for generating video | |
| JP6185443B2 (en) | Method and system for switching between videos | |
| KR102141155B1 (en) | Mobile apparatus providing with changed-shortcut icon responding to status of mobile apparatus and control method thereof | |
| KR102113683B1 (en) | Mobile apparatus providing preview by detecting rub gesture and control method thereof | |
| US20130346865A1 (en) | Dynamic wallpaper of mobile systems | |
| EP2670132B1 (en) | Method and apparatus for playing video in portable terminal | |
| US20120208593A1 (en) | Method for controlling screen of mobile terminal | |
| CN105812941A (en) | Video playing method and device and electronic equipment | |
| WO2020108339A1 (en) | Page display position jump method and apparatus, terminal device, and storage medium | |
| KR20140133991A (en) | Method and apparatus for managing and displaying files | |
| WO2014094585A1 (en) | Method and device for playing multimedia in browser | |
| KR101945830B1 (en) | Method and apparatus for multi-playing videos | |
| CN111757163B (en) | Video playing control method and device, electronic equipment and storage medium | |
| WO2022199426A1 (en) | Video display method and apparatus, and electronic device and storage medium | |
| US20150012855A1 (en) | Portable device for providing combined ui component and method of controlling the same | |
| CN110007829B (en) | Content display method, device, terminal and storage medium | |
| US20150363091A1 (en) | Electronic device and method of controlling same | |
| KR101578803B1 (en) | Multimedia providing system and multimedia providing method | |
| WO2020220773A1 (en) | Method and apparatus for displaying picture preview information, electronic device and computer-readable storage medium | |
| JP6043825B2 (en) | Information processing apparatus, information processing method, information processing program, and distribution apparatus | |
| CN103747354A (en) | Smart television and external storage device connection control method and control device | |
| US20150355823A1 (en) | Electronic device and method of editing icon in electronic device | |
| US9602576B2 (en) | Control redistribution among multiple devices | |
| WO2022068639A1 (en) | Method, apparatus, and device for video-based interaction, and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140709 |
|
| RJ01 | Rejection of invention patent application after publication |