Playlist Music - Code

Printable View

Visualizza 50 messaggi di questa discussione su una pagina

29-05-2010, 13.34.40

Playlist Music - Code

Salve a tutti, sto facendo un sito per dj e ho inserito un lettore per la musica che parte automaticamente. Ecco il codice:

Codice HTML:

<script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="200" height="20" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object>

Ho un problema da risolvere. Cosa devo fare per far si che al cambio di una pagina la muisca continua ad andare avanti, invece di fermarsi, e ripartire? Grazie mille
29-05-2010, 16.38.39
sevenjeak

Non puoi farlo, visto che quell'elemento vine caricato, quindi eseguito, al caricamento della pagina, almeno che non dividi la pagina in due frame, il primo frame, di altezza 0 ( per nasconderlo ) e il secondo frame con il contenuto della pagina.

In alternativa, ma credo che non sia opportuno, quando un'utente entra nel tuo sito, potresti farli aprire una finestra popup, dove puoi mettere il tuo lettore mp3, cosi l'utente oltre a decidere se sentire la musica potrà anche evitare che la musica ricominci ogni caricamento pagina

P.S.: Spero che la musica che riproduci sia stata creata personalmente da te, altrimenti ti occorrono i diritti d'autore per riprodurla sul tuo sito
29-05-2010, 20.43.49

Citazione:

Originalmente inviato da sevenjeak

Non puoi farlo, visto che quell'elemento vine caricato, quindi eseguito, al caricamento della pagina, almeno che non dividi la pagina in due frame, il primo frame, di altezza 0 ( per nasconderlo ) e il secondo frame con il contenuto della pagina.

In alternativa, ma credo che non sia opportuno, quando un'utente entra nel tuo sito, potresti farli aprire una finestra popup, dove puoi mettere il tuo lettore mp3, cosi l'utente oltre a decidere se sentire la musica potrà anche evitare che la musica ricominci ogni caricamento pagina

P.S.: Spero che la musica che riproduci sia stata creata personalmente da te, altrimenti ti occorrono i diritti d'autore per riprodurla sul tuo sito

Si, sui diritti d'autore devo lavorarci.

Comunque sia, dalla parte del codice cosa dovrei aggiungere, dopo quello che hai detto te? Grazie... :)
30-05-2010, 03.27.53

Una possibilità te la danno i frame e non devi nemmeno modificare tutte le tue pagine.
Eccola qua:
Rinomina la pagina index con un altro nome, ad esempio home.html
Crea una nuova pagina index col seguente codice:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>Tuotitolo</title> </head>  <frame name="home" scrolling="auto" src="http://nometuosito.altervista.org/home.html" noresize>  <frame name="player" scrolling="no" src="http://nometuosito.altervista.org/player.html" noresize>  <noframes> <a href="homepagedel sito senza frame">Clicca qui</a> per vedere la versione senza frames. </noframes> </frameset> </html>

Spero di essereti stato utile se non dovesse funzionare qualcosa chiedi pure.
Credo si possa fare anche via iframe, ma ora come ora non mi viene in mente un modo valido come quello sopra...
30-05-2010, 10.41.12

Citazione:

Originalmente inviato da opens

Una possibilità te la danno i frame e non devi nemmeno modificare tutte le tue pagine.
Eccola qua:
Rinomina la pagina index con un altro nome, ad esempio home.html
Crea una nuova pagina index col seguente codice:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>Tuotitolo</title> </head>  <frame name="home" scrolling="auto" src="http://nometuosito.altervista.org/home.html" noresize>  <frame name="player" scrolling="no" src="http://nometuosito.altervista.org/player.html" noresize>  <noframes> <a href="homepagedel sito senza frame">Clicca qui</a> per vedere la versione senza frames. </noframes> </frameset> </html>

Spero di essereti stato utile se non dovesse funzionare qualcosa chiedi pure.
Credo si possa fare anche via iframe, ma ora come ora non mi viene in mente un modo valido come quello sopra...

Proverò appena posso, l'unica cosa che non capisco è il perchè devo creare una nuova pagina. Questo non dovrebbe essere un codice HTML da posizione in qualsiasi posizione del sito? In tal caso potresti compormi tu il codice visto che lo trovi in qualche post precedente? Grazie mille...
30-05-2010, 12.59.32

