Grazie comunque per l'attenzione. Avevo già visto l'audio player presente nel marketplace e sarebbe stato certamente il metodo più immediato e semplice per integrare i miei files audio, non c'è dubbio. 

Per i miei gusti risulta però molto più accattivante il plugin esterno anche se è decisamente più lunga la procedura di  inserimento dei dati, ma non è un problema visti i pochi files da aggiungere.

Capisco non sia possibile avere assistenza da parte del team di website, ci mancherebbe  Penso anche che possa dare spunto per creare altri oggetti marketplace più accattivanti ;)

Posso risolvere tranquillamente caricando l'intera pagina index.php del programma e modificando le parti necessarie, facendola raggiungere da un bottone di collegamento all'interno del mio sito website (vedi esempio temporaneo sul mio hosting aruba). Chiaramente mi troverei una pagina che ha un layout differente, ma può anche essere creativo, non penso che l'utente finale pensi tanto a queste cose.

Per dare un'idea di cosa stia parlando, vi linko sul mio sito temporaneo in modo che possiate vedere cosa intendo.

https://heythorvegan.cloud

In pratica, ho caricato il template WEB ADVENTURE  (nudo e crudo, per testare i vari esperimenti) e cliccando sul titolo principale  LIVE YOUR ADVENTURE ho inserito il collegamento alla pagina INDEX.PHP del programma (che si trova nella root del sito web insieme alle altre cartelle di programma.

Chiaramente devo modificarla nei testi e nei collegamenti etc ma l'importante era verficare che funzionasse l'idea, e funziona.... è come avere 2 siti differenti all'interno di uno.

Il TOP sarebbe integrare il lettore in una PAGINA WEBSITE!  Devo soltanto capire come fare. Per questo chiedo a VOI. 

I codici da integrare sono forniti dal produttore (immagino si vedano anche analizzando il codice della INDEX.PHP) 

Vorrei che qualcuno mi specificasse meglio dove posizionarli in WEBSITE, se in un oggetto html, oppure nella sezione principale. vVorrei anche sapere, secondo voi, dove posizionare le cartelle del plugin all'interno delle cartelle del sito website in modo che il programma esterno possa trovarle in base ai collegamenti già inseriti di default (che praticamente considerano le cartelle posizionate in ROOT / 

Va beh, comunque sia, credo che quello che sto sperimentando sia una cosa interessante per chiunque ;) ... è anche un po' l'arte di arrangiarsi.

Per la conoscenza, la voglia di sperimentare e l'interesse di tutti, sviluppatori WEBSITE compresi)  voglio CONDIVIDERE il plugin (con tutte le cartelle) in modo che se qualcuno è interessato a studiarlo o trovare idee nuove e migliorative, può!

https://drive.google.com/open?id=1aLiLcXdxLwE173aO22N17C1fUVzLt4GD

Per vederlo funzionare deve essere però caricato su web, in locale non funziona. Basta caricare nella root le cartelle che si trovano nella carrella "APP" ed anche il file index.php. Eventuali istruzioni si trovano nella cartella DOCS 

Magari qualcuno troverà il modo di integrarlo in una PAGINA WEBSITE.

Chiudo il post, buona serata.

Grazie KOLA, ho chiuso perchè non è il caso di andare avanti, mi sembra ;) Risolvo mantenendo il plugin extra in una index.php che richiamo da website attraverso un collegamento, nessun problema, farò le modifiche opportune alle mie eseigenze.

Io ho comunque messo a disposizione il necessario per poter imparare e vedere qualcosa di nuovo, sia a livello grafico che creativo, poi ognuno faccia come vuole in base al tempo e all'interesse che può avere per l'argomento.

Non tutti abbiamo gli stessi gusti e gli stessi interessi, per me il plugin esterno è molto più bello di quello di website!

Grazie comunque a tutti.  

... proprio per sfizio, ho voluto provare adesso il tuo in >> IFRAME  ......

<iframe src="https://www.heythorvegan.cloud/index.php" width="100%" height="400" style="position:absolute;top:0px;left:0px;height:100%" ></iframe>

Ottimo Kola :)

Proprio adesso mi ha risposto l'autore del plugin (che è anche italiano) e mi ha scritto:

"Ciao Ettore, come regola generale dovresti includere i file js e css prima di eseguire il player. Se usi file audio locali devi accertarti che siano nella cartella giusta in riferimento a dove viene eseguito il player.

Se intendi usare un iframe puoi tenere tutto così come lo trovi dentro la cartella /app visto che può essere eseguito ovunque senza problemi. Se invece vuoi integrarlo dovrai caricare gear.css, jquery.gearplayer.libs.js e jquery.gearplayer.js per farlo funzionare."

CIAO KOLAsim :) sono ancora qui, mi rivolgo ancora a te poichè hai già un po' presente la questione :)

Pensavo che preferirei integrare il player audio in WEBSITE invece di inserirlo con un iframe che non fa altro che visualizzare una pagina creata con un altro programma e che comunque diventa più difficoltosa da modificare non avendo quel programma.

Per cui, ti posto alcune domande a cui dovresti poter dar risposta agevolmente :)

1) Facendo riferimento ai codici che vedrai in seguito, dove devo aggiungerli? (i codici e gli script)?

Nelle proprietà della pagina principale (home) o di altra pagina, dentro le varie sezioni codice esperto - prima della chiusura del tag head etc - OPPURE nella sezione principale del punto 1 – impostazioni – codice – esperto dove vi è anche la possibilità di allegare  files.css e .js?

2) Il percorso dei files e delle cartelle in WEBSITE è riferito alla cartella PREVIEW come root?

Voglio dire, se devo inserire un codice html che punti ad una immagine che si trova nella cartella “images”, devo inserire src=”Preview/images/*.jpg” OPPURE src=”images/*jpg”?

Mi serve per capire come impostare eventuali altri percorsi diretti a cartelle extra che metterò dentro la cartella “Preview”.

3) Quando si collegano extra files .css o .js, che percorso relativo sul server devo inserire? (vedi foto allegata) Di default c’è “files” ma in teoria potrei inserire anche il percorso originale, giusto? Ipotizzando che un file chiamato 1.css si trovi nella cartella Preview/gear/css/1.css, devo quindi inserire questo percorso?

Di seguito, lo schema sintetizzato della index.php dimostrativa dell’audio player GEAR HTML5 che voglio integrare in WEBSITE..

La pagina è a questo indirizzo, in modo da vederla in azione:

https://apps.flashedge.net/gear/

Per integrarlo nel proprio sito - NEL MIO CASO WEBSITE X5 EVO 13 -  occorre inserire, nelle varie sezioni della pagina i punti preceduti dal pallino di elenco

<!doctype html>

<!--[if IE 9]><html class="no-js lt-ie10" lang="en"> <![endif]-->

<!--[if gt IE 9]><!-->

<html class="no-js" lang="en">

<!--<![endif]-->

<head>

<!-- Stylesheet for the Gear Player, keep this one. -->

• <link rel="stylesheet" href="css/gear.css?v=0.2">

<body>

<!-- Stage Start -->

• <div class="stage">

<!-- Mobile Navigation Start -->

<!-- Mobile Navigation End -->

<!-- Wrap Start -->

• <div class="wrap">

<header>

<!-- Desktop Navigation Start -->

<!-- Desktop Navigation End -->

</header>

<!-- Content Start -->

<div class="content">

Seguono i vari contenuti del content…

<!-- Content End -->

</div>

<div class="overlay"><span></span></div>

<!-- Stage Wrapper End -->

• </div>

A seguire, prima della fine del tag body:

<!-- Gear Player Start -->

• <div class="gearWrap"> <div id="gearContainer" class="gear" data-gear="json/setup.json"></div> </div>

<!-- Gear Player End -->

<!-- jQuery is needed to run Gear Player. Include it only once! -->

• <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<!-- If you're using Soundcloud, this one is needed! -->

• <script src="//connect.soundcloud.com/sdk.js"></script>

<!-- All dependencies concatenated and packed for you! -->

• <script src="js/jquery.gearplayer.libs.min.js"></script>

<!-- The main app script for Gear Player. -->

• <script src="js/jquery.gearplayer.js"></script>

___________________________________________________________

<!-- These are just for the sake of the demo page, not needed for Gear Player. -->

• <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/js/foundation.min.js"></script>

• <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/plugins/ScrollToPlugin.min.js"></script>

• <script src="js/app.js"></script>

<!-- In case you get rid of app.js remember to initialize the player with

• $('.gearWrap').gearPlayer(); -->

</body>

</html>

Grazie in anticipo :)

Grazie mille :)

Quindi tu opteresti per un iframe, magari fullscreen automatico....

questo significa che devo lavorare sulla index di presentazione del player (mantenendo chiaramente tutti i files e percorsi originali) modificando tramite html le cose che voglio eliminare o aggiungere, giusto?

Esempio: posso eliminare la parte dell'head e mantenere il titolone, poi doppiare le righe con le covers degli album in base a quante me ne servono (in questo modo non devo ricreare tutti i codici associati) e cambiare solo i collegamenti alle canzoni e alle copertine e via dicendo..... aggiungere testo e altro, eliminare il footer o modificarne il contenuto e così via... insomma personalizzandomi la index con i codici html (che inserirò in base a quello che mi serve)

Intendi questo, giusto? 

... non ho ben capito...

1) se vuoi incorporare il codice nel Progetto, devi seguire quanto detto nel precedente post seguendo anche le istruzioni della fonte;

2) se vuoi usare l'IFRAME, devi realizzare e pubblicare il player e tutti i files a servizio nel tuo sito e nella cartella dedicata che chiamerai per es. "player"; ...quindi in un Oggetto Codice HTML incolleri il precedente codice IFRAME, correggendo 'URL dell'attributo SRC; ...in questo caso, eventualmente posta il link del tuo player. per valutare l'eventuale d farsi...

.

Probabilmente adotterò l'IFRAME perchè non riesco a far funzionare il player su website.

Ne sito website finale ci sarà quindi la pagina "Musica" o una sezione di essa costruita con caratteristiche diverse rispetto a quelle delle altre pagine (layout, larghezza, colore di sfondo etc) in quanto userò la index dimostrativa del player come base. 

Al momento, per sperimentare, ho caricato la index demo del player su www.heythorvegan.cloud e sto sperimentando cosa eliminare o aggiungere.

Una volta che avrò impostato i collegamenti necessari a riprodurre le mie canzoni invece di quelle di default, caricherò tutto il resto del sito creato con website.

Aggiungendo un oggetto html  potrò inserire l'iframe che linkerà alla pagina del player.

Mi domando: Perchè aprire la pagina in un iframe invece di aprirla direttamente come pagina, senza iframe?  

... puoi benissimo linkare/collegare la pagina indipendente del player, non c'è problema, a tua preferenza...

... invece con l'IFRAME (finestra interna), la pagina esterna del player si aprirebbe all'interno del layout stesso del sito, come se ne facesse parte integrante, come e/o insieme a qualsiasi altro oggetto della pagina...

.

Chiarissimo :) Grazie ancora per l'infinita disponibilità :) Appena pronto, ti linko il risultato