Controllare musica di sottofondo intero sito
Autore: Nuccio S.Buona sera, avrei la necessità di fare in modo che il suono che ho assegnato alla pagina di benvenuto e che resta attivo in tutto il sito, si tacitasse automaticamente quando eseguo un altro file multimediale in qualunque pagina sia necessario, per poi ripartire, se possibile, al termine della visualizzazione o ascolto del file stesso.
Al punto 4 ho attivato la visualizzazione della pagina di benvenuto con una immagine di sfondo e predisposto l'avvio di un file musicale che però, essendo continuo da fastidio nei casi di apertura di altri file sudio-video, come dicevo sopra.
L'unico esempio che mi viene suggerito, per attivare o meno la musica (cliccando su un altoparlantino virtualemesso però in un solo posto), è questo
https://answers.incomedia.eu/post/78483
ed in effetti quello che faccio manualmente, e che si avvicina come soluzione, se non voglio sentire la musica di sottofondo e quella di chiudere la linguetta della pagina di benvenuto, cosa un pò scomoda e che però non permette il riavvio a meno di non ricaricare la pagina.
Ci vorrebbe un pulsante per ogni pagina in cui serva con cui attivare o disattivare la musica.
Autore
Ecco, per esempio questo è quello che serve se non mi sbaglio, e che andrebbe posizionata nelle pagine in cui serva e di default sia attiva la musica nella pagina di benvenuto
http://sitemibo.altervista.org/sound_k3/pagina-1.html
questo esempio lo avevo creato insieme all'aiuto di KolAsim, ma è in flash, e quindi con i nuovi modelli di smartphone e ipad non funzionerebbe......secondo me la soluzione ideale ora sarebbe questa, senza bisogno di avere più pagine aperte contemporaneamente...(pagina di benvenuto):
http://scmplayer.net/
Autore
Quindi, se ho ben capito, bisogna creare on line la playlist audio o magari mettere un solo brano e questa barra si posizionerà in testa ad ogni pagina permettendo di stoppare e/o riavviare la musica di sottofondo a proprio piacimento.
Ma sbaglio o così si è vincolati a linkare il sito dove risiede scmplayer?
Si può fare in modo che il codice ottenuto (vedi allegato) sia adattato al fine di renderlo indipendente da siti esterni che cmq oggi ci sono e domani non si sa, oltre alle altre potenziali imprevedibili implicazioni?
Autore
Intanto ho provato ad inserire il codice ottenuto sia al punto 2) creazione mappa/ pagina benvenuto/ esperto/ inutilmente sia nel SEO al punto 5).
Ho provato ogni sezione Body: proprietà del Body, dopo l'apertura, prima della chiusura, ma non mi compare alcuna barra.
Mi chiarisci per favore dove sbaglio?
Ciao e grazie
non so che codice hai, ma in teoria, dovresti inserire i css e js in head, e il resto dopo l'apertura del tag body.... ma se metti un link per vedere, forse è meglio...
Autore
Aspetta che mi si era incasinato tutto e avevo perso l'ultimo salvataggio vecchio che ora a fatica ho ripristinato... quindi sono di nuovo all'anno zero.
Ricapitolando: il codice css che ho ottenuto dal sito che hai indicato è questo:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/scmGreen/skin.css','volume':76,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':true,'playlist':[{'title':'Breathless','url':'https://www.youtube.com/watch?v=BUzh-bq_E9w'}]}" ></script>
<!-- SCM Music Player script end -->
il messaggio che ne spiega l'uso dice quest'altro (poco chiare per me le indicazioni):
...........................................................................
Done
Congratulations! Your SCM Music Player has been created.
Please paste the code into your HTML template, right under <body> or <body ...
(Tumblr user: go to Customize appearance > Edit HTML)
............................................................................
Questo codice dovrei metterlo, correggimi se sbaglio, al punto 4) SEO /Eperto/ sezione dopo ll'apertura del tag Head.
Ma qua mi fermo, sempre ammesso che abbia capito bene finora, sia perchè non so dove trovare il file js che non sapevo servisse, nè dove poi metterlo.
Infatti finora avevo visto che questi file li si inseriva nella radice del sito o in cartelle opportune (vedi ad es. barra dei cookie), mentre mi dici di mettere anche lui in Head.
Quando dopo avermi detto dei css e js, aggiungi " e il resto dopo l'apertura del tag body.... ma se metti un link per vedere, forse è meglio...".
Di che altro "resto" parli? Scusa la prolissità ma da principiante temo di non riuscire a farmi capire.
Per il link il sito è www.studioninphaea.it
Ciao
Autore
Nessuno che voglia darmi una spinta? ;)
... nel tuo link non ne vedo traccia di scmplayer...
... dei miei esempi che hai linkato prima, storici, 1 e 5 sono i più semplici, ma c'è anche il 4, simile al 5, scmplayer, ambedue in FRAME...
... per me il migliore è il 3, ma parte con suono stoppato, perchè ho interrotto le sperimentazioni, e nei dispositivi obsoleti non risponde adeguatamente...
... invece il 5 è semplicissimo, anche se è in FRAME, devi seguire le istruzione nel sito...
... manda la tua musica sul tuo sito con FTP alternativo, ed usa l'URL assoluto (o relativo):
http://www.nometuosito.it/nomebrano1.mp3 http://www.nometuosito.it/nomebrano2.mp3 ... ecc. ...
(nomebrano1.mp3)
... poi ti verrà generato il codice, lo copi e lo incolli in un oggetto HTML&WIDGETS | HTML, oppure nella sezione ESPERTO | /BODY (prima della chiusura del tag /) ed automaticamente si genererà il FRAME per il PLAYER, ed una volta fatto rimarrà per tutto il SITO...
... qui il mio vecchio esempio dimostrativo: http://www.zspace.it/kolasim/website/playlistweb/index.html
>> passi a PAGINA_1 e si attiverà il PLAYER, e poi quando torni in HOME vedrai che funzionerà anche lì...
... il codice copiato dal Sito SCM è questo:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'http://scmplayer.net/skins/tunes/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'due','url':'http://www.zspace.it/kolasim/miei_files/suono/loop2.mp3'},{'title':'quattro','url':'http://www.zspace.it/kolasim/miei_files/suono/loop4.mp3'},{'title':'tre','url':'http://www.zspace.it/kolasim/miei_files/suono/loop3.mp3'},{'title':'uno','url':'http://www.zspace.it/kolasim/miei_files/suono/loop1.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
... visto che sono usati URL assoluti, prova tu stesso il mio codice in un oggetto come indicato prima, e ne vedrai la semplicità e l'immediatezza...
...
... ovviamente, non c'è paragone con le mie invenzioni.........
.
ciao
Autore
Grazie mille, permettetemi una breve premessa.
Sto cercando di familiarizzare con nomi e funzionalità per me sconosciute (vedi Frame) e alcune volte il solo fatto che un nome ti suoni totalmente nuovo ti può dare l'idea di difficoltà o peggio di non riuscire a capirci nulla, ma sono testardo e mi piace capire quindi ho cercato documentazione (come questa che potrà interessare altri come me alle prime armi http://www.echoecho.com/it/htmlframes08.htm).
Però dovreste essere così gentili da aiutarmi a capire un paio di cose che credo di avere intuito ed altre che potrebbero aiutare didatticamente.
>>>>>> FINE PREMESSA ;) <<<<<<<
-------------------------------------------------------------------------------------------
Tornando al tema, si è vero, non ho ancora implementato nulla perchè, mentre lo facevo, avevo erroneamente incasinato tutto e preferisco avere prima le idee più chiare prima di riprovarci.
L'esempio di mirko che è quello del punto 5 che dici tu, l'ho provato ed ho trovato difficoltà certo per qualche stupidata fatta.
Dal sito scmplayer ho ottenuto il codice css, avevo anche caricato nella cartella sounds del mio sito, con un filemanager per FTP, un solo brano ed ho ottenuto il codice seguente:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/scmGreen/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Breathless','url':'www.studioninphaea.it/sounds/breathless.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
Intanto per prima cosa nel frame che appariva in alto, mi diceva già da subito che il file non veniva trovato (pensavo che fosse per questo: Song URL accepts MP3 link, SoundCloud track or Youtube address).
E qua forse c'entra il discorso su url assoluto o relativo che ancora non so cosa siano e come si determinino e quindi avevo messo il link dal file presente su YouTube e questo funzionava sul sito di SMCPLAYER
Poi nascevano i dubbi su dove ficcare il tutto.
Ma dove? nella pagina di benvenuto o nella Home Page?
..........................................................................................
NEL FRATTEMPO, scusate se scrivo in mAiuscolo ma e' per evidenziare, HO PROVATO A METTERE IL CODICE NELLA PAGINA DI BENVENUTO SEZIONE ESPERTO E FUNZIONA PERFETTAMENTE.
RESTANO IN PIEDI ALCUNE DELLE DOMANDE DI CUI SOPRA E NON CAPISCO PERCHE' SE IL BRANO SCELTO LO METTO SULLA CARTELLA SOUNDS ED INDICO IL PERCORSO NON ME LO TROVA.
GRAZIE ANCORA A TE E MIRKO E ANCOR DI PIU' SE TROVERETE IL TEMPO PER RISPONDERE A QUEI QUESITI DI CUI SOPRA
CIAO
p.s. ... ovviamente, non c'è paragone con le mie invenzioni.........
E' NATURALE :D ;)
... vedo che la barra SCM con il suono attuale funziona...
... per le prime domande, io uso solo "visualizza sorgente" del browser, di altro non mi interesso; ......altri ti diranno di più; ...in file lo scarichi usando il suo URL nella barra indirizzi del browser;
... il file MP3 che hai indicato, non c'è quindi non potrà funzionare: http://www.studioninphaea.it/sounds/breathless.mp3
... URL assoluto è quello relativo al WEB, del tipo: http://www.tuosito/musica.mp3
... URL relativo è quello relaltivo al tuo Sito, del tipo: musica.mp3
... in RETE ambedue avrebbero lo stesso effetto, con una risposta lievemente più rapida nel secondo caso...
... il codice va inserito nella sezione ESPERTO|/BODY, l'ultima selezionabile, Prima della chiusura del /BODY
(... se copi ed incolli il mio codice ne vedrai subito l'effetto; ...poi potrai inserire i tuoi brani...)
.
ciao
Autore
1) Si vero, adesso non c'è perchè, visto che non andava bene, poi ho scelto di usare il link di quel file trpvato su youtube.
Poi l'ho pure rinominato e messo in sounds (Brano_01.mp3) ma solo in previsione di riprovarci, perchè prima c'era col nome giusto ed il percorso che hai scritto e non andava.
Boh?! Riproverò nuovamente.
2) Ma in questo caso il file musica.mp3 dovrà essere nella radice del sito, o al limite se lo metto in sounds, sarà sounds/musica.mp3?
Attualmente la parte relativa al brano del codice è questa:
...'title':'Brano_01','url':'https://www.youtube.com/watch?v=BUzh-bq_E9w...preso (da Youtube come dicevo)
e dovrei poter scrivere in entrambi i seguenti modi, se dico bene:
...'title':'Brano_01','url':'http://www.studioninphaea.it/sounds/breathless.mp3...
oppure
...'title':'Brano_01','url':'sounds/breathless.mp3...
Ma già sono contento di aver risolto così. Grazie
Ciao
... al 2) ... sì ...
.
ciao
Autore
Ok, grazie
ciao
Autore
Purtroppo sono costretto a riaprire il post.
Infatti, ecco l'immancabile problema!
Stamattina non va il player e vedo che è dovuto al sito di scmplayer che ha cambiato impostazioni delle pagine o che altro, non ho visto ancora bene, ma non cambia molto.
Ecco perchè, temendo una cosa simile, in uno dei miei primi post avevo scritto:
Io ho trovato questo che forse è la risposta, ma se lo è come e dove mettere il tutto?
https://github.com/cshum/SCM-Music-Player/
Grazie per l'aiuto
... adesso non ho tempo, ma andando alla veloce, vedo che il mio LINK funziona ancora: http://www.zspace.it/kolasim/website/playlistweb/pagina_1.html
... il JS risiede su SCM, ma se vuoi lo scarichi e te lo posizioni nel tuo sito modificando l'URL usato: http://scmplayer.net/script.js
...
... controlla meglio, fai sapere e magari sul tardi ci risentiremo; ... prova direttamente il mio codice SCM, copia/incolla...
.
ciao
Autore
Si. Adesso rifunziona regolarmente, ma avevo provato sia il mio che il tuo link e non andavano (vedi messaggio che compariva nell'allegato - in basso a sinistra: connesso a scmplayer.net, con attesa inutile...).
Ma il problema potrebbe ripresentarsi e quindi proverò ad implementare il player, con gli annessi e connessi, nel mio sito come suggerisci.
grazie
Ciao
Autore
Ops! Ecco lo stamp
Autore
Ma un sistema per correggere le immissioni involontarie o imprecise o non volute, non si potrebbe implementare?
Per esempio adesso era scaduta la sessione, non vedevo, e non so perchè, l'allegato al post precedente, quindi lo immetto credendo appunto di integrare, mi riloggo quindi e dopo avere inserito lo stamp mi accorgo che è ricomparso nel post precedente (o non lo vedevo io perchè o avuto un abbaglio temporaneo?).
Non sarebbe male no?
E' una semplice proposta
... se non sei loggato non dovresti poter vedere gli allegati; ...ma non ti preoccupare, questa piattaforma funziona così per ora; ...tempo addietro era stata presentata qualche richiesta simile nella sezione IDEA...
...
ciao
Autore
Si infatti, mi sono accorto dopo, perchè la pagina dopo un bel po' che resta aperta senza operarvi, perde il login.
Comunque l'ho messa anch'io sulla sezione Idee ;)
Autore
Oooh! Ci sono riuscito, ed anche abbastanza facilmente.
Ora il player è inserito in una cartella del mio sito e quindi al riparo da malfunzionamenti o scomparsa di siti esterni.
Autore
E' bastato creare una cartella (smc nel mio caso) e li dentro ho inserito i file scompattati scaricati dal link https://github.com/cshum/SCM-Music-Player/.
Poi nella sezione esperto della pagina di benvenuto ho modificato il percorso del file script.js così:
<!-- SCM Music Player -->
<script type="text/javascript" src="<b>http://www.studioninphaea.it/scm/script.js"
data-config="{'skin':'skins/scmGreen/skin.css','volume':30,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'brano_01','url':'http://www.studioninphaea.it/sounds/01.mp3'},
/>{'title':'brano_02','url':'http://www.studioninphaea.it/sounds/02.mp3'},
/>{'title':'brano_03','url':'http://www.studioninphaea.it/sounds/03.mp3'}]}" ></script>
<!-- SCM Music Player script end -->
Autore
Grazie per il sostegno :)