Flash: barra di progressione o avanzamento per i video (max4001976)
in genere creare una barra di progressione è abbastanza semplice basta creare una semplice interpolazione dal 1° fotogramma all'ultimo però ... quando dobbiamo aggiungere una pallina ed effetturare lo startDrag ossia il trascinamento della pallina ed il relativo movimento delle immagini del video stesso..., le cose diventano un po più complicate.
Questa barra che ho creato io con le mie zampette presentava alcuni piccoli difetti che per fortuna sono riuscito ad aggiustare. Tali difetti erano dovuti ad un 'interruzione dell'andamento del video al 12 fotogramma durante il trascinamento della pallina per riportare il video dall'inizio.
Stessa cosa per il finale. Tale problema era causato dalla differenza delle guide ossia la guida della pallina (il rettangolo) formato da 100 pixel e i fotogrammi del video 200.
ogni movimento della pallina è ripetuto doppio rispetto al movimento della lina temporale principale.
La chiave di tutto... anzi... il motore di tutto è l'enterframe.
Possiamo distinguere 3 figure o meglio 3 scalini
la guida
la pallina
il pulsante dentro la pallina
Download attachment guida_pallina_100_200_ok.rar ( Number of downloads: 49 )
grazie Randi.. ma sicuramente ce ne saranno di problemi è unio script che ho realizzato personalmente non l'ho copiato da nessuna parte se hai visto il sorgente.. però gli script creati in modo artigianale presentano sempre dei difetti... però grosso modo sempre meglio di niente.
Nel prossimo video che metterò... applicherò questa barra di progressione e vediamo cosa salta fuori.
Max oltre mettere l'esempio e il sorgente potresti fare una descrizione dello script per capirne la logica, ad esempio il trascinamento di pallina da quale stringa è determinato.
il trascinamento della pallina è determinato in una funzione chiamata pallinas(); all'interno di esso l'onEnterFrame permette il cambiamento dei numeri che indicano il movimento della pallina in relazione alla posizione dei fotogrammi
Comunque aprirò una nuova discussione con esempi più semplice o stasera sul tardi o domani pomeriggio
non è sempre necessario usare lo startDrag. A volte è sufficiente regolare la posizione di un oggetto con un altro sotto l'enterframe + una moltiplicazione o divisione per la differenza di lunghezza.
In questa barra di scorrimento possiamo distinguere
- la posizione corrente dei fotogrammi (in una variabile) - la posizione della pallina dentro la guida (in una variabile)
infine collegare le due variabili e moltiplicarle *2 o *3 questo numero è il prodotto della divisione tra il totale dei fotogrammi... diviso la lunghezza della guida aggiungendo un arrotondamento.
esempio se io ho un filmato da 1000 fotogrammi e la guida (dove c'è la pallina) è di 165 pixel non faccio altro che dividere 1000/165=6.06 non faccio altro che moltiplicare la posizione della pallina *6.1 arrotondando con Math.round è importante che il numero collegato ai fotogrammi NON sia decimale
lo startDrag ne basta 1 solo per la pallina poi il tutto avviene in relazione ad un numero
__________
stasera anche il Tenente Colombo aveva l'influenza... mò... me ne vado a letto che è meglio... a domani
Scusami ti ho inviato un messaggio per avere la password per scaricare gli allegati. Ma non ho avuto risposta. Potresti inviarmela su queste e-mail [email protected]. Grazie.
ho inviato il pm con la password non so se sei abilitata a votare forse dovresti avere almeno 5 messaggi questa è la pagina dove c'è il link leggi il primo post https://max400.forumfree.it/?t=63761364 grazie
