Multimedia e Plugin Roberto Bruni e Daniela Giorgetti

Bruni e Giorgetti2 Plugin PLUG-IN = Estensioni del browser per gestire (file contenenti) dati particolari (es. audio, filmati, grafica 3D) –introdotti la prima volta con NN3 rendono modulare larchitettura del browser –gli utenti possono scrivere il sw per gestire opportuni tipi di file e collegarlo al browser per rendere la gestione trasparente allutente –esempi ShockWave e Flash (Macromedia) per animazioni e video Acrobat (Adobe) per testo formattato RealPlayer per audio e video

Bruni e Giorgetti3 Plugin e browser NN e IE supportano molti plugin disponibili gratuitamente (anche nelle configurazioni di base) –di solito ci sono versioni diverse dello stesso plugin a seconda del browser e della piattaforma dove risiede Per includere un file che usa i plugin in un documento HTML si usa il tag La classificazione del tipo di file avviene con MIME –Multipurpose Internet Mail Extension –es. text/html, text/plain, image/gif –il tipo MIME viene sempre spedito dal server al browser –se il browser non supporta quel tipo chiede di salvare il file

Bruni e Giorgetti4 LiveConnect Come può JS interagire con i plugin? –LiveConnect è uno standard Netscape che permette linterazione tra JS, Java e plugin –i parametri dei plugin vengono visti come oggetti –questi oggetti diventano parte integrante del DOM –anche IE4+ supporta questo tipo di interazione però non tutte le caratteristiche

Bruni e Giorgetti5 Oggetto PLUGIN (solo NN)PLUGIN navigator.plugins : array degli oggetti rappresentanti i plugin installati nel browser ogni plugin è un array di oggetti mimeTypes che però ha anche le seguenti proprietà: –name : il nome del plugin –filename : leseguibile caricato durante linstallazione –description : descrizione fornita dal produttore –length : lunghezza dellarray dei tipi MIME supportati dal plugin Anche loggetto navigator (sotto NN) possiede una proprietà mimeTypes –array di tutti i tipi MIME riconosciuti dal browser

Bruni e Giorgetti6 Oggetto MIMETYPES (solo NN)MIMETYPES navigator.mimeTypes[i] navigator.plugins[i][j] ogni tipo MIME ha le seguenti proprietà: –type : codifica del tipo MIME –enabledPlugin : oggetto plugin installato che gestisce quel tipo MIME –description : descrizione del tipo MIME –suffixes : estensione standard dei file di quel tipo MIME

Bruni e Giorgetti7 Controllare presenza di plugin Funziona solo su NN permette di introdurre animazioni etc essendo sicuri che siano supportati (ed escluderle altrimenti) esempio test = navigator.mimeTypes[video/quicktime]; if (test) { document.writeln( ); } else { document.writeln( ); }

Bruni e Giorgetti8 Orchestrazione Gli oggetti multimediali del documento sono contenuti nellarray document.embeds (come per immagini, form, etc) –supportato anche da IE4+ le proprietà e metodi degli oggetti embedded dipendono dai plugin in uso –esempio: metodi play() e stop() per file audio

Bruni e Giorgetti9 Suonare con il mouse I Prepariamo un pagina che mostri una tastiera sul quale lutente può agire col cursore del mouse –2 immagini per rappresentare i tasti bianchi e neri –13 note (associate ad una ottava) salvate in file.wav –il tag per includere i suoni con attributi hidden=true autostart=false –possiamo catturare il click sui tasti e suonare la nota corrispondente (oppure usare onmouseover)

Bruni e Giorgetti10 SuonareSuonare con il mouse II …

Bruni e Giorgetti11 SuonareSuonare con il mouse III … Suonare con il mouse …

Bruni e Giorgetti12 SuonareSuonare con il mouse IV <!-- function playnote(note) { document.embeds[note].play(); } //-->

Bruni e Giorgetti13 Esercizi