• Integrare flashmp3player in una pagina vBulletin

    In questo minitutorial vedremo come integrare graficamente il player flashmp3player in una pagina personalizzata vBulletin. Il tutorial è sviluppato per l’integrazione su vBulletin 4

    Che cos’è fashmp3player: Flash MP3 Player è un'applicazione gratuita che permette di riprodurre la musica sul proprio sito web.

    Preparazione files flashmp3player

    • Per prima cosa scaricate il pacchetto fashmp3player dal sito ufficiale link
    • Una volta scaricato il file procedete con la sua scompattazione
    • Rinominate la cartella flashmp3player con un nome a voi consono, in questo tutorial io la chiamo jukebox (questo nome verrà utilizzato durante la personalizzazione del template)
    • Aprite la cartella
    • Cancellate o spostate all’esterno della cartella jukebox i seguenti files, flashmp3player.html - readme.html, non necessari, in modo tale da ottenere una situazione come da figura. Il codice del file flashmp3player.html verrà integrato nel template vBulletin
    • create all’interno della cartella jukebox e mp3 un file index.html completamente vuoto. I due files sono necessari per “oscurare” il contenuto delle cartelle a chi vi accede attraverso il link http
    • procedete con l’upload della cartella jukebox nella root del vostro forum


    Integrazione con il template vBulletin

    • Per prima cosa necessita creare la pagina php di richiamo, pertanto create un file jukebox.php e al suo interno incollate il seguente codice
      Codice PHP:

      <?php
       
      // ####################### SET PHP ENVIRONMENT ###########################
      error_reporting(E_ALL & ~E_NOTICE);
       
      // #################### DEFINE IMPORTANT CONSTANTS #######################
       
      define('THIS_SCRIPT''jukebox');
      define('CSRF_PROTECTION'true);  
      // change this depending on your filename
       
      // ################### PRE-CACHE TEMPLATES AND DATA ######################
      // get special phrase groups
      $phrasegroups = array();
       
      // get special data templates from the datastore
      $specialtemplates = array();
       
      // pre-cache templates used by all actions
      $globaltemplates = array('jukebox',);
       
      // pre-cache templates used by specific actions
      $actiontemplates = array();
       
      // ######################### REQUIRE BACK-END ############################
      // if your page is outside of your normal vb forums directory, you should change directories by uncommenting the next line
      // chdir ('/path/to/your/forums');
      require_once('./global.php');
       
      // #######################################################################
      // ######################## START MAIN SCRIPT ############################
      // #######################################################################
       
      $navbits construct_navbits(array('' => 'jukebox'));
      $navbar render_navbar_template($navbits);
       
      // ###### YOUR CUSTOM CODE GOES HERE #####
      $pagetitle 'jukebox';
       
      // ###### NOW YOUR TEMPLATE IS BEING RENDERED ######
       
      $templater vB_Template::create('jukebox');
      $templater->register_page_templates();
      $templater->register('navbar'$navbar);
      $templater->register('pagetitle'$pagetitle);
      print_output($templater->render());
       
      ?>
    • salvate e caricate il file nella root del forum
    • una volta creata la pagina necessita creare il template pertanto:

      • entrate nel vostro pannello admin
      • Stile e template
      • Gestione Stile
      • ricercate lo style da voi utilizzato e nel menù a tendina corrispondente selezionate la voce Aggiungi Template
      • ora necessita compilare i campi Titolo e Template come sotto riportato

        • Titolo: jukebox
        • Template:
          Codice PHP:
          {vb:stylevar htmldoctype}
          <
          html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
            <
          head>
              <
          title>{vb:raw vboptions.bbtitle}</title>
              {
          vb:raw headinclude}
          <!-- 
          Location of javascript. -->
          <
          script language="javascript" type="text/javascript" src="jukebox/swfobject.js></script>
            </head>
            <body>
             
              {vb:raw header}
             
              {vb:raw navbar}
             
              <div id="pagetitle">
                <h1>{vb:raw pagetitle}</h1>
              </div>
          <div id="player">
          <h1>No flash player!</h1>
          <p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer" >Click here</a> to go to Macromedia download page.</p>
          </div>
           
          <!-- Script that embeds player. -->
          <script language="javascript" type="text/javascript">
          var so = new SWFObject("jukebox/flashmp3player.swf", "player", "290", "247", "9"); // Location of swf file. You can change player width and height here (using pixels or percents).
          so.addParam("quality", "high");
          so.addVariable("content_path","mp3"); // Location of a folder with mp3 files (relative to php script).
          so.addVariable("color_path","jukebox/default.xml"); // Location of xml file with color settings.
          so.addVariable("script_path","jukebox/flashmp3player.php"); // Location of php script.
          so.write("player");
          </script>
           
          <br/>
           
          <!-- 
          Please place this link anywhere on the page that uses Flash MP3 Player.
          You can style it anyway you want, but do not change or delete it.
          Read the license! Thanks. :-)
          -->
          Powered by <a href="http://www.flashmp3player.org">Flash MP3 Player</a>
           
           
              {vb:raw footer}
            </body>
          </html> 
          Il codice è stato personalizzato utilizzando il nome cartella jukebox.

      • salvate e se tutto è stato fatto in modo corretto ora richiamando il link tuosito/jukebox.php o tuosito/nome cartella forum/jukebox.php dovrebbe comparire il player



    Pulsante di richiamo nella Navbar

    Per il pulsante necessita creare un plugin e un template, dovete sapere che al sottoscritto non piace l'uso di addon preconfezionati per queste cosette pertanto riporto la procedura
    Il tutto si esegue dal pannello admin
    • Creazione plugin
      • Plugin e Prodotti
      • Aggiungi un nuovo plugin
      • compilare i campi come sotto riportato:

        • Prodotto: vBulletin
        • Locazione Hook: process_templates_complete
        • Titolo: Navbar pulsante Jukebox
        • Ordine esecuzione: 5
        • Codice plugin PHP
          Codice PHP:
          global $template_hook;
          $newTemplate vB_Template::create('button_jukebox');
          $template_hook['navtab_end'] .= $newTemplate->render(); 
        • Il plugin è attivo: SI
        • salva
    • Creazione Template
      • Stile e template
      • Gestione Stile
      • ricercate lo style da voi utilizzato e nel menù a tendina corrispondente selezionate la voce Aggiungi Template
      • ora necessita compilare i campi Titolo e Template come sotto riportato
        • Titolo: button_jukebox
        • Template:
          Codice PHP:
          <li><class="navtab" href="./jukebox.php" target="_blank">Jukebox</a></li
        • salva


    Risultato finale




    Se questo articolo ti è tornato utile o ti è piaciuto segnalalo su facebook e su google + attraverso i pulsanti che trovi all'inizio.
    Grazie per la collaborazione.
Cookies:direttiva 2009/136/CE (E-Privacy)

Il sito utilizza cookies propri e di terze parti per maggiori informazioni faq - Termini di servizio - Cookies
Il forum non puo' funzionare senza l'uso dei cookies pertanto l'uso della community è vincolato dall'accettazione degli stessi, nel caso contrario siete pregati di lasciare la community, proseguendo la navigazione acconsenti all’uso dei cookie