Home > Developer > Web Develop
Share a video player a while ago, click here . Today introduces a good audio player--amazing.
Introduced:Amazing audio Player is a Web site that uses very handy Windows and MAC applications that allow you to create HTML5 audio players. The audio player is compatible with Iphone,ipad,android,chrome,firefox,safari,opera and IE 7/8/9/10. At the same time it can also be released into a WordPress audio player plugin, Joomla audio player module or Drupal Audio player module.
DEMO:<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"/> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1"/> <Metaname= "Renderer"content= "WebKit"/> <Metaname= "keywords"content=""/> <Metaname= "description"content=""/> <title>Amazing Audio player</title> <Linkrel= "stylesheet"href= "Plugin/amazingaudioplayer/initaudioplayer.min.css"/></Head><Body> <DivID= "Amazingaudioplayer"style= "display:block;position:relative;width:300px;height:164px;margin:0px auto 0px;"> <ulclass= "Amazingaudioplayer-audios"style= "Display:none;"> <Lidata-artist= "theme song"Data-title= "theme song"Data-image= "Images/music.jpg"data-duration= "+"> <Divclass= "Amazingaudioplayer-source"data-src= "Mp3/music.mp3"Data-type= "Audio/mpeg"/> </Li> </ul> </Div></Body></HTML><Scriptsrc= "Js/jquery.min.js"></Script><Scriptsrc= "Plugin/amazingaudioplayer/amazingaudioplayer.min.js"></Script><Script>$(function(){ $("#amazingaudioplayer"). Amazingaudioplayer ({jsfolder:"plugin/amazingaudioplayer/", Loop:1, ImageHeight: -, ImageWidth: -, Infoformat:"by %artist%", Playpauseimage:"Playpause-48-48-0.png", Playpauseimagewidth: -, Playpauseimageheight: -, Prevnextimage:"Prevnext-48-48-0.png", Prevnextimageheight: -, Prevnextimagewidth: -, Volumeimage:"Volume-24-24-1.png", Volumeimageheight: -, Volumebarheight: the, volumebarpadding:8, Showloop:false, Showstop:false, Progressheight:8, Showtracklist:false, Showtitleinbar:false, TimeFormat:"%current%/%duration%" });});</Script>
A personalized audio player is configured through a series of parameters.
Website address:Click to enter Portal。 DEMO:Click to download。Ps:
The official website is an application (. exe) that can be set up after installation, such as adding audio, adding audio backgrounds, selecting Player Themes, setting button controls in the player, playlists, and so on, all of which can be released when the settings are complete. After publishing, a demo will be generated with HTML, JS, CSS and graphics, as well as flash. If you want to apply to your own website and see the code yourself, there's not much to say.
"jquery" a nice audio player--amazing
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
