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>

  • 2 gebruikers vonden dit artikel nuttig
Was dit antwoord nuttig?

Gerelateerde artikelen

cast-control uitleg in het engels

Beste   Voor iedereen die Centovacast controle panel bij ons heeft of een streamserver kan...

Uitleg uploaden van de muziek voor centova versie 3

Beste,U bent hier gekomen omdat het actieveren van de autodj is gelukt, heeft u dit nog niet...

admin/bron wachtwoord veranderen

De uitleg om het wachtwoord van de admin/bron te veranderen Als u ingelogd bent in het...

Stream starten

HalloAls u de stream wilt starten moet u als volgt te werk gaan.U moet inloggen bij de...

Streamtitel en public maken en inloggen

Hier krijgt u een uitleg hoe u de stream titel en plublic kunt maken voor shoucast versie 2U gaat...