An analysis of the application of Web playback technology in the super-dazzle

Source: Internet
Author: User
Tags filter functions
Web page

Spectral music column is a series of music on the Web Player, a serial seminar, music audio-visual as a Web page player portal, will be the best and most complete original works dedicated to everyone. When you read, you should follow the chronological order of the published time. Because she is a step-by-step lesson plan, sequential research helps to improve your understanding and digestion as soon as possible. Understand the place to read carefully, do not understand the place to bite the bullet read, but also please give more valuable advice. Now, let's do it.

Want to make your forum (page) Super Glare super cool? Want to make your forum lively? Use a web player with a spectral music. Below the spectrum music to everyone solemnly recommend three, are classic cases, first firsthand feel how.

The first paragraph:bbsvisual for LRC . Demo Department http://aboutplayer.com/bbs/bvl.htm . The feature is compatible with WMP, real, SWF and pictures in almost all media formats. Video, full screen playback, local media can be played. Can save playlists to local to read at any time. Can be based on the song name automatic search load synchronized play lyrics, lyrics verbatim color, to achieve online karaoke effect. What you see is the background management mode of income. The songs have classification, renaming, collection, search and other functions.

Second paragraph:autohide Player . Demo Department http://aboutplayer.com/autohide_asp . The player is automatically hidden. Consumes less system resources.

Third paragraph:aquamp Player . Demo Department Http://aboutplayer.com/aquamp . With the previous PLAYLIST.ASX playlist file as a song list, the HTML version applies to all types of space. In particular, her web page nesting technology is very exciting chic, must have a glimpse of the beautiful.

There is also a section, the need to recommend a separate spectrum music, that is, Spectrum music production "Plug and Play" song system , the real online interaction yo. Applicable to all types of forums (Web pages) such as Dvbbs, Leadbbs. Demo Department http://aboutplayer.com/bbs/dg_bbs.asp .

In fact, there are many styles, embedded in the forum, there are six methods, the spectrum of the Forum has a systematic summary. For more information, please refer to the relevant details. Next to the spectrum of music to introduce the most basic player forum nesting methods, please extrapolate.

1, the player at the bottom

<body> | or <noframes>

2, the player at the top

3, the player on the left

4, the player on the right

The above four methods are forum, player two level nesting. Aquamp is a level three nesting, in addition to the Forum, the player, there is an intermediate extension page. Aquamp because of her so wonderful. The specific method above, want to continue to understand friends, please go to the Spectrum Music Forum to consult related topics.

The on-demand text link pops up a new window. The topic is: The text link is on the same page as the player window. Please click the text link below to view the effect.

The code is as follows:

<table height= "310" cellspacing= "0" cellpadding= "0" width= "375" border= "0"
<tbody>
<tr>
<TD width= "375" bgcolor= "#cccccc" height= "310"
<center> <span id= "Trymedia" >
<object align=middle classid= ' clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95 '
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,5
2,701 width=375 height=300 id=nstv type=application/x-oleobject standby= ' Loading Microsoft Windows Media Player Components ... ' ><param name= ' audiostream ' value= '-1 ' ><param
Name= ' AutoSize ' value= ' 0 ' ><param name= ' AutoStart ' value= '-1 ' ><param name= ' Animationatstart '
Value= '-1 ' ><param name= ' allowscan ' value= '-1 ' ><param name= ' allowchangedisplaysize ' value= '-
1 ' ><param name= ' autorewind ' value= ' 0 ' ><param name= ' Balance ' value= '
Value><param name= ' bufferingtime ' value= ' 5 ' ><param name= ' Captioningid ' Value><param
Name= ' Clicktoplay ' value= '-1 ' ><param name= ' CursorType ' the value= ' 0 ' ><param
Name= ' currentposition ' value= '-1 ' ><param name= ' currentmarker ' the value= ' 0 ' ><param
Name= ' defaultframe ' value><param name= ' displaybackcolor ' value= ' 0 ' ><param
Name= ' Displayforecolor ' value= ' 16777215 ' ><param name= ' displaymode ' value= ' 0 ' ><param
Name= ' displaysize ' value= ' 4 '
<param name= ' Mute ' value= ' 0 '
<param name= ' playcount ' value= ' 1 '
<param name= ' previewmode ' value= ' 0 '
<param name= ' Rate ' value= ' 1 '
<param name= ' selectionstart ' value= ' 0 '
<param name= ' selectionend ' value= ' 0 '
<param name= ' transparentatstart ' value= ' 0 '
<param name= ' Volume ' value= ' 0 '
<param name= ' windowlessvideo ' value= ' 0 '
<param Name=filename value=>
</object>
<script language= "JavaScript" >
function Show_media () {
var media_url=window.event.srcelement.href; *media_url= User Point link value
Trymedia.innerhtml= "<object id=mediaplayer align=middle classid= ' clsid:22d6f312-b0f6-11d0-
94ab-0080c74c7e95 ' codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,5
2,701 width=375 height=300 type=application/x-oleobject standby= ' Loading Microsoft Windows Media Player components ... ' <param name= ' audiostream ' value= '-1 ' ><param name= ' AutoSize '
Value= ' 0 ' ><param name= ' AutoStart ' value= '-1 ' ><param name= ' animationatstart ' value= '-
1 ' ><param name= ' allowscan ' value= '-1 ' ><param name= ' allowchangedisplaysize ' value= '-1 ' ><param
Name= ' autorewind ' value= ' 0 ' ><param name= ' Balance ' value= ' ' ><param ', name= ' BaseURL '
Value><param name= ' bufferingtime ' value= ' 5 ' ><param name= ' Captioningid ' Value><param
Name= ' Clicktoplay ' value= '-1 ' ><param name= ' CursorType ' the value= ' 0 ' ><param
Name= ' currentposition ' value= '-1 ' ><param name= ' currentmarker ' the value= ' 0 ' ><param
Name= ' defaultframe ' value><param name= ' displaybackcolor ' value= ' 0 ' ><param
Name= ' Displayforecolor ' value= ' 16777215 ' ><param name= ' displaymode ' value= ' 0 ' ><param
Name= ' displaysize ' value= ' 4 ', <param name= ' Mute ' value= ' 0 ', <param name= ' Playcount '
Value= ' 1 ' > <param name= ' previewmode ' value= ' 0 ' > <param name= ' Rate ' value= ' 1 ' <param
Name= ' selectionstart ' value= ' 0 ', <param name= ' selectionend ' value= ' 0 ', <param
Name= ' transparentatstart ' value= ' 0 ' ><param name= ' Volume ' value= ' 0 ' ><param
Name= ' windowlessvideo ' value= ' 0 ' ><param name=filename value= "+media_url+" > </object>; //*
Refer to the user's point of link value and play media
}
</script>
<br>
<script language= "JScript" >
Function Show (Text) {
info.innerhtml = ' <p align= ' center "style=" Filter:shadow
(color= #000000, direction=110); height:14; " ><font color=ffffff> currently playing song: </font> <font
Color= #ffffaa > ' + Text.innertext + ' </font> <a Style= "Cursor:hand;"
><font color=ffffff> Full Screen play [ESC return] </font> </A> </P> ';
}
</script>
</span> <span id= "info" style= "FONT-SIZE:14PX; Filter:shadow
(color= #000000, direction=110); height:14; " > </span> </center> </td>
</tr>
</tbody>
</table>
<a Onfocus=blur ()
Href= "http://www.crystalcg.com/new/xinshang/002/asf/snow.wmv" > Tang Can → Snow meaning </a>

If you have any questions, please go to the Spectrum Forum to publish or consult the music online anytime.

By the end of this topic, some of the basics of the web player and the techniques for making it will be over. Many friends in the Spectrum Music forum often asked how to do this, then how to do? Can this be so, can that be? The mentality is very serious, do not want to try it on their own. The music of the spectrum is: the content of the Web player is very extensive and rich, and the spectrum music is impossible to be exhaustive. Spectrum music to everyone can only be some basic methods and skills, many specific functions or needs of the hope that friends in person to practice and explore. You know what you want!



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.