WebSite X5Help Center

 
Michele M.
Michele M.
User

Personalizzazione grafica Player audio  it

Author: Michele M.
Visited 25, Followers 1, Shared 0  

Buongiorno a tutti, uso da tempo questo player audio, così organizzato:
Nella Home c'è un oggetto html:

<div>

<audio id="sdAudio" src="https://homilyvoice.it/public/VDGaudio/default.mp3" controls autoplay loop />

</div>

Nelle proprietà della Home, prima della chiusura del tag HEAD:

<script>

$(function() {

sdOggi = new Date(); //millisecondi da mezzanotte del 01/01/1970

GG = sdOggi.getDate(); // giorno del mese

MM = sdOggi.getMonth() + 1; // mese

AAAA = sdOggi.getFullYear(); // Anno

if (GG < 10) GG = "0" + GG;

if (MM < 10) MM = "0" + MM;

sdMp3Dir = "https://homilyvoice.it/public/VDGaudio/";

sdMp3File = sdMp3Dir + AAAA + MM + GG + ".mp3";

$("#sdAudio").attr("src", sdMp3File);

});

</script>

In Impostazioni - Statistiche e codice - Codice:

<style>

   #imHTMLObject_12 {

    padding-top: 56.25% !important;

    height: 0 !important;

    width: 100% !important;

    position: relative !important;

    border-radius: 5px !important;

    box-shadow: 3px 3px 5px 0px rgb(128 128 128) !important;

}

#imHTMLObject_12 iframe {

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    width: calc(100% - 4px) !important;

    height: calc(100% - 4px) !important;

    right: 8px !important;

    border: 2px solid rgba(255, 153, 0, 1)  !important;

}

@media (min-width: 900px) {

   #imHTMLObject_12 iframe {

      border-radius: 5px;

   }

}

</style>

Vorrei poter modificare a piacimento il colore interno dell'ovale del player; ho notato che usandolo in siti diversi il colore cambia:
www.homilyvoice.it (grigio)
https://www.michelemenniti.altervista.org/HV/ (celeste)
ma io vorrei personalizzarlo.

Inoltre non mi ha mai funzionato la lettura del file default.mp3 in assenza del file con la data del giorno. Ora non posso eliminarlo in quanto ci sono tanti utenti che lo ascoltano, ma se mi arriva qualche suggerimento posso fare delle prove al volo. Comunque per ora la parte più importante è quella del colore. Grazie.

Posted on the
2 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

ciao, ... ti posterei i miei codici inventati 15 anni facool, ... in pratica si tratterebbe di costruire un player EXTRA in scatole cinesi, ...ma visto che in rete ormai si trova di tutto già bello e pronto preferisco darti un LINK con player già pronto e personalizzabile...wink
... questa è la fonte su cui documentarti per far da te:
>https://codeconvey.com/customize-html5-audio-player-css/
...!... se non vuoi perder tempo e provare subito all'istante con un solo click, con un  copia/incolla usa il codice qui (↓) in allegato rispettando la fonte e i crediti che ho elaborato, raccolto e compattato in un unico listato, da incollare in un OggettoCodiceHTML..!...
... puoi provalo subito e fai sapere, ormai sei esperto e puoi personalizzare a tuo piacere...

↓  ↓  ↓

↓  ↓

  ↓

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... personalmente preferisco il collegamento AUDIO nello ShowBox...

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