We'd love to help you out!
You can reach us via phone,
email or through live chat.

Email: sales@maxcdn.com
Tel. 1-877-MAXCDN1 (629-2361)
Tel. 1-323-446-2311
Chat with Max

Flowplayer MP3 Streaming

Below is an example of a standard Flowplayer installation using http to stream an mp3 playlist with two songs and album cover art for each.


<a  href=""  style="display:block;width:640px;height:480px"  id="player"> </a> 
<script>
 $f("player", "../flowplayer/flowplayer-3.1.4.swf", { 
 
 playlist: [ 
 // first entry in a playlist work as a splash image for the MP3 clip 
  {url: '../flowplayer/blurredinsight.jpg', duration: 0},
{ 
 // our song 
url: '../flowplayer/blurred_insight_2.mp3', autoBuffering: true, autoPlay: false,

// when music starts grab song's metadata and display it using content plugin 
onStart: function(song) { 
var meta = song.metaData; 
                 
 this.getPlugin("content").setHtml( 
 "<b>Artist:</b> " + meta.TPE1 + "<br>" + 
 "<b>Album:</b>   " + meta.TALB + "<br>" + 
  "<b>Title:</b>   " + meta.TIT2 + "<br>"                     
  ); } 
},

{url: '../flowplayer/blurredinsight.jpg', duration: 0},

{ 
// our song 
url: '../flowplayer/blurred_insight_1.mp3', autoPlay: true,

// when music starts grab song's metadata and display it using content plugin 
onStart: function(song) { 
var meta = song.metaData; 
                 
this.getPlugin("content").setHtml( 
"<b>Artist:</b> " + meta.TPE1 + "<br>" + 
 "<b>Album:</b>   " + meta.TALB + "<br>" + 
"<b>Title:</b>   " + meta.TIT2 + "<br>"                     
 ); } 
 } 
 ], 

plugins:  { 
         
// content plugin settings 
content: {   url: '../flowplayer/flowplayer.content-3.1.0.swf',  backgroundColor:'#002200',  top:25, right: 25, width: 175, height: 80    }, 
         
  // and a bit of controlbar skinning   
controls: { backgroundColor:'#002200',  height: 30, fullscreen: false 
 } 
 }         
     
});
</script>

CDN Audio Streaming

Flowplayer MP3 Streaming

Maxcdn

Contact us

Maxcdn Blog