 |
Aggiungere Riprese alla Tua Web Page passami per piacere i pop-corn |
|
Aggiungere Riprese alla Tua Web Page passami per piacere i pop-corn |
Dopo questa lezione sarai in grado di:
Accusiamo la televisione, Hollywood, MTV, etc, ma la nostra è una società abituata ai video. E con il web, possiamo anche includere informazioni un un formato video.
Ma il fatto che tu possa, non significa che si debba. Perche' no? Molto semplice, un video e' un mucchio, un mucchio di dati da spedire attraverso la rete e secondo esperienza questi sono sono piccoli quadrati di segmenti video saltanti dove le voci sembrano terribilmente fuori tempo con l'azione. Se ci pensi, fare una "immagine in movimento" significa mandare un sacco di immagini statiche (come le inquadrature dei vecchi film) per creare il senso del movimento, per non parlare dell'aggiunta di un piano di informazioni audio.
Quindi fino a quando l'alta velocita' di Internet non sara' la norma ( e potrebbe succedere un giorno), noi usiamo la tecnologia per compensare attraverso alcune tecniche che "comprimono" i video per rendere i file meno pesanti, ed altre tecniche che permettono alla informazioni video di "scorrere" fino a noi (cioè noi vediamo il contenuto come e' stato inviato, senza aspettare che il pesante file sia scaricato).
| media type: | digital video | |
| cosa fa meglio: | informazioni temporizzate, sequenze, eventi storici, luoghi impossibili o pericolosi da vedere | |
| elementi da considerare | giudizio | commenti |
|---|---|---|
| "difficoltà" o barriera per creazione media | bassa  alta |
Richiede equipaggiamento speciale per conversione fonte video in file digitali per computer. Ci sono soluzioni economiche, ma coinvolgono ancora hardware speciale, molto spazio disco ed un programma di video editing. |
| "ampiezza" di audience che puo' vedere il media | ristretta ampia |
Per vedere i video, hai bisogno di un web browser "plug-in", ma molti dei programmi piu' nuovi ne hanno gia' uno installato. |
| consumo di banda | basso alto |
Può essere piuttosto ampio. Video rappresentano una tremenda somma di informazioni e la qualita' si riduce a velocita' modem. Esistono opzione per il "flusso" del contenuto ma potrebbero richiedere server speciali. |
Ti suggeriamo di provare a pensare all'uso dei video senza confrontarlo con la TV o il cinema. Gli usi peggiori sono quelli che noi chiamiamo "Teste parlanti", come un mezzobusto che ti parla. Il video aggiunge molto poco e come vedremo poco più avanti, puoi mandare l'equivalente d'informazioni usando media che occupano meno bandapassante sempre combinando immagini ed audio.
Quando puo' essere cruciale l'uso dei video? Molto probabilmente sara' per mostrare qualcosa che cambia nel tempo, come abbiamo visto per le animazioni, ma forse ha bisogno di avere un'aria piu' da "mondo reale" rispetto ai grafici. Spesso puo' essere un evento storico (l'assassinio di John F Kennedy). I video possono essere importanti per mostrarci qualcosa che non ci e' possibile vedere agilmente a causa della posizione (arrivo sulla luna, le impronte marziane) o delle limitazioni fisiche/considerazioni sulla salute (esplorazioni in oceani profondi, all'interno di reattori nucleari). Oppure i video potrebbero essere critici per dimostrare una procedura (chirurgia, l'unione di travi in acciaio).
Puoi usare una pellicola digitale anche solo per tornare indietro come nei video, non-stop, dall'inizio alla fine. Ma puoi anche usare un controllo a scorrimento per saltare rapidamente ad ogni punto della sequenza della pellicola. Questo ti puo' permettere di esplorare gli "snapshot" del processo temporizzato.
Ora voltiamo pagina e parliamo della video technology. Tradizionalmente, le riprese/film erano registrati attraverso processo fotografico (pensa alle "pizze" delle pellicole) e riprodotti con l'uso del proiettore. Per usare un video su un computer, tutte le informazioni devono essere digitalizzate o convertite in file di dati, essenzialmente una serie di immagini fisse che quando sono riprodotte ad una velocità appropriata, sembrano all'occhio umano come una vera ripresa. Generalmente, questo si raggiunge quando si vedono circa 30 immagini al secondo (o "inquadrature per secondo").
Per creare un video clip devi avere alcuni speciali hardware per captare un video input (da una sorgente tipo VCR, output televisivo , una video camera) per fare la magia di trasformarlo in un video file. Mentre alcuni anni fa era considerato un equipaggiamento di lusso, oggi ci sono diversi strumenti economici per farlo. Potresti anche avere bisogno di qualche software speciale per vedere i video clip una volta che siano sul tuo computer, che ancora vanno dal molto economico (semplice) al costoso (complesso, professionale).
Quando cominciamo a parlare di digital video, entriamo in una regione di mescoloni di acronimi per i vari tipi di video file. Probabilmente i formati i piu' importanti e comuni sono Apple's QuickTime e Moving Picture Experts Group (MPEG). Ce ne sono ovviamente molti altri, e non possiamo davvero parlare di tutti in questa sede. Per altre informazioni, vedi About.com guide to Desktop Video. Per questo tutorial, presenteremo il codice per implementare un QuickTime movie nella tua web page. Mentre altri possono essere i formati usati, come MPEG, AVI, etc, QuickTime e' quello che sara' possibile vedere per la fascia più ampia di web browser.
Per altre informazioni sui video, vedi Web Developer's Virtual Library.
Quando il web emerse per la prima volta, i video clip erano usati raramente, perche', per vederli dovevi scaricare l'intero file (che puo' essere di alcuni Mb per segmenti anche brevi) prima di poter vedere qualcosa. Piu' tardi, mentre la tecnologia web si evolveva, erano emerse soluzioni che permettevano ai video di essere fatti "scorrere", cioe' quando si chiede un video (selezionando un link). tu cominci a vedere le informazioni video appena quello che e' stato inviato e' sufficiente per quella porzione e il resto continua a scorrere mentre tu guardi le prime parti. La tecnologia di testa qui e' RealNetworks; la limitazione, per te, lo sviluppatore web demoralizzato, e' che RealVideo richiede server specializzati per la trasmissione degli streaming data. Puoi trovare ottimi esempi di RealVideo dal CNN news site.
Ha anche bisogno di alcune "add-on" per il web browser. RealVideo e QuickTime richiedono "plug-in" per funzionare. Fortunatamente, molti web browser ora escono con queste tecnologie già incluse, ma a volte devono essere aggiornate. Non devi comunque contare sul farro che tutti siano in grado di vedere contenuti video!
Poiche' si tratta di formati che usano molta bandapassante, come principio di progettazione dovresti mettere i video come "click away", cioì presenti il video come opzione da vedere, con alcune note di avvertimento. Dimostrazioni in lezione.
Per includere un digital video clip in una web page, usiamo il tag <EMBED> (che per alcuni versi e' similare a <IMG) in cui specifichiamo la sorgente del file e le dimensioni del media che vogliamo inserito nella pagina:
<EMBED src="video.mov" width="320" height="240"></embed>
Ci sono altre opzioni da aggiungere a questo tag per controllare il playback:
| opzioni embed | valori | note |
|---|---|---|
| src | path per movie file name | puo' essere un URL relativo/completo |
| width height | dimensioni del movie file | |
| autoplay | true/false | se il filmato parte o meno da solo |
| controller | true/false | se il filmato visualizza una barra di controllo sul fondo |
| href | URL | locazione a cui mandare il visitatore se questo sceglie il filmato |
| target | window name | permette href di essere aperto in un'altra finestra web |
| loop | true/false | se ripetere il tutto in un ciclo |
| pluginspage | URL | dove mandare il visitatore che non ha il QuickTime plug-in |
Per altri dettagli sui parametri EMBED, vedi Apple's QuickTime Authoring site.
Nota: Se non possiedi il documento di lavoro dalla precedente lezione, scaricane una copia ora.
In questa lezione, aggiungeremo un filmato QuickTime al nostro sito Volcano Web. Il filmato in questione e' stato salvato nel formato che gli permette di funzionare prima di essere completamente scaricato.
Questo filmato e' stato generato da un modello virtuale dell'eruzione del 79 AC del Vesuvio, che distrusse la citta' di Pompei. Abbiamo ottenuto il permesso di usare questo video dal suo creatore -- vedi il nostro messaggio di richiesta.
<html>
<head>
<title>Simulazione Vesuvio</title>
</head>
<BODY BGCOLOR=#000000 TEXT=#FFFFCC LINK=#33CCFF VLINK=#FF6666>
<center>
<embed src="../movies/vesuvius.mov" width="301" height="191"
autoplay="false" controller="true"
href="http://tribeca.ios.com/~dobran/" target="_blank"
loop="false"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
<p>
<h2>Simulazione Virtuale dell'Eruzione Pompeiana del 79 A.C.</h2>
Questa sequenza animata simula un'eruzione di tipo <b>Pliniano</b>
dove il collasso di un'alta colonna eruttiva
genera una colata piroclastica ad alta velocità che si muove
lateralmente rispetto al terreno. Osserva l'intera animazione
diverse volte, e poi usa lo slider per identificare il punto
dove la colata piroclastica ha trovato la sua origine.
<p>
<i>usato con il permesso di Flavio Dobran</i><br>
<a href="http://tribeca.ios.com/~dobran/">
http://tribeca.ios.com/~dobran/</a>
<form>
<input type=button value="Ritorna al Glossario" onClick="self.close()">
</form>
</center>
</body>
</html>
NOTA: Abbiamo assegnato un URL (href="http://tribeca.ios.com/~dobran/", target="_blank") in modo che ogni click dentro l'area della pellicola lancerà una connessione con il sito vesuviano che e' la fonte originale in una nuova finestra web. In questo movie non ci sara' una partenza automatica della riproduzione (autoplay=false) perche' vogliamo che sia la persona in attesa a spostare lo slider in un punto qualsiasi del file. Questo permette una certa esplorazione interattiva del movie come sequenza di eventi nel tempo. Se l'utente gradisce, puo' selezionare il tasto play e guardarlo come un film.
A questo punto dovresti avere una pagina singola che include un QuickTime movie file. Ora modificheremo una delle nostre pagine esistenti, "Glossario", in modo che si colleghi alla nuova pagina, usando un po' di JavaScript per aprirla in una nuova finestra. Creeremo il link con lo stesso metodo usato nella precedente lezione per lanciare una finestra con una animated GIF.
<a name="lava"><h3>Vulcani in Azione</h3></a>
<a href="#lava" onClick="window.open('vesuvius.html', 'plinian',
'width=400,height=400,status,menubar')"
onMouseOver="window.status='osserva una animazione virtuale di eruzione
pliniana';
return true"><img src="../pictures/projector.gif" alt="showtime!"
width="46" height="32" align="left" border=0></a>
Watch a <a href="#lava" onClick="window.open('vesuvius.html',
'plinian', 'width=400,height=400,status,menubar')"
onMouseOver="window.status='osserva una animazione virtuale di eruzione
pliniana';
return true">animazione virtuale di eruzione in stile pliniano</a>,
modellata dopo l'eruzione del 79 A.C. del Vesuvio che distrusse la
città di Pompei. Usa l'animazione per capire la formazione delle colonne
eruttive pliniane e come il loro collasso generi colate piroclastiche
[295k QuickTime movie].
NOTA: In questo codice abbiamo creato il link sia per l'icona che per il testo adiacente, con un po' di codice JavaScript code che aprira' la nostra nuova pagina vesuvius.html in una nuova finestra web. Se hai problemi con questo metodo, assicurati di riguardare la lezione 27c dove abbiamo introdotto l'uso di JavaScript in questi casi.Nota anche che noi forniamo informazioni ai nostri visitatori sul fatto che il link disponibile carichera' un file di 295k, e che quindi se usano una connessione lenta, possono decidere se ricevere o meno il contenuto.
Argomenti di verifica per questa lezione:
Prova ad aggiungere alcuni video clip alle tue pagine personali. Prima di usarne uno qualsiasi in una pagina pubblica, assicurati di ottenere il permesso dalla persona che lo ha creato.
Visita Volcano World per vedere altri esempi di movie clip sui vulcani. Oppure, se sei stanco di lava, prova:
"Watson, Svelto! Ho bisogno di audio nella mia web page"
Writing HTML: Lezione
29b: Movie Time
©1994-1999 Maricopa Center for Learning and
Instruction (MCLI)
Maricopa Community
Colleges
The 'net connection at MCLI is Alan Levine
Comments to
mailto:alan.levine@domail.maricopa.edu?subject=Writing
HTML