Inclusione di filmati flash in pagine html

Non sono un programmatore, ma sto ficcando il naso in come si possono scrivere delle pagine web (in html "nudo e crudo") che includono del video.
Dai una occhiata a questa libro : un vero libro (in inglese) sull'html5. Sembra molto interessante.

Questa pagina richiama un filmato codificato in flash immagazzinato ed erogato dai streaming server di YouTube.

In questa pagina ho affrontato qualcosa sulla compatibilita' nella gestione del formato mpeg1

Per dare una occhiata alla inclusione di un vero stream "dal vivo" erogato con VLC, guarda questa pagina available also in english. It is the only one I wrote in english because it is based on a stream I push from my public address: I'm shure you can find a plenty of things web-wide about this subject, written much much better.

Con Internet explorer, a seconda delle opzioni di sicurezza impostate, viene richiesto all'apertura il consenso a caricare un active-x

Fino a quando non autorizzi il caricamento dell'active-x vedi l'area della immagine vuota

cliccaci sopra consentendo l'installazione

Il caricamento dell'active-x dipende da chi ha scritto la pagina: anche se ci sono dei controlli, sotto forma di active-x potresti anche caricare qualche virus
E' per questo che devi avere sempre un antivirus: io uso da molto tempo avast (antivirus ceco, gratuito nella versione home, che sembra funzionare). Non ho mai fatto un upgrade



Questa richiesta e' fatta una volta per sessione (se ricarichi la pagina non ti viene richiesta).
Non e' troppa sicurezza, ma semplicemente prudenza, anche se e' pressoche' inconoscibile cosa stai per caricare
Dopo aver autorizzato l'installazione dell'active-x, viene mostrato il fermo immagine (tipico della riproduzione dei file flash) con i controlli



questa qui sopra e' una immagine statica (te ne accorgi muovendoci sopra il mouse: guarda la differenza con la vera finestra video)
Il filmato e' visualizzato in progressive download, vale a dire il file e' copiato nella cache del tuo PC a partire da quando premi play:
Pochi secondi dopo inizia la visualizzazione, ma tu vedi (e controlli) la tua copia locale, sul tuo pc.
l'avanzamento dello scaricamento e' rappresentato dalla riga grigia



Al termine dello scorrimento della barra grigia (anche se l'esecuzione non e' terminata, anzi ti conviene metterla in pausa, cosi' ti tuteli da eventuali cancellazioni iper-efficienti) Puo' essere interessante andare a trovare il file appena scaricato.
Ovviamente prima di andare a cercare in queste directory i file nascosti debbono essere visualizzati. Sul file manager, Organizza > Opzioni Cartella e Ricerca > visualizzazione (tab centrale), e seleziona Visualizza Cartelle, File e Unita' Nascoste; poi click su OK.



La cache di Internet explorer 8 su Windows 7 e' in

c:\users\utente\AppData\Local\Microsoft\Windows\Temporary Internet Files

Puoi andare anche a controllare la cache subito, premendo spesso F5 aggiorni la vista del file system. Trovera' molti file tra cui almeno uno simile a questo



Le varie colonne indicano il nome del file (nome lunghissimo), da dove proviene (altra stringa lunghissima), la sua dimensione, la scadenza (vale a dire la data quando il server richiede al sistema operativo di cancellarlo), l'ultima volta che e' stato modificato (metadato del file di youtube), l'ultima volta che e' stato utilizzato e, infine, l'ultima volta che e' stato controllato (per non essere riscaricato in case di riutilizzo)
Non ti aspettare di vedere una lista di una riga: se non hai mai pulito la cache possono esserci migliaia di file. L'unico modo per distinguere il file che ti interessa e' la dimensione e la data.
Il file lo devi copiare, ad esempio trascinandolo sul desktop. Ma devi cambiargli nome (di solito si chiama videoplayback[n]) ed estensione, perche' al piu' ha estensione mp4.
(per questo - a seconda del software che hai installato sul tuo pc - il pc prova ad aprirlo con i-tunes o winamp). Io consiglio videolan VLC
Per chi non ha molta pratica, la cosa si articola in tre fasi

dopo aver
trascinato
il file sul desktop

tasto destro
del mouse,
rinomina

I filmati flash debbono essere erogati da uno streaming server (adobe, wowza): ho provato a mettere un file flash sul sito, ma non funziona, al piu' lo scarichi.
Il filmato originario (prelevato dalla cache) ha le seguenti caratteristiche (da VLC strumenti)

Come si capisce il flash e' un wrapper che contiene due elementary stream: un video in h264 (ISO 14496 mpeg4 parte 10, noto anche come AVC, Advanced Video Coded) ed un audio aac (Advanced Audio Codec, ISO 14496 parte 3, mpeg4 audio).
La chiamata e' composta di due parti: definizione dell'object e invocazione in embed per la sua collocazione



Per ripeterla basta ripetere la riga embed



che, se specificando le dimensioni usa quelle originali del media (in questo caso 320x240)


dimensioni originali
320x240.


aggiungendo i parametri width="640" height="240" la still viene ritagliata e ne viene mostrata solo una parte, ma poi l'aspect ratio del video e' conservato entro un player delle dimensioni richieste, di 640x240 pixel


formato francobollo, 1/4 dell'originale con i parametri width="160" height="120"


qui i dettagli della interfaccia utente prevalgono sulla dimensione del video (1/16 dell'originale) con width="80" height="60"

In genere se con il browser richiami il file (o se click-chi su questo link http://www.youtube.com/v/OfpSXI8_UpY il browser apre il video a tutta finestra

Ho controllato questa pagina con internet explorer mentre la scrivevo, anche con firefox viene abbastanza bene, quindi dovrebbe funzionare anche con chrome e safari.
Ma in genere i browser sono incompatibili in mancanza di uno standard accettato da tutti (succede abitualmente con il video sul web), ognuno fa quello che vuole. Ad esempio compara il diverso grado di implementazione tra internet explorer e firefox:


Sopra: Firefox 10.0.2, sotto Internet Explorer 8.0.7801


E' evidente che comunque quanto scritto sulla cache e' riferibile solo ad Internet Explorer 8 (quello che sto usando).
Ho fatto delle prove sulla versione 9 installata su un netpc con W7 starter: forse per renderlo compatibile con i telefonini, la cache sembra scomparsa nel nulla, irraggiungibile (delocalizzata?).

Anche suddividendo i contenuti in piccole porzioni, la cache viene resa praticamente inusabile. Questo e' il sistema utilizzato per venire incontro a chi ha interesse a difendere i contenuti messi sul web, impedendone lo scaricamento. Ogni plug-in la cache se la fa come vuole: nessuno obbliga ad immagazzinare in un unico file - seppure temporaneo - uno stream video.
Gia' questo era stato fatto per gli stream flash dal vivo (che virtualmente non finiscono mai): parallelamente a Silverlight, Microsoft ha introdotto lo smoothstreaming, ed Adobe ha prontamente introdotto qualcosa di simile (indipendentemente dai nomi variamente brevettati).
Consiste nello spezzettamento della cache in frazioni di pochi kilobyte. La ricomposizione di questi frammenti dello stream e' effettuata dal player istante per istante.

questa e' la cache di una pagina del servizio replay di www.rai.tv.

Ognuno di questi frammenti potrebbe essere crittografato, ma questo appesantisce il lavoro dei server, e non e' molto diffusa (le malelingue dicono che non e' neppure sicura).
Ognuno di questi frammenti non e' dotato di header e quindi la sua riproduzione puo' essere difficile. In seguito si potra' usare altri "trucchi", come ad esempio invertire i semibyte.
Ma al mondo siamo oltre 6 miliardi, ed il reverse engineering puo' praticamente tutto. E' perfettamente inutile proteggere qualcosa: cio' che un uomo rinchiude, riuscira' ad essere aperto da qualcun altro. E' solo questione di tempo: non c'e' catena che resista!
Come la storia ha ampiamente dimostrato bastera' aspettare qualche tempo e sara' disponibile sul web qualche tool per "rimontare" questi frammenti, esattamente come fa il player. E' solo questione di tempo...

Per quanto riguarda Firefox, sul web e' indicato che tutti i file temporanei sono immagazzinati in una directory chiamata Profile appositamente creata per ogni utente. Quindi se cerchi la cache si Firefox, sotto windows dipende dalla versione che usi Potendo vedere i file/directory/unita' nascosti in
Windows Vista o W7: C:\Users\(Your Username)\AppData\Local\Mozilla\Firefox\Profiles
In Windows XP: C:\Documents and Settings\(Your Username)\Application Data\Mozilla\Firefox\Profiles\
In Windows 95/98/ME: C:\WINDOWS\Application Data\Mozilla\Firefox\Profiles\
Ma ancora non ho controllato ma ad una prima osservazione non mi sembra niente di molto usabile
Quanto scritto a proposito dello smoothstreaming si estende a Firefox (e a Chrome)





Per sapere chi sono, clicca sulla lingua che preferisci

To know who is writing, click over the language you like