Pagina con mp3
Author: Saverio D.buong.
riporto la mia attuale pagina on line con website vers. 5
http://www.musicadamatrimonio.it/pg002.html
Vorrei creare una pagina simile ma non ci riesco (nonostante utilizzi la versione 12).
Ho provato con l'oggetto suono ma mi vedo costretto ad inserirne con la barra dei controlli (che anche se nascosta...mi copre il titolo del brano quando ci si avvicina con il mouse anzi mi copre tutti i titoli dei brani).
Ho provato con l'oggetto testo ed ho inserito al suo interno il titolo della canzone per poi agganciarlo all'mp3 come collegamento ipertestuale (come avevo fatto con website 5) ma quando mi avvicino con il mouse mi appare l'icona del play.
ci clicco su ed il pezzo parte ( e sin qui va bene) ma non appena mi sposto con il mouse il pezzo si ferma ( e scompare automaticamente l'icona del play/pausa).
Non so come fare...
come potrei procedere sulla falsa riga della pagina del mio vecchio sito ancora on line?
grazie per la collaborazione
... l'esempio linkato non è valido; ..forse funzionerà correttamente solo sul tuo PC, ma non in rete da altre piattaforme, sia PC che mobile; ...il suono non è in streaming pertanto per arrivare occorre che si sia ultimato il downloads del file con parecchi secondi di dubbia attesa...
... ti avevo già proposto come idea un'alternativa tutta da programma, qui: https://helpcenter.websitex5.com/post/146638#8
... semplice; ...hai provato...?...
.
(... altrimenti si dovrà ricorrere ad altro metodo tramite il TAG AUDIO HTML5...)
.
Author
ciao,
per la verità non so come si mette il brano in delle pagine nascoste altrimenti avrei provato...
approfitto per ringraziarti.
cmq il mio sito è www.musicadamatrimonio.it e la pagina che vorrei ricopiare è quella con il tasto ASCOLTAMI.
... anche se io non ho il programma!, basta fare per come ti avevo indicato; ...ripetendo in modo più dettagliato:
1) - al Passo_2 selezioni la pagina (nome pagina semplice, per esempio brano1) ...e la rendi non visibile; Pagina non visibile sul Menu
2) - Passo 2 - selezioni la pagina ed apri la finestra Proprietà Pagina | Sezione Grafica | ▪Crea la Pagina senza applicare il Modello
3) - al Passo_3 (di questa pagina nascosta) inserisci il solo Oggetto Video/Suono, nel quale sceglierai il file audio da importare;
4) - nella pagina contenente la lista dei brani da far ascoltare selezioni il testo del brano ed assegni il collegamento utilizzando l'opzione File o URL con ShowBox | File su Internet e digitare l'indirizzo (URL) della pagina (nomi semplici), per esempio: brano1.html
... tutto con il Programma, basta povare...
...
... invece, dell'alternativa HTML5 di cui ti avevo accennato, ma devi essere minimamente esperto, ne vedi un vecchio esempio fatto per altri motivi, qui: http://www.zspace.it/kolasim/trash/audioHTML5_lista_K.html http://www.zspace.it/kolasim/trash/audioHTML5_lista_K2.html
... semplice, e tutto quello che serve lo vedi studiando nel sorgente html della pagina; ...in teoria basta copiare ed incollare in Oggetto Codice HTML con le opportune modifiche, per usare testi al posto delle immagini...
.
Author
Allora...
ci sono sino al passo 3.
Ho creato una pagina nascosta che si chiama ASCOLTAMI1 ed ho inserito un unico oggetto video/suono.
Avevo già creato in precedenza una pagina intitolata ASCOLTAMI con oggetto testo ed all'interno dell'oggetto, la lista dei brani.
al primo titolo (es. 883 - Come mai.mp3) assegno un collegamento ipertestuale con l'opzione FILE o URL (non necessariamente SHOWBOX....vero??) ma arrivato a questo punto non so piu come procedere...
Tale opzione mi chiede se il file è sul pc o su internet.
Il file è chiaramente sul pc ma nel momento in cui lo seleziono e dopo aver quindi dato ok, cliccando su anteprima il titolo del pezzo appare ma il suono non parte.
Non riesco a creare il collegamento tra le due pagine a mio avviso....
Mi dici di digitare ll'indirizzo della pagina URL (quindi la pagina ASCOLTAMI1.html) ma dove devo digitarlo dopo aver assegnato il collegamento?
... non dovrebbero esserci difficoltà; ...rileggi con attenzione il punto 4) ... ed anche il resto...
... la lista deve stare nella sua pagina propria, diversa, e l'oggetto suono come unico oggetto della pagina nascosta, (magari con una descrizione, se vuoi, con oggetto testo)...
... come detto usa nomi semplici e brevi, senza spazi, né caratteri speciali e né maiuscole...
... se la pagina nascosta l nomini "ascoltami1" la derivata pagina HTML sarà "ascoltami1.html" e quindi al p.4) dove detto brano1.html dovrai digitare ascoltami1.html
... puoi fare il test subito in Anteprima ...
.
Author
sto impazzendo.....eppure mi sembra una stupidaggine ma proprio non combino.
allora....
ho due pagine, una intitolata ASCOLTAMI (in maiuscolo perchè mi appare sul menu della mappa con tutte le pagine) ove ho la lista dei pezzi inserita in oggetto TESTO
ho creato come pagina nascosta subito dopo una pagina intitolata ASCOLTAMI1in essa ho inserito l'oggetto VIDEO/SUONO. cliccandoci è possibile poi scegliere il brano che verrà eseguito.
Torno nella pagina ASCOLTAMI, clicco all'interno di essa e mi appare la lista dei pezzi.
seleziono un pezzo e clicco COLLEGAMENTO IPERTESTUALE.
Mi si apre un box ove scelgo File o URL con SHOW BOX (anche se non vorrei lo show box ma questo penso non sia un problema...potrei scegliere semplicemente FILE o URL) e scrivo a destra nella stringa FILE SU INTERNET, il nome della pagina cosi come riporto:
ASCOLTAMI1.html.
l'errore penso sia qui ma non so come ovviare.
Cliccando sul titolo della canzone (dopo aver salvato e chiuso e quindi in anteprima..) mi si apre uno showbox bianco ....e non parte nessun pezzo!!
e pensare che con website5 c'ero riuscito....semplicemente inserendo oggetto testo, collegamento ipertestuale dopo aver selezionato il titolo della canzone e poi il suono.
Facendo cosi ora.....mi si apre una finestra che mi chiede di .....salvare il brano!!
...!... per la pagina HTML "ASCOLTAMI1.html" ...sei sicuro che si chiami così i file HTML generato...?...
... esegui alla lettere i suggerimenti, senza variazioni, poi quando ne sarei diventato padrone apporta le modifiche per come credi...
... posta anche i LINK da verificare in RETE, pagina con la lista e link delle pagine nascoste con il suono... ...
... se ancora non l'hai fatto pubblica in una sotto directory, oppure in uno spazio free come su Altervista, in modo da poter valutare la situazione creata...
... purtroppo non ho il Programma, altrimenti ti avrei postato un esempio su due piedi, ma non si scappa. Dovrebbe essere tutto in quanto detto...
... lo showbox serve per vedere nella stessa pagina l'esecuzione del brano, altrimenti finisce lo scopo dell'idea e de costrutto...
.
@Saverio , la spiegazione di KolAsim è esaustiva , e probabilmente anche quella che darebbe un tocco in più...
Se però hai difficoltà , e/o vuoi un metodo alternativo , tra l'altro già proposto anche da KolAsim ...
puoi usare il tag audio ...
ti allego link dove vedi come apparirebbe ed il codice da utilizzare inserendolo in oggetto HTML di website.
Ricordati come già detto da KolAsim, e come regola che sarebbe da seguire sempre , i nomi dei brani brevi e senza spazi o caratteri strani ...
Nel tuo caso duplicheresti il codice all'interno dell'oggetto HTML , sostituendo i titoli ed i nomi dei file MP3 , ovviamente i brani devo essere sul tuo host online ...
Ecco il link dove puoi provare e vedere il codice da inserire ... ( io ho messo per esempio e per fare prima , 5 volte lo stesso brano ... )
http://pcuty.altervista.org/audio/mp3playlist.html
Author
niente da fare....proprio non combino!!
Allora....ho provato con i codici html...
son andatao sulla pagina di cui il link sopra e mi appare questo codice:
<br>Titolo<audio controls="controls"><source src="http://pcuty.altervista.org/audio/bow.mp3" type='audio/mp3' /></audio><br>
Ora cosa devo sostituire? al posto di pcuty.altervista.org, cosa inserisco?
immagino il nome della mia pagina (ascoltami....ma con o senza .html???)
Il brano si chiama 883.mp3 ed è su una cartella del mio desktop intitolata progetto saverio.
Al posto del TITOLO cosa metto?
facendo come mi dici mi ritrovo la barra strumenti del suono senza possibilità di andare in play...
Per quanto riguarda la prima soluzione ho riprovato ma senza successo.
Il nome generato dalla pagina nascosta è ascoltami1 (ove ho inserito l'oggetto SUONO e all'interno di esso alla voce FILE DA PC ho selezionato il pezzo 883)
Torno nella pagina ASCOLTAMI (quella della lista per intendersi) ove all'internodell'oggetto TESTO ho scritto il nome del pezzo per poi fare COLLEGAMENTO IPERTESTUALE, FILE DA SHOWBOX E e poi FILE su internet digitando dopo http://ascoltami1.html
In anteprima cliccando quindi sul titolo del brano mi si apre lo showbox ma non appare nulla (vedo sotto che il programma cerca di caricare qualcosa....che non trova).
scusatemi
... non fare confusioni tra i procedimenti...
... per quanto mi riguarda, ...perchè http://ascoltami1.html ...?...
...!... avevo suggerito: ascoltami1.html (nel mio Post nr.5)
...
... questo procedimento sarebbe stato semplicissimo e da Programma (a conoscerlo), ...ma visto che incontri difficoltà, segui quello suggerito da Claudio, per non fare confusioni, e risolverai con dei semplici copia/incolla, e forse anche più compatibile; (...senza Programma non posso dirti di più, ma sarebbe stato tutto in quanto avevo detto...)
.
@Saverio ...non devi confenderti , come ti ho scritto , il mio è un'alternativa a quello di KolAsim , dato che non ci riuscivi ...
supponendo che il brano sia "Come Mai" ed il file mp3 sia 883.mp3 diventerà nel tuo caso
<br>Come mai<audio controls="controls"><source src="http://www.musicadamatrimonio.it/883.mp3" type='audio/mp3' /></audio><br>
da inserire in Oggetto HTML
nella pagina dove metti la tua "playlist"
Come da esempio i brani mp3 devi esportarli sul tuo sito nella root
( ma in realtà alcuni li hai già messi ... con la tua procedura ... di prima )
Utilizzando i codici , probabilmente avrai maggiore compatibilità , ma i brani devi esportarli tu ...
OT : ingrandisci l'altezza dei pulsanti del menu , perchè le scritte risultano nascoste ...
Author
penso di esserci...con il metodo di kolasim
in realtà l'errore che ho riscontrato è di aver scritto http://ascoltami1.html
e non ascoltami1.html.
In anteprima quindi clicco sul titolo del pezzo e mi si apre lo showbox della pagina ASCOLTAMI1 che ha sfondo bianco (si può cambiare il colore??)
c'è da dire pero che di default http:// ti appare nel box relativo a FILE o URL CON SHOWBOX....e non immaginavo di doverlo togliere.
Ma ora mi chiedo: nella pagina nascosta ove c'era solo un pezzo, devo aggiungere tanti oggetti videosuono quante sono le canzoni della playlist? (che ho nella pagina ASCOLTAMI - OGGETTO TESTO).
Ne ho aggiunti due di oggetti videosuono ma cliccando su un brano nella pagina ASCOLTAMI (dove ho tutta la lista dei pezzi, circa 40, inserita in un unico oggetto TESTO) mi si apre lo showbox con i controlli di tutti i pezzi linkabili che pur nascondendosi generano non poca confusione.
Allego screen shot kolasim
Piuttosto la soluzione di claudio vorrei capirla meglio;chiarito come scrivere il codice html e relativi tag (con oggetto html nella pagina ascoltami) il risultato è che accanto al titolo per es. COME MAI segue una barra controlli che però non funziona.
Penso non ci sia il corretto collegamento con il file mp3.
I file mp3 sono in una cartella sul mio desktop...ma non ho capito come mandarlo in play.
con il metodo di claudio mi appare nella pagina ascoltami, il titolo del pezzo e la barra dei controlli che pero non funziona poichè il play non è cliccabile e alla fine della barra c'è l'icona
ripeto: inserisco oggetto html nella pagina ASCOLTAMI e all'interno di esso il codice relativo ma che significa che i brani mp3 devi esportarli sul mio sito nella root?
i pezzi sono tutti in una cartella sul desktop...(allego screen shot CLAUDIO)
Author
altro screen
... per quanto mi riguarda, devi aggiungere tante pagine nascoste per quanti sono i brani della lista, con •Avvio automatico... (non funge sui alcuni disp. mobile)
... lo showbox ovviamente dovrebbe avere misure adeguate! per quanto basta...
...
... ... come già detto, non ho il Programma, e se te la senti, ...prova anche a vedere come si presenta il richiamo diretto del file MP3 in showbox; su crhome e firefox potrebbe! funzionare, ma la verifica devi farla tu...
...!... controlla i files che siano nominati correttamente, senza spazi vuoti, caratteri speciali ed in minuscolo...!...
.
Gli mp3 vanno messi sull'host ... ma con l'altra procedura li hai già tutti online, basta che usi gli stessi nomi ...
i codici devi compilarli tu...
ti faccio l'esempio per il brano dei Cock Robin ...
<br>Cock Robin - Just around the corner<br><audio controls="controls"><source src="http://www.musicadamatrimonio.it/cock_robin_-_d_the_corner.mp3" type='audio/mp3' /></audio><br>
ricordati che va provato online , in locale potrebbe non funzionare ...
Author
Allora rispondo allegando gli screen per entrambi, ringraziando per la pazienza.
La soluzione di claudio non mi dispiace ma come si vede dallo screen mi appare sotto il titolo del brano la barra dei controlli ed inoltre il pezzo non parte. fore perchè in locale (questo con website5 non mi succedeva). MI parli di host ma so saprei come fare...
Sul mio desktop ho una cartella ove sono tutti i pezzi in mp3.
Non è che devo spostarla in una qualche cartella del progetto che sto realizzando?
Ho copiato pari pari il l'esempio del pezzo di cock robin ma pur avendolo in locale (in una cartella sul desk....il pezzo non parte).
Cosa devo fare?
Per la soluzione di kolasim....non posso obiettivamente creare tante pagine nascoste quante sono i brani....non ne verrei piu fuori...
Cmq allego anche lo screen della videata che mi appare in questo secondo caso: si apre uno showbox (e va bene) ma passando i mouse su un titolo si "estendono" tutte le barre controlli...creando non poca confusione.
Approfitto per aggiungere che nella pagina ascoltami in alto a destra accantoalla lista ho caricato un video....ma mi appare solo lo sfondo bianco.
Ho installato i plug-in richiesti ma nulla da fare. il file è un file mov.
Possibile non ci sia un telefono per chiedere assistenza in questi casi.
grazie cmq.....ce la farò!!
Author
screen kolasim
Author
screnn kolasim 2
... gli esempi HTML5 che ti avevo prosto all'inizio, mio 2° post, non li hai valutati...?...
.
Author
quindi se ho 40 pezzi devo fare 40 pagine nascoste??
... con quello del precedente post, no! (espandi il post)
... con lo showbox iniziale, sì, e non ci vuole tanto per ottenerlo ...
... ma! ...tu dovevi fare anche un'altra prova già detta, quella di richiamare direttamente il file MP3 con il collegamento apposito nello showbox, per valutarne l'effetto, che su FF e CH potrebbe funzionare...
.
Author
riprovero..piu tardi e ti faro sapere...
scusami mi sto perdendo: a quale post "precedente" ti riferisci??
... a questo: https://helpcenter.websitex5.com/post/147211#23
... che indica di osservare quest'altro: https://helpcenter.websitex5.com/post/147211#3
.
Author
se richiamo direttamente l'mp3 con collegamento diretto nello showbox quando apro l'anteprima e clicco sul titolo del pezzo (ovviamente linkabile) mi si apre la finestra di SALVA file e praticamente sono al punto di partenza.
ripeto: io ho la mia lista brani nell OGGETTO TESTO. Clicco al suo interno, la visualizzo, seleziono un titolo, clicco su collegamento testuale, mi si apre una finestra ove scrivo la pagina nascosta nel box FILE O URL CON SHOWBOX.
Dopo di che in anteprima, clicco sul pezzo, si apre lo showbox dove appare l'icona play dell'audio. non appena ci clicci su, si espande (come richiesto dal programma).
Mi andrebbe bene ma in questo caso il pezzo è solo uno (inserito nella pagina nascosta)
Per avere piu pezzi possibile che nella pagina nascosta debba inserire tanti oggetti VIDEOSUONO?
... per la mia idea, ogni brano deve avere il suo oggetto suono in una sua pagina; 50 brani 50 pagine nascoste...
... invece per il test del file mp3 direttamente in showbox lo devi fare in esportazione in RETE; ...prova anche in esportazione su DISCO ...e con vari browser...
...
...invece per la mia soluzione , non funziona in anteprima, come ti avevo già scritto ...
e basterebbe copiare il codice html tante volte quanti sono i brani , in un unica pagina, sostituendo semplicemente i titoli ed i nomi degli mp3
Per gli mp3 attuali, sono già tutti esportati sul tuo host , quindi basta che scrivi i nomi degli mp3 come ho fatto per il tuo CockRobin ...
nel mio esempio ho inserito il tuo col codice che ti ho postato prima...
http://pcuty.altervista.org/audio/mp3playlist.html
Author
ok claudio...con il tuo metodo riesco.
non nascondo che mi piaceva piu la soluzione con website5 (con il quale in anteprima visualizzavo il tutto e non ero costretto a riversare in internet).
Chiedo pero se quella barra controlli che appare in nero possa essere cambiata di colore e un po rimpicciolita...(non mi piace una pagina con quaranta barre controlli)
ci sono altri codici html da utilizzare?
@Saverio la forma della barra di controllo del player dipende dal browser che usi , qualcosa sono riuscito ad ottenere , ma poco poco, vai sul mio link ti ho aggiunto un CSS , per dare un minimo di colore ed una dimensione più contenuta ... che puoi ancora ridurre in larghezza ...
http://pcuty.altervista.org/audio/mp3playlist.html
Author
ok. riuscito!!
direi che questo post posso chiuderlo..
Vi ringrazio ma....comincerò con altri post....:))
Ottimo Saverio !
...allora alla prossima