Widgets aanpassen.

Hierbij een uitleg hoe je widgets kunt aanpassen met verschilende optie,

About the Widget

The Web Player widget provides a web-based media player that your clients can use to tune in to your stream without leaving your web page, and without using an external media player.

This widget can be configured on the Widgets tab of the Configuration Settings page.

Basic Customization

The placeholder <div> element provided for the widget supports some additional options for basic customization of the widget.

  • skin - Specifies the name of the skin to use for the player.

    • When using Muses, a skin can be chosen on the Widgets page.
    • When using jPlayer, the skins blue.monday (the default) and pink.flag are available. Alternately, you can specify custom as the theme name and embed your own jPlayer skin stylesheet in your web page.
  • width - Specifies the width of the player (in pixels).
    Normally this is autodetected from the skin, but may be overridden here.

  • height - Specifies the height of the player (in pixels).
    Normally this is autodetected from the skin, but may be overridden here.

  • autoplay - Specifies whether or not to automatically begin playing when the page loads.
    Set to 1 to automatically play, or 0 to require the user to press play.

These options may be added to the <div> placeholder as HTML5 data attributes. For example, to specify skin foobar and turn on autoplay, you could use:

<div class="cc_player" data-username="user" data-skin="foobar" data-autoplay="1">
    Loading ...
</div>

Advanced Customization



Deze configuratie blok moet verschijnen voor de JavaScript-code voor de widget die u wilt aanpassen

Stream details:

 <script language="javascript">

(function(){ var centovacast = (window.centovacast||(window.centovacast={}));

(centovacast.streaminfo||(centovacast.streaminfo={})).config = {
       poll_limit: 60,        // specify how many times to poll the server
       
poll_frequency: 60000  // specify the poll frequency in milliseconds

 };})();

</script>

 

Recente tracks:

<script language="javascript">

(function(){ var centovacast = (window.centovacast||(window.centovacast={}));

(centovacast.recenttracks||(centovacast.recenttracks={})).config = {
     poll_limit: 60,              // specificeren hoeveel keer naar de server pollen
     
poll_frequency: 60000,  // specificeren de poll frequentie in milliseconden
     
track_limit: 0,             // maximum aantal tracks weer te geven (0 = all)
     
show_covers: 1,          // 1 tot en met covers tonen, 0 te verbergen
     
scale_covers: 1,          // 1 op schaal bestrijkt de standaardgrootte, 0 toe te staan
                                
   // De webpagina om de breedte / hoogte van toepassing zijn via CSS
     
buy_target: '_blank'   / Doelframe voor "nu kopen" koppelingen

 };})();

</script>

 

Player aanpassen:

<script language="javascript">

(function(){ var centovacast = (window.centovacast||(window.centovacast={}));

(centovacast.player||(centovacast.player={})).config = {

muses: { // configuration used when Muses is your configured player
    
lang: 'auto',          // force a specific language for the Muses interface
    
volume: 75,            // set initial volume
    
autoplay: false,       // automatically begin playing on page load
    
buffering: 5,          // number of seconds of audio to buffer
    
bgcolor: '#FFFFFF',    // background color (change to match your page)
    
//width: 180,          // set a custom widget width (defaults to skin width)
    
//height: 60,          // set a custom widget height (defaults to skin height)
    
//title: 'Title',      // set a custom title (defaults to your station name)
    
//skin: 'http://example.com/skin.xml', // use a custom Muses skin URL
},

jplayer: { // configuration used when jPlayer is your configured player

},

wmp: { // configuration used when Windows Media Player is your configured player
    
autostart: 0,          // automatically begin playing on page load
    
showcontrols: 1,       // show WMP playback controls
    
showstatusbar: 1,      // show WMP status bar
    
showdisplay: 1,        // show WMP display
    
//width: 180,          // set a custom widget width
    
//height: 60,          // set a custom widget height

}

};})();

</script>

Was dit antwoord nuttig?

 Print dit artikel

Lees ook

Auto-dj

De uitleg om de stream titel en/of kbps  te veranderen Als u ingelogd bent in het controlepanel...

Player op website plaatsen

Beste,Hoe kunt u een player op de website plaatsen.Stap 1 U logt via klanten.thehosting4you.nl in...

Maak DJ Account

Het maken van een DJ Account Om een DJ account aan te maken moet u het volgende doen: 1. In het...

Muziek toevoegen playlijst

Beste,U bent hier gekomen omdat het uploaden van de muziek klaar is , is dit nog niet het geval...

Shoutcast v2 verbinding maken

Om verbinding te maken met shoutcast v2 kunt u dit op twee mannieren doen.Optie 1: Zonder gebruik...