Player con Ancora
Author: Raimondo R.
Visited 1306,
Followers 2,
Shared 0
Salve avrei un idea, mi pare che non ci sia... Sarebbe utile, (almeno a me), di fare in modo che il Player della Play list avesse per ogni audio la possibilità di ancorare un testo.
Esempio Audio capitolo 5
Ancora al Testo capitolo 5
Questo per fare in modo che cliccando sull'audio del capitolo si possa saltare automaticamente al capitolo cliccato.
E' possibile avere un modulo del tipo acquistandolo con i crediti?
Grazie.
Posted on the
... intanto che attendi, e se, lo sviluppo della tua idea... .. .. .. . . .
... ... .... per il momento, la cosa più ovvia, semplice, immediata e senza necessità di alcuna preparazione extra, è quella di creare tanti spezzoni delle tracce video per i relativi capitoli, rendendo così tutto più fluido, ...(non è il caso di parlarne qui, ma in merito farei un discorso a parte)!...
...ed intanto forse potrebbe interessarti anche quanto si è detto qui:
https://helpcenter.websitex5.com/en/post/247060
.
Author
Grazie per la risposta, ma i file mp3 sono gia molto numerosi, sto parlando della Bibbia Per esempio solo il libro della Genesi ha già 50 capitoli...
questo è il link: https://audiobibbianuovadiodati.altervista.org/genesi.html
Come puoi immaginare mi sarebbe molto utile se voglio leggere e ascoltare il capitolo es. 15 un ancora che mi porta sul testo sarebbe utile.
... da quel che vedo è già diviso in singoli brani, pertanto, se metti le Ancore ai vari capitoli, molto semplice, (per esempio in quei DIV divisori vuoti), ...con l'aggiunta di un mio codice EXTRA si potrebbero accoppiare gli Ancoraggi ai titoli delle voci dei capitoli della lista dei brani...
... cioè, al click sul nome del brano la pagina scrollerebbe sul relativo capitolo...
... quindi, se ti interessa procedere con il mio codice EXTRA e per il modo detto, disponi le varie Ancore, ed apri un NUOVO Argomento DOMANDA, ...e nel caso ci rivedremo di là...
.
Author
Mi potrebbe interessare, anche se non ho capito bene come funziona...Intendi i moduli che dovrebbero servire come spazi vuoti? .... ci sentiamo di la, dove?
... per continuare ne parlemo nel nuovo Topic..
... intanto inserisci gli ancoraggi; ... vedi Guida > > Ancora
.
... ho avuto il Forum fuori servizio (!) per due giorni, ...e non ho recuperato tutte le funzioni...!...
... comunque, sono rientrato qui solo per avvisarti, se sei interessato ad usare la mia invenzione EXTRA, e per non perdere tempo inutilmente, che le Ancore devono avere lo stesso nome del titolo del brano, per esempio
01-genesi001
01-genesi002
...eccetera, eccetera...
... puoi farlo con le opzione del Programma, dette prima, ...oppure puoi farlo anche manualmente e forse ti sbrigheresti prima con dei copia/incolla...
... in questo modo, una volta applicte le Ancore, il mio codice diventerebbe molto semplice applicarlo con un semplicissimo Copia/Incolla...
... uno dei risultati che si potrebbe ottenere lo vedi nella seguente simulazione grafica...
... adesso esco definitivamente da questo Topic, e nel caso se ti interessasse, ci risentiremo nel nuovo Argomento Domanda, ...altrimenti ignora, non mi rispondere, ...e come non detto...
-
.
.
Author
Ti ringrazio tantissimo per il tuo impegno. Però scusa la mia imbranataggine, non ho capito cosa devo fare... Se ho capito bene devo creare un modulo testo per ogni capitolo? perchè ora il libro della genesi, come anche tutti gli altri libri sono in un unico foglio di testo. Poi non ho capito come mettere le ancore... è possibile se ti lascio il mio WhatsApp sentirci in privato? 3931148762.
... ti avevo chiesto di aprire un nuovo Topic...
... ...comunque sia, ... passiamo lo stesso al 1°Step...
... se hai difficoltà con le Ancore del Programma come da Guida, nessun problema, e passeremo allo storico metodo manuale, rapido e semplicissimo...
... quindi, ... se per il testo dei Capitoli hai usato l'Oggetto Testo, abilita l'Oggetto Testo al codice HTML con il pulsante [</>], ...ed anteporre (incollare) prima della prima lettera a capo riga di ogni Capitolo, (per es, 2:1) la relativa Ancora con questa semplice stringa, in stringa continua, senza ritorni a capo:
<span id="01-genesi001"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
................................
... al momento di incollare la stringa dovrai correggere per ogni capitolo il suffisso 001 (01-genesi001) con quello relativo al capitolo stesso...
... per esempio:
01-genesi001
01-genesi002
... ... ...
01-genesi045
... eccetera eccetera...
......................................
... quando avrai fatto questo nella pagina del tuo LINK, stando attento ed al tempo, ...avvisami, ...così controllo, e poi passeremo al 2°Step ... ...(...x il codice, che potrebbe essere definitivo con un copia/incolla...!...)...
.
... dovresti poter ottenere questo risultato simulato:
.
Author
Ancora grazie molto. OK Credo di essere riuscito a mettere le ancore. o copiato la stringa che hai fatto davanti a ogni capitolo cambiando il numero dei capitoli... es.
<span id="01-genesi001"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
<span id="01-genesi002"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
<span id="01-genesi003"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
<span id="01-genesi045"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
ecc. ecc. Prova a vedere se va bene... il link gia c'è l'hai
Grazie di nuovo.
PS. Non ho capito perchè devo aprire un'altro topic. Se devo aprirlo come lo devo chiamare?
sarà... ma io non vedo traccia del codice di KolAsim...
Author
Come, non ci sono i triangolini davanti a ogni capitolo con la scritta "Torna ai brani"?
ahhhh...ok sei ancora al primo steep.... allora come non detto, li vedevo ma non funzionavano ancora...
Author
Si non funzionano e non ho idea come faranno a funzionare... aspetto il secondo steep
... visto, ...pare che hai fatto correttamente, ...!...ma...!... ... non so come hai fatto il copia/incolla, ...che nel listato è impuro, essendosi generato un errore che non permette al codice di funzionar; ...errore evidenziato in grassetto e anche nello STAMP:
<span id="01-genesi001"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
.
Author
Boh è strano c'è questo in più... lo tolgo...
Author
Ho guardato nel programma ma non mi risulta che ci sia quella cosa " " scritta ...
<span id="01-genesi006"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
<span id="01-genesi005"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span> 5:1 Questo è il libro della discendenza di Adamo
Intende dire che c'è uno spazio prima della parola href che non dovrebbe esserci... dovrebbe essere tutto attaccato...
Author
ah ok grazie, ora lo tolgo, io non avevo messo nessuno spazio, non so come mai si sia creato lo spazio, però avevo il sospetto che non ci dovevano essere spazi...
...!... adesso c'è un nuovo errore, manca lo spazio importante tra gli attributi (oltre ad altre alterazioni veniali della stringa originale)...!...
... fai il copia incolla dal Blocco Note di Windows...
.
... se non riesci, si potrebbe provvedere via codice EXTRA con una delle mie invenzioni, ma sarebbe meglio evitarlo...
.
Author
Scusa ma non ho capito... devo farti un copia incolla della pagina sorgente? e salvarla in file txt blocco note?
... al tempo...!...... ... adesso finalmente è OK ......
... vado a verificare il mio codice e poi a breve ti farò sapere...
.
... OK ... ecco il mio codice con alcune delle mie invenzioni esclusive:
<!-- === * Ancoraggio brani x PlayList x WSx5 esclusivo by KolAsim * === -->
<style>
#ancoraK {position:absolute;width:100%;background-color:Lavender;border-bottom:2px solid silver; cursor: pointer;}
#ancoraK:hover {color:blue}
.gotoK {font-size:24px;text-decoration:none;color:orange}
.gotoK:hover { color:red }
</style>
<script>
$(document).ready(function() {
//--- sezione -- preloader by KolAsim ---
imgPreK = "https://hello-site.ru/main/images/preloads/tail-spin.svg";
preK = '<div id="loaderK" style="position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1000000; background-color:rgba(0,0,0,0.5);background-image: url('+imgPreK+');background-repeat: no-repeat; background-attachment: fixed; background-position: center center;background-size:20%"> </div>';
$("body").append(preK);
controlloK1 = setInterval(controlloK2(), 1000);//K1>
});//K<<
function controlloK2() {//K2>
K=$("div[alt^='01-genesi']");strK=$(K[1]).text();nk = ( strK.length);
kx=$(K[0]).text();
//alert(kx) // controllo flusso K
if( nk == 12){//K3>
StopcontrolloK1()
}//K3<<
}//K2<<
function StopcontrolloK1() {//K4>
setTimeout(function(){//K5>
ancoraggioK() ;
$('#loaderK').hide();
}, 1000); //K5<<
} //K4<<
//--------Ancoraggio----------------------
function ancoraggioK() {//K6>
txtK = '<p id="ancoraK" alt="Vai sul testo" title="Vai sul testo"> Clicca qui per leggere il testo <●></p>';
$(".player").prepend(txtK);
$(".span_titolo").click(function() { //K7>
k="";k=$(this).text();//alert(k);
x5engine.utils.location("#"+k, null, false);
setTimeout(function(){ //K8>
scrollK=$(window).scrollTop();
$(window).scrollTop(scrollK-80);$("body #loaderK").hide();
}, 1000);//K8<<;;
}) //K7<<
$("#ancoraK").click( function() { //K9>
$(".span_titolo").click();
}) //K9<<
} //K6<<
function gotoplayK() { //K10
x5engine.utils.location("#imPageRow_1", null, false);
} //K10<<
//------ fine----KolAsim----------------------------
</script>
................
.
Author
Cosa devo fare? )ncollarlo nel file di testo della Genesi? o devo metterlo da qualche altra parte?
... ci risentiremo domani in giornata; ... intanto:
... ... ... il codice è da incollare nelle Proprietà della Pagina al Passo_3, ...in questa sezione:
>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto | ▪Codice personalizzato >3^opzione > Prima della chiusura del tag HEAD
.
Author
Grazie infinite... Sei un genio! Ho fatto come hai detto, FUNZIONA! mi esce sritto di cliccare per andare al testo sul Player e funziona. Come posso ringraziarti, ti devo qualcosa?
... OK ... ho visto, ...e funziona secondo aspettative......
.
... ti consiglio di scaricare l'immagine SVG della variabile (imgPreK) ed usala dal tuo sito, ...oppure usa una delle tue...
... se vuoi usare la stessa immagine(*) del mio codice, tail-spin.svg, ...scaricala da qui:
>> https://hello-site.ru/main/images/preloads/tail-spin.svg ...(**)...
... e la metti nel tuo spazio WEB del Sito...
... se la invii nella ROOT la variabile imgPreK la dichiari un questo modo:
imgPreK = "tail-spin.svg";
... se la alleghi al Progetto e/o la invii nella cartella "files" la variabile imgPreK la dichiari un questo modo:
imgPreK = "files/tail-spin.svg";
... oppure puoi usare l'URL assoluto del tuo sito, per esempio se la metti nella cartella "files", ...così:
imgPreK = "https://audiobibbianuovadiodati.altervista.org/files/tail-spin.svg";
....................................
(*)... considera che è bianca, per cui la vedrai su sfondo scuro, come nel mio preloader;
(**)... per scaricare è semplicissimo:
- o clicchi con il destro del mouse sul LINK e scarichi dalle opzioni del menu contestuale;
- o clicchi sul LINK, si apre nel browser, e scarichi direttamente dalla finestra del browser, o con il menu di questo, o anche con il destro del mouse...
.
Author
Grazie ancora tantissimo Ho provato a fare la stessa cosa anche per il libro dell'Esodo:
<span id="02-esodo001"><a class="gotoK"href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span> ecc. ecc.
Poi nel codice da mettere nelle proprietà o cambiato solo genesi con esodo:
K=$("div[alt^='01-esodo']");strK=$(K[1]).text();nk = ( strK.length);
ma pare che non funziona... Ci sono altre modifiche da fare? Perchè dovrei fare le stesse cose per ogni libro della Bibbia esodo, levitico ecc ecc e anche tutto il nuovo testamento... ... Grazie infinite per il tuo prezioso impegno,
...!...attenzione...!... ... ... questo dipende solo da te; ...metti a posto header, contenuti in header, menu e StickyBar, singolarmente nei vari breakpoint:
1150px, 720px, 480px
... tutto deve stare all'interno dei relativi layout ed in modo non invasivo per le risoluzioni inferiori...
... attualmente risulta scomposto...
.
ciao e buona continuazione
.
Author
Perdonami ma non ho capito niente sia quello che hai detto sopra per le immagini (che x me va benissimo già così), sia quello che hai detto ora...
... sarebbe meglio usare immagini dal tuo server, e non da server remoti(Ru!), ... è semplice nei modi detti, ma comunque puoi lasciare benissimo così...
... in "esodo" manacano le Ancore...!... ...e attento a ben distanziare gli attributi...
... per sicurezza, passa la stringa sul Blocco Note, e la copi da qui per poi incollarla nel testo...
...!... perchè in "esodo" hai usato la radice 01 > 01-esodo ... invece del reale 02 > 02-esodo ...?...
... poi, considera che il mio preload speciale è controllato dal rilevamento del nome del brano, che in "genesi" è di 12 caratteri, ed in "esodo" è di 11 caratteri, pertanto devi correggere l'attuale 12 in 11 nella funzione indicata con:
//K3>
............nn.
Author
OK ho fatto questa correzione e funziona anche Esodo
function controlloK2() {//K2>
K=$("div[alt^='02-esodo']");strK=$(K[1]).text();nk = ( strK.length);
kx=$(K[0]).text();
//alert(kx) // controllo flusso K
if( nk == 11){//K3>
Come faccio a capire quale numero devo mettere nella funzione K3> di levitico, numeri, deuteronomio, ecc ecc?
Grazie ancora tantissimo se ti devo qualcosa fammi sapere, è giusto che ti dia una ricompensa.. Che il Signore ti benedica
... anche in "levitico" il pulsante che viene controllato è il secondo > 03-levitico002 ... formato da 14 caratteri, quindi:
nk == 14
.......................................
... però, per non stare a cambiare tutte le volte quella funzione, visto che la radice in apertura e prima del completo caricamento è per es. "01..." ...di 5 caratteri, puoi provare a modificare la condizione della funzione un volta per tutte in questo modo:
if( nk > 5 ){//K3>
....................................................................
...per il resto, ... non devi niente, ...grazie; ... l'importante è che hai capito velocemente e più di tutti che funzioni...
...a saper questo per me è il migliore ringraziamento......
.
ciao
.
Author
WOW ... Veramente Tante Grazie.. Ho fatto le correzione che mi hai detto e funziona anche Levitico... Sei stato veramente molto bravo ... Spero che questo sito dell'audio Bibbia possa essere utile anche a te... Che il Signore possa ricompensare il tuo servizio
...ricordati di mettere a posto al più presto il layout, menu e StickyBar, per come ti ho segnalato precedentemente (post#31), ...prima di vanificare il lavoro impegnativo che stai facendo...
... ti saluto, ...esco definitivamente da questo argomento, e casomai ci risentiremo e se in altri topic...
.
ciao
.
Author
Scusa se disturbo ancora... Sono arrivato a 18-giobbe e fin qui tutto bene... poi ho fatto
19-salmi e dopo aver messo 150 stringhe, faccio anteprima e mi spariscono tutti i salmi, pagina completamente vuota... Ho provato a cercare il motivo ma non lo trovo... ho provato a mettere una sola stringa:
<span id="19-salmi001"><a class="gotoK"href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
e mi sparisce sempre tutto il testo.. Anche senza mettere il listato in proprietà
ciao, ... ho controllato, ed anche in "salmi" può funzionare come gli altri...
... ricordati come ti avevo detto prima che la stringa delle Ancore deve avere gli attributi ben separati, e quella che tu hai postato è errata
"gotoK"href="
... la formula corretta è questa:
<span id="19-salmi001"><a class="gotoK" href="javascript:gotoplayK()" alt="torna ai brani" title="torna ai brani">▲</a></span>
.
ciao
.
Author
Ciao scusa ancora... Si lo so è incredibile, dopo aver provato diverse volte con i salmi, mettendo solo la prima stringa, mi continua a scomparire la pagina del testo, poi sono andato avanti con i Proverbi e funziona. ho riprovato con i salmi ma niente scompare sempre la pagina testo, completamente vuota. ho anche provato a cancellare la cartella dei salmi e ricrearla di nuovo ma niente...boh...
... ho controllato in "salmi", e lo script funziona correttamente, ed ho anche simulato con l'Ancora della mia stringa del precedente mio post, che è a regola e non crea problemi...
... quindi, per poter io verificare devi mettere lo stesso le Ancore, anche solo le prime due per fare un veloce prova...
... avvisami quando avrai fatto, che poi dopo andrò a controllare...
.
Author
IL Problema è che quando metto anche una sola ancora mi sparisce tutta la pagina
Author
almeno che non attivo HTML nella pagina
Author
... il procedimento deve rimanere sempre conforme e non interpretato...
... ho rivisto adesso "salmi", e nel codice sorgente non vedo il codice delle Ancore applicate per come ti avevo chiesto appena prima...
...se non lo fai non potrò verificare e valutare...
.
Author
... per poter io controllare e valutare, devo vedere quella pagina con applicate le modifiche con le Ancore, come detto prima, anche se non funzionante...
... attualmente in "salmi" vedo che c'è solo lo script...
.
Author
Se poi do ok sparisce tutto
Author
Ho scoperto una cosa strana... Ho fatto Ottimizza sito e la cartella dei salmi non si vede... Guarda lo stamp...
Author
Poi mi sono accorto che lo mette all'ultimo libro dell'Antico Testamento e se lo sposto in su anche fino sopra la HOME me lo mette in fondo alla pagina... dopo apocalisse. Veramente strano...
... per domande diverse, apri nuovi singoli argomenti a tema per evitare frammentazioni e confusioni...
... in "salmi" vedo che non hai applicato quello che ti avevo chiesto, pertanto non posso verificare...
.. avvisami solo quando lo avrai fatto e pubblicato online, ...anche se non funziona...!...
.
ciao
.
Author
L'ho fatto ma non lo vedi perchè sparisce. Non dipende dai tuoi script, il problema è un altro. ora apro un altro topic per questo problema...(anche se non so come definirlo). Ti ringrazio tantissimo per il tuo prezioso supporto.
...!... visto adesso e trovata situazione invariata...!...
Author
Ti ringrazio per tutto il tempo che mi hai dedicato.
...!... non c'è traccia delle Ancore...!... ... ... se le inserisco io si vedono e funzionano correttamente:
.
... visto che non ci sono particolari formattazioni nel testo, seleziona tutto il testo, lo copi e lo incolli nel Blocco Note di Windows, poi seleziona il testo nel Blocco Note, lo copi da qui, e lo incolli nell'Oggetto TESTO del Progetto, in sostituzione del testo in uso, ... e quindi incolla anche il codice delle Ancore...
... avvisami...
Author
... non potendo verificare, mi devo fermare qui...
... l'unica cosa che in più posso aggiungere è quella di provare ad eliminare completamente quella pagina e di rifarla correttamente di sana pianta, facendo il precedente procedimento appena detto prima...
... se riesci ad ottenere qualcosa, sarà un buon passo avanti, e nel caso avvisami...
... ... ... ... ... ...
... comunque, per mettere in evidenza il tuo problema allo STAFF, essendo questo Topic IDEA troppo esteso e dispersivo, passerà inosservato, ed è quindi molto meglio se apri un uovo argomento, spiegando nel dettaglio il problema del tuo oggetto testo, in modo che nella prossima settimana possa essere preso in considerazione dallo STAFF...
.
ciao
.
Author
Magari ci risentiamo di la... Grazie ancora
Author
Ciao ti scrivo che c'è l'ho fatta... yu-yuuu ... In pratica ho fatto copia incolla di 10 capitoli alla volta... arrivato al 131 è scomparsa ancora la pagina, così ho creato un altro oggetto testo e ho copiato dal 131 a 150 e funziona... Non mi chiedere perchè non l'ho capito ...
Grazie ancora per il tuo contributo... Dio ti benedica.
... ah! ... menomale! ... e ... meglio così...
... mi era parso strano quel che ti era successo...!...
... ho ricontrollato "salmi", ed adesso funziona correttamente...
.....................................................................
...!...... anche se funziona, ci sono sempre gli attributi uniti, anche se pare innocuo, come detto anche più su...
...!... non hai ancora messo mano alla sistemazione del layout, come detto più su......!...
... tutto questo ora dipenderà solo da te......
...
..
.
ciao e buona continuazione, e nel caso e se del caso forse ci incontreremo in altri Topic...
.