Il frameset è un modo particolare di comporre pagine web, in pratica crei le pagine facendo composizione di altre pagine già esistenti. con il codice che ti ho postato crei una colonna che ha il 100% della pagina (e quindi si vede per intero su tutta la pagina), ed una che ha lo 0% (e quindi non si vede proprio). Nei frameset i link (se non hanno target paricolari) funzionano solo sui frame in cui sono e non in tutta la pagina. Questo comporta che quando clicchi su un qualsiasi link contenuto nella tua pagina a cambiare non è tutta la pagina ma il contenuto del particolare frame. Se il sottofondo è su un frame invisibile e la tua pagina occupa tutta la finestra il frame invisibile rimarrà sempre inalterato mentre la pagina cambierà con la navigazione dell'utente.
PS: ripensandoci da sveglio credo che il codice giusto sia questo:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>Tuotitolo</title> </head>  <frame name="player" scrolling="no" src="http://nometuosito.altervista.org/player.html" noresize>  <noframes> <a href="homepagedel sito senza frame">Clicca qui</a> per vedere la versione senza frames. </noframes> </frameset> </html>

Così dovrebbe funzionare.
31-05-2010, 00.06.38

Capisco, ma per cortesia, potresti impostarmi tu il codice?
31-05-2010, 01.49.08

Prima devo fare una premessa: non mi ero accorto che c'era il player in cima ad ogni pagina o infondo alla pagina principale, pensavo fosse un semplice suono di background... comunque la soluziona la puoi avere sempre con i frame e te la scrivo di seguito, non commenterò nulla perchè basta che fai copia incolla.
Premessa 2: prima di fare grossi cambiamenti prova a cabiare solo lo stretto indispensabile per evitare che, in caso il risultato non sia di tuo gradimento, tu non riesca a ripristinare il sito originale (o meglio fatti un back-up sul tuo pc del sito con un programma di FTP).
per prima cosa rinomina il file "index.html" con il nome "index2.html".
Ora crea il file che sarà il nuovo "index.html" (e che quindi ha nome "index.html" XD) nella cartella principale:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <title>Dj Revolution Official Web Site</title> <meta name="description" content="" /> <meta name="keywords" content="sito web, tutorial, creazione" /> <link rel="SHORTCUT ICON" href="favicon.ico" /> </head> <frameset rows="20,*" frameborder="no" framespacing="0" border="0"> <frame id="player" name="player" scrolling="auto" src="http://revolutiondj.altervista.org/player.html" noresize> <frame id="home" name="home" scrolling="auto" src="http://revolutiondj.altervista.org/index2.html" noresize>  <noframes> <a href="http://revolutiondj.altervista.org/index2.html">Clicca qui</a> per vedere la versione senza frames. </noframes> </frameset> </html>

poi crei il seguente file html con nome "player.html":

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT"> <html> <head> </head> <body style="background-color:#000000; margin:0;"> <script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="200" height="20" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object> </body> </html>

A questo punto il gioco dovrebbe essere fatto.

un piccolo problema è che anche nella pagina principale il player finirebbe in alto a destra invece che finire in basso al centro...

tra l'altro dovrai levare il codice del player da tutte le pagine (è un lavoro un po' palloso ma necessario)

a te valutare se il metodo sembra accettabile.
ciao
31-05-2010, 13.12.03

Penso sia fattibile, ma c'è un altro problema. Il sito usa il CMS joomla.
31-05-2010, 14.34.14

Ti permette di modificare i file vero? se si il discorso non cambia... se no non so aiutarti... non ho dimestichezza con il CMS.
31-05-2010, 15.02.07

Citazione:

Originalmente inviato da opens

Ti permette di modificare i file vero?

Cosa intendi dire?
31-05-2010, 17.38.55

Intendo dire se puoi andare ad editare il codice html delle pagine e se pur essendo organizzato in modo particolare il codice ti permette di apportare le modifiche che ti ho detto...
31-05-2010, 21.38.11

Citazione:

Originalmente inviato da opens

Intendo dire se puoi andare ad editare il codice html delle pagine e se pur essendo organizzato in modo particolare il codice ti permette di apportare le modifiche che ti ho detto...

Si c'è la modifica HTML, ma non divisa per ogni pagina...
01-06-2010, 01.55.44

purtroppo non ti so dire molto allora... Come ti ho già detto non ho alcuna conoscenza di CMS.. prova a postare nella sezione "CMS forum e preconfezionati"... Mi spiace ma non so dirti di più.
01-06-2010, 18.50.27
andreafallico

Leggi qui: http://forum.it.altervista.org/basi-...tml#post728444
01-06-2010, 21.58.34

Citazione:

Originalmente inviato da andreafallico

Leggi qui: http://forum.it.altervista.org/basi-...tml#post728444

Leggendo la guida quindi devo usare questo codice?

Codice HTML:

< frameset rows="0,*"> < frame src="MUSICA.html"> < frame src="PAGINA 1.html"> < /frameset>

Non capisco più nulla...:crycry:
03-06-2010, 18.06.00

@andreafallico: è la solita soluzione che gli ho dato io, solo che nella mia il player si vede a capo di pagina, non è un semplice audio di sotto fondo... comunque il problema che non ho saputo risolvergli è che il suo sito è un preconfezionato CMS (di cui non mi intendo) e non sa come inserire in maniera funzionante il codice.
@revolutiondj: scusa l'intrusione... XD
03-06-2010, 22.33.16

Citazione:

Originalmente inviato da opens

@andreafallico: è la solita soluzione che gli ho dato io, solo che nella mia il player si vede a capo di pagina, non è un semplice audio di sotto fondo... comunque il problema che non ho saputo risolvergli è che il suo sito è un preconfezionato CMS (di cui non mi intendo) e non sa come inserire in maniera funzionante il codice.
@revolutiondj: scusa l'intrusione... XD

Nono fai bene. :) Tranquillo!

Aspetterò la risposta magari del Mod andreafallico
04-06-2010, 01.32.34
andreafallico

Se vuoi utilizzare quel codice, non c'è bisogno di modificare joomla.
Allora devi creare una pagina di nome index.html (esattamente con quel nome) così composta:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Dj Revolution Official Web Site</title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <frameset rows="30,*" frameborder="0" framespacing="0"> <frame id="player" name="player" scrolling="auto" src="player.html" noresize> <frame id="index" name="index" scrolling="auto" src="index.php" noresize> <noframes><a href="index.php">Clicca qui</a> per vedere la versione senza frames.</noframes> </frameset> </html>

poi devi creare la pagina player.html:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT"> <html> <head> </head> <body style="background-color:#000000; margin:0;"> <script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="200" height="20" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object> </body> </html>

però, qualsiasi pagina visualizzi, nella barra degli indirizzi rimane fisso http://revolutiondj.altervista.org/.
04-06-2010, 12.27.10

Citazione:

Originalmente inviato da andreafallico

Se vuoi utilizzare quel codice, non c'è bisogno di modificare joomla.
Allora devi creare una pagina di nome index.html (esattamente con quel nome) così composta:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Dj Revolution Official Web Site</title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <frameset rows="30,*" frameborder="0" framespacing="0"> <frame id="player" name="player" scrolling="auto" src="player.html" noresize> <frame id="index" name="index" scrolling="auto" src="index.php" noresize> <noframes><a href="index.php">Clicca qui</a> per vedere la versione senza frames.</noframes> </frameset> </html>

poi devi creare la pagina player.html:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT"> <html> <head> </head> <body style="background-color:#000000; margin:0;"> <script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="200" height="20" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object> </body> </html>

però, qualsiasi pagina visualizzi, nella barra degli indirizzi rimane fisso http://revolutiondj.altervista.org/.

Ma con Joomla non posso creare pagine. Il sito è fatto così: la pagina principale www.revolutiondj.altervista.org è fatta con altervista, mentre www.revolutiondj.altervista.org/home.html è fatta con Joomla.
La pagina index.html su altervista è già creata. Poi se la creo con i codici, come dici te, appena entro nel Sito non è cambiato nulla...... o no?
04-06-2010, 12.35.01
andreafallico

In questo caso la pagina index.html(con quel codice) la devi creare dentro la cartella home.html(perchè chiami home.html una cartella?).
04-06-2010, 14.08.55

Citazione:

Originalmente inviato da andreafallico

In questo caso la pagina index.html(con quel codice) la devi creare dentro la cartella home.html(perchè chiami home.html una cartella?).

La chiamo così per dare nalla barra di navigazione un nome sensato, in questo caso www.revolutiondj.altervista.org/home.html . Mi dà problemi??

Allora devo eseguire quello che mi hai detto tu dentro la cartella home.html?
04-06-2010, 14.20.11
andreafallico

Citazione:

Originalmente inviato da revolutiondj

La chiamo così per dare nalla barra di navigazione un nome sensato, in questo caso www.revolutiondj.altervista.org/home.html . Mi dà problemi??

No.

Citazione:

Originalmente inviato da revolutiondj

Allora devo eseguire quello che mi hai detto tu dentro la cartella home.html?

Devi creare dentro la cartella home.html i due file index.html e player.html con il codice che avevo scritto sopra.
04-06-2010, 14.28.15

Untitled Document:

http://revolutiondj.altervista.org/home.html/

Errore! Cosa succede?
04-06-2010, 14.34.01
andreafallico

Hai sbagliato a fare un copia/incolla (non è così difficile),
pagina index.html attuale

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Untitled document</title> </head> <body> <pre class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; width: 640px; height: 242px; text-align: left; overflow: auto;" dir="ltr"> <pre class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; width: 640px; height: 242px; text-align: left; overflow: auto;" dir="ltr"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Dj Revolution Official Web Site</title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <frameset rows="30,*" frameborder="0" framespacing="0"> <frame id="player" name="player" scrolling="auto" src="player.html" noresize> <frame id="index" name="index" scrolling="auto" src="index.php" noresize> <noframes><a href="index.php">Clicca qui</a> per vedere la versione senza frames.</noframes> </frameset> </html></pre> </pre> </body> </html>

la devi modificare in questo modo:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Dj Revolution Official Web Site</title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <frameset rows="30,*" frameborder="0" framespacing="0"> <frame id="player" name="player" scrolling="auto" src="player.html" noresize> <frame id="index" name="index" scrolling="auto" src="index.php" noresize> <noframes><a href="index.php">Clicca qui</a> per vedere la versione senza frames.</noframes> </frameset> </html>
04-06-2010, 14.37.13

Ci siamo quasi ma ho riscontrato che dopo alcuni click sotto si crea un altro Media Player e parte di nuovo la canzone, ma su un altro mediaplayer. Uso Mozilla Firefox

-

Ho riprovato e non dà più problemi
04-06-2010, 14.41.52
andreafallico

Perchè, all'inizio, avevi modificato joomla inserendo questo dopo il tag head:

Codice HTML:

<img src="http://revolutiondj.altervista.org/home.html/images/playlist.png"> <script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="250" height="15" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object>
04-06-2010, 14.45.46

Citazione:

Originalmente inviato da andreafallico

Perchè, all'inizio, avevi modificato joomla inserendo questo dopo il tag head:

Codice HTML:

<img src="http://revolutiondj.altervista.org/home.html/images/playlist.png"> <script src="http://revolutiondj.altervista.org/audio/audio-player.js"></script> <object id="audioplayer1" width="250" height="15" data="http://revolutiondj.altervista.org/audio/player.swf" type="application/x-shockwave-flash"> <param name="data" value="http://revolutiondj.altervista.org/audio/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&autostart=yes&loop=yes&bg=151515&leftbg=151515&lefticon=DDDDDD&lefticonhover=ffffff&rightbg=151515&rightbghover=151515&righticon=DDDDDD&righticonhover=ffffff&text=FFFFFF&slider=FFFFFF&border=DDDDDD&track=151515&loader=151515&gamp;&soundFile=http://revolutiondj.altervista.org/audio/John_Spanish_Tango.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="src" value="http://revolutiondj.altervista.org/audio/player.swf" /> </object>

Vero, comunque sia non dà più problemi ora, grazie dell'immenso supporto, te ne sono grato :)
04-06-2010, 14.56.06
andreafallico

Invece c'è un altro problema, se uno clicca nel menu di sinistra in Home con link a www.revolutiondj.altervista.org/home.html si apre un altro frame e di conseguenza si apre un altro riproduttore; in joomla devi modificare i link che puntano a www.revolutiondj.altervista.org/home.html aggiungendo index.php, cioè www.revolutiondj.altervista.org/home.html/index.php
04-06-2010, 15.40.37

Ecco stavo per dirtelo. Devo in pratica modificare il link del menù?

Se clicchi su http://www.revolutiondj.altervista.o...html/index.php il media player non c'è.

Visualizza 50 messaggi di questa discussione su una pagina