News, laboratori, software e••• •

La formula "C&V + C&Vweb" sembra essere indubbiamente gradita

dai lettori se nel giro di due mesi (i numeri di gennaio e febbraio)

C&Vweb'98 ha più che raddoppiato il numero dei suoi contatti.

Continuando quindi sullo stesso tracciato ecco i Iink, i laboratori,

il software e le "dritte" preparati per questo mese ...

( di Bruno Rosati )

~iIbouttl\h~.oI ••~'tI"lIIUW-.b Ibto -w.••••abIe·0e0rpBem..ssa-(l1j6.1'M>

GrapIlIcs-----Ouf 1m. Ubrary IS ~ al In. fram•.• Wdn n. anìmahons.backgroundl. 1C0l'I'S~ ~L He,. you ean liso •..ad the tatuiiuUl rAyOUf1Moonl. p/'Ioto maguN, ind I•.•• GF ti yout' dr•• ms\fII'lltt our Nardi englMS. cbwWoad Wl m9 dor In In. SaIwIRllInry or le..,. sonw grnIlricks b~.,.. wìl:h!If1IPha InIn.TlAonats uct...,

Figura l - L 'Home-Pa-ge di MediaBuilder.

.• lUI

disposizione un'area di testo nella qualesi dovrà digitare il testo da inserire nelbanner e quindi la lista degli effetti gene-rabili. Questi vanno dallo zoom a variesoluzioni di fading e spiralaggi in genere.Infine, per salvare il banner così ottenutosul nostro hard disk è sufficiente c1iccaredentro alla finestra del preview e selezio-nare "Save Image ...".Il secondo link è quello dell'AnimatedGIF che, ulla volta entrati nella page, cipresenta la lista sia dei programmi gene-ratori che dei c1ip già pronti per esserescaricati, modificati e quindi utilizzati.Terzo link principale è quello dell'lmage

Library, nella qualesarà possibile trova-re ogni genere ditexture e di sfondi,fotografici o meno.Infine il link più im-portante, quello del-la Software Library(http://www.mediabuilder,com/software,html), nelle cui pa-ge sono elencati inomi, le caratteristi-che ed il downloaddi una serie di appli-

ta come una vera e propria miniera di ap-plicativi multimediali, utility, file Avi-cam-pione, GIF-animate, sfondi e texture diogni genere. Il sito è talmente ricco dicontenuti, link e punti di download dapoter costituire di per sé il tema descritti-vo di un intero articolo. Scialando, ne fac-ciamo invece il solo tema di questa tap-pa che vi consigliamo di percorrere alme-no nei suoi link principali. Il primo deiquali è l'Animated Banner Maker. Untool che può essere liberamente usatoper realizzare banner animati direttamen-te in linea.Nell'Animated Banner Maker avremo a

]fio __ V.fIololIl

I~~~,""I----.~~~-----

- mediaLlNK: un misto di news e di"dritte" verso cui navigare con fiducia(MediaBuilder, Pico e MP3.com).- mediaLABS: in seguito a numerose ri-chieste da parte di chi navigaC&Vweb'98 torniamo a parlare delle"Multimedia Personal Page" e lo faccia-mo ricominciando a parlare delle codifi-che audio in formato .mp2.- mediaWARE: tre programmi tre: Brow-serola, per verificare il codice HTML,JPEG Optimizer, per alleggerire il pesodelle immagini in formato JPEG, e quindiil converter AVIIMPEG LSX-MPEG Enco-der.- mediaGAME: un altro "preset" Java-Script per dinamicizzare i nostri siti.

mediaLlNK:più dritte che news!Quelli che seguono sono i link verso ho-me-page interessantissime per chi fa delmultimedia creativo la sua passione. Quie là, si potrà beccare qualche news, spe-rimentare nuovo codice per aumentarele capacità ipermediali delle pagine inHTML, scaricare del software in versio-ne trial ed utility freeware.Tra le tappe che consigliamo di raggiun-gere questo mese (solo tre, ma ricchissi-me) la prima ci porta subito in casa dellaMediaBuilder (http://www.mediabuil-der.com). Un sito questo che si prese n-

262 MCmicrocomputer n. 183 - aprile 1998

Consubte l eataAogNImtitnt Softwa,.' PunloCDI*t,ltIiI~adeglistMTleflb(pfogJanvni

appIic~MIC()..R()M)piùpol.nli.origrIaIi.cjItltllJltalManuatmenle d!spoflltnli per G,"'c •. MuItlmMl ••

Intlmet

L. ultime nll'Vit.ì. Pico:GeoAll;K: Nuove laceoh. di mappe wlte,I"'1 MI Nn. U •••.•n40 e

'" .".II'E.I'~.tu", modificaltm. .lcHmeMleftàlJi e aam,abKl m ••••• "••••••'".h. qu.ltw !

Zoom In

Amlzlng Inltant Onlln8 Anlmlted 8anner M.kerPrevlew COlsi SII Ohlaol 6 $: Multlmedla Tool8ook (seminario gntuhosu

AUlhoIW3"):SO"I sea1. d.tlnh. J. date d.1 COIU, affretDMYi; f"O'Ri $OttO lintitlrfi !

How t. UN ma tool:

i3) 2J1HHz PentlumS>1l Processar ~N ••_""...... $1 499-o (11{\eH", NOW ONlY ,

~HOIIIE

~=1i~ER

EIfTER KEYWOROSI Nu•••• ,.edoMi Pldu'l WOIU ,., r.I.u ••• zkn" ~z •• dea. WM~I!

Il Giovedl di Pico Pke ,'I,one u,,-m....-aot••• 1.zI•••• dilaccolte di clipa't P" l'edho,la IIIW.b!

Ed eccoci infine alla terza ed ultima tap-pa di questo numero. Tappa che ci portaallo sterminato web-site della MP3.com(http://www.mp3.com). Ricco, ricchis-simo di contenuti, il sito dispone di FAO-list sul protocollo, encoder/decoder aprofusione, plug-in per Internet e per si-stemi di editing compatibili. Infine una li-sta praticamente infinita di sample in for-mato .mp3.Gironzolando un po' sulle page delsoftware per Windows (accessibili a par-tire daIl'URL:http://www.mp3.com/windows/in-dex.html) è possibile procedere alla piùampia sessione di download riguardantetutti gli encoder, i decoder, i plug-in, iCD-ripper e le infinite utility già disponibi-li per questo nuovo standard. Personal-

.Figura 2 - MediaBuilder. Lapagina del generatore diBanner Online.

cativi tra i più aggiornati nell'ambito delweb editing e del multimedia in genere.In particolare, tra quelli appartenenti allacategoria video, abbiamo visto i link peril download dei più famosi tra gli sha-reware (VideoTrope, DDClip 2.21, ecc.)e le demo-trial delle suite più complete(come Premiere 4.0, MediaStudio 5.0,Xing MPEG). Scrollando la lista, però, ilnostro sguardo è stato comunque attrat-to dal freeware MCS FreeVOD. Un appli-cativo in grado di realizzare una sorta di"Video (o Audio) On Demand" diretta-mente dalla nostra pagina web. Ciò è ot-tenuto senza l'utilizzo di plug-in né tanto-meno l'intervento di un media-server.Il kit in questione include un convertitoreda file .AVI a file .vOD proprietari e deitool in grado di ottimizzare la banda pas-sante degli streaming ottenuti per con-versione. Completa il kit il modulo GSMrecorder con il quale è possibile registra-re contributi di audio digitale in standardGSM per l'Audio On Demand.Sarà tutto vero? A chi ci si vuole cimen-tare, oltre all'indirizzo per il downloaddell'applicativo (http://www.media-builder.com/2464.html) va owiamenteil nostro in bocca al lupo!Passando alla seconda tappa, il sito ver-so il quale vi consigliamo di navigare èquello della Pico (http://www.pico.itl.Un vero e proprio negozio online, navi-gando nel quale è possibile acquistaredirettamente gli applicativi disponibili incatalogo oppure salpare verso i siti' delle

8_·3OHo1T'11'dmodopiù •• mpHc•• po1.nl.~.treaHZlar"tlle

Itealo in 3 dimensioni con tracclali • swgenti IulTlll'lOs, dtrettamente

di Adobe Pho4oshop

~9UI", I::OI:f:U='~~:Z=::K:'uil~',=:~;::::IflCCIato su cui 11'I1"'" il testo int-Wando poi illutlo con qualunqvt:

, ìmIna!JlM rt PtIOIoshop.

30 Ho! T'n pennltt. di definir, molti parameln, quali la tmplI'lnza,lI . :.~ •.hpo.ladimtn'IonedeIClllttlre,dco\oracllpnmoplinOltlombr., .' ~la lexlur. da .ppllcafe alta lenti., ecc. . ~.~Non .11' più n.celSl,rio lavorltl con piU apphuzlOrIi pa, r•• bnl'l UIcrittllridlmln,ional! da applicare li immag.ini \lrafiettt: gruie il 30HO!.Tut' or. possibili r.alizur. illutlo dir.ltamente da ~ __Phatos

rispettive sw-house ed eventualmenteprelevare le versioni demo.Tra le ultime novità disponibili, sulle pagi-ne di Pico, a spiccare maggiormente so-no SpinPanorama (per la realizzazione discenari a 3600 in tecnologia OuickTimeVR for Windows) e NetCard (un prodottoin grado di realizzare e spedire via e-maildelle cartoline digitali composte da filma-ti e testo). Oltre al catalogo online, pen-so che in molti apprezzeranno poi l'op-portunità di entrare nella pagina dei "sal-di", nella quale (http://www.pico.it/pag_prod/saldi.htm) vengono propostiad un prezzo particolarmente vantaggio-so vari applicativi dei quali la Pico nontratta più la comm~rcializzazione, o di cuiè eventualmente uscita una versione piùrinnovata.

Figura 3 - L 'Home-Pa-ge di Pico Online,dov'è possibile trovaregli scaffali del softwa-re distribuito, varie of-ferte speciali, news e,ovviamente, tutti i linkverso le software-hou-se per il download del-le versioni trial degliapplicativi disponibili.

Figura 4 - Abbiamo cari-cato la pagina dov'è re-censito il plug-in filter 3DHot Text di Vertigo. /Iplug-in c'interessa mol-tissimo (oltre che conPhotoShop funziona be-nissimo anche con il soli-to e fedele PaintShopPro).

MCmicrocomputer n. 183 - 'aprile 1998 263

Figura 6 - WinAmp.Dopo averlo scaricatoda MP3.com abbiamopotuto installare la"RolIs Rovce" deiplaver per Laver-lIl.

..•.._-t::titCll''''bl*nbllDwlo••• Iht~~ll'02.~:~~~c:.=~'"

~ II§+iiFIIiMNOIIìi r =IoCMNfll~(durt'l_

•...-..."'li"'--I •••_ •••I=..~_

_ •..•.~. TM~W'(G""A.,fIlIf\r/mc

~.1!51.1."""1nc."17J·r••.•••,01l1.

V1II: •• ,'-. ••••• ~ b~

.)( winamphltp://www layer3.orglpllJgin~

Figura 5 - Il sito di MP3.com è ricco, ricchissi-mo di contenuti. Online ci sono FAQ-list sulprotocollo, front-end di encoder/decoder a pro-fusione, plug-in per Internet e per sistemi diediting compatibili. Infine una lista praticamen-te infinita di sample in formato .mp3

.:J

Wh81 a sia"

MP3.t:DmTHE MP3 RESOURCE ON Tl1E INTERNET

A Perspective From Electronics GiantPhillpsOnMP3AIow melO INfOdute myself my name It FraneZiiderwld lem""~y"_PhlIìpsCEActvancedSySl.ma wAppK.1M iati, ll'I E~. TheNetMrttndi. Part ~ my job Il to p«Mde tecl\rwc-'infofm8llOl'llo (pouible) CtJSlOf'i'Mrl for MUSICOREand rel.ted MPEG Audio equipment.•••••• ,. .••• _ •• IO ••• .,;! ",_ •• ,.

ElI !focIb ~. v. ~ l

lordIIuol.!l •• , •.••• lI$Jw1It/

.;.. .;jhd*o •. •. TMI'lÌ'lIo ....,.

~ --.5 •••1"~~l;I .lI,_._Ii:p •••__ I;l~ln"",-l1-eo--_I!.!I"""_" ::J.-I {,","55

Figura 7 - WinAmp, dal fio Mo6Iioo ••••••• v. _ 1

pannello di About, ci ••••••1.!I ••• 'm-•••'."può rimandare ad alcuniweb-site dov'è possibileapprendere news e sca-ricare i numerosissimiplug-in che vengonocontinuamente prodottiper il fortunato applicati-va in questione. Quelladella schermata è l'ho-me-page di Laver-III, unaltro, sterminato sito do-ve è possibile sapere,scaricare, ma soprattut-to sentire di tutto!

mente abbiamo sca-ricato quello che è ilRe degli MP3-Player:WinAmp. Una voltainstallato e lanciato in esecuzione, ci haautomaticamente invitato a cliccare sualcuni link di music-page e software-download che hanno ulteriormente allar-gato le tappe di questa navigazione interra musicale.Ecco un breve estratto della lista dei link:- http://www.winamp.com/main.html(l'home-page di WinAmp)- http://www.layer3.org/ (plug-in a non fi-nire e tutte le versioni di WinAmp eMacAmp)- http://www.winamp.com/faq.html(tut-to quello che c'è da sapere su WinAmpe Layer-lIl)- http://www.nullsoft.com (il sito dellaNullsoft nel quale è possibile navigare,scaricare ed ascoltare un po' di musicaad alta qualità).Tornando a MP3.com, alla page(http://www.mp3.com/dummies.html)che MP3.com dedica ai principianti, tro-viamo infine un vero e proprio tutorial on-

.--,line su cos'è e come funziona il Layer-lIl,che vale la pena di leggersi ed eventual-mente scaricare.Indubbiamente, il formato audio MPEGLayer-1I1è un fenomeno ormai diffuso epervasivo. L'utilizzo dello standard .mp3l'abbiamo in qualche modo sperimentatoanche su queste pagine, ma va da séche vi dovremo tornare sopra per unaserie di approfondimenti (il primo deiquali già viene affrontato, guarda caso,proprio questo mese!).

mediaLABS:l'audio in .mp2 (o .mp3)e il video in .mpgFin qui, sulle pagine.di Computer & Vi-deo si sono introdotti i temi pratici riguar-danti la produzione (e riproduzione) di va-

ri standard audio (wav-truespeech, ra,mp2, mp3, Indeo Audio 2.5 ProgressiveDownload), di una moltitudine di proto-colli video (avi-clearvideo, avi-vdo, avi-In-deo Progressive Download, avi-mpg, avi-mjpg, avi-mp4, ecc.) e, più recentemen-te, l'idea di prepararci a metter su un ser-vering NetShow che faccia, con i suoiActive Streaming, un po' da riferimentoa tutte le soluzioni prospettate.Questo mese (anche per dare piena sod-disfazione alle giuste osservazioni fattedai visitatori di C&Vweb'98) torniamo unpo' sui nostri passi, cercando di trattaresoluzioni che siano più vicine alle possibi-lità ed alle esigenze del singolo.Quell'utente medio, cioè, che possiedeuna piccola "personal web page" e che,ai system-server oppure alle sofisticatesoluzioni ad alta qualità (sia audio che vi-deo), non ha intenzione di puntare.In parole povere, quello che ci viene ri-chiesto è di dare un consiglio su cosa sipuò usare per fare del multi media anchesu piccole personal web page. Trovare,cioè, formati mediali poco dispendiosi esenza particolari richieste in fatto diplayer (plug-in), in modo che, l'audio e ilvideo, siano eseguibili "per default" daibrowser.Tale richiesta, dal punto di vista pratico,non può non farci tornare a parlare di au-dio in standard .mp2 e del video in for-mato .mpg.Nello specifico in questa prima occasio-ne abbiamo attrezzato il nostro media-LAB su C&Vweb'98 utilizzando l'audio-editor Cool Edit 96 (con il relativo plug-infilter .mp2) e provvedendo alla conver-sione, da .wav-pcm a .mp2, di una seriedi file-campioni.Come abbiamo avuto più volte occasio-ne di ripetere, quella ottenuta per con-versione da file preesistenti (e tradizio-

264 MCmicrocomputer n. 183 - aprile 1998

OK

Evob

U.Qefd·1

••

Sony Nel YklIU, Int~ WOE. rAt)'mtlnx OVP. Dupleu MPEG.

mediaWARE: controlloHTML, ottimizzazionepalette ed MPEGBrowserola (per la verifica della com-patibilità del codice HTML sviluppatorispetto a tutte le versioni di Explorere Navigator); JPEG-Optimizer (per ri-durre, mediamente del 50%, la ridon-danza della palette delle immagini

HTML12InI.",.IE"l'b •• l.0I•.•••••••••E"l'b •• 2.0I•.••••••• E"l'b" 3.0InleJ •••••E"l'b.' 4.0N_1.0N_1.1Net",-2.0N_lONel",-4.0

SoIo<l61 I Seloctllono I i -- - I- ---------'

r Eoable Enor Proleclicn 1'7 QriginaI Materialr ~MateriaI r JO •.••SI"'.~

MPEG EocodCl Oplonos EJ

@mputer;,.",wYideo -98IC&Vintlex Il. "._IIMC-UHkl

Figura IO - Browserola al lavoro. Sull'home-page di C&Vweb'98 di febbraiostiamo verificando i livelli di compatibilità con le varie versioni di browser.Cliccando sui vari bottoni in basso a sinistra che Browserola esegue inoverlay sul browser utilizzato appaiono le sigle delle versioni dell'HTML, diNavigator e di Explorer che è possibile testare.

Figura 8 - MP2filter per CoolEdit '96 I para-metri consigliatiper la conversio-ne in Layer-IIdei nostri file.wav-pcm

Figura 9 - Brow-serola. Le variepossibilitàd'emulazione ef-fettuabili dall'uti-lity. Da tutte leversioni ufficialidell'HTML a tut-te le versioniprincipali di Ex-plorer e Naviga-tor, dalla versio-ne l. Oalla versio-ne 4.0 di entram-bi ibrowser.

D.ota RateJCompreuicn Ratio

132 K·bitol~, 1.02 bitolsampleL..- ••Non standard bitrate

camo Entrambe lesoluzioni difatti de-notavano forti limi-tazioni qualitative,come ad esempiouna resa vocale"metallica" ed unabbattimento dellefrequenze medio-al-te che, al contrario,Layer-II e Model 2AT&T riescono acontenere conmaggiore efficacia.I file compressi, uti-lizzando i valori indi-cati prima, sono oradisponibili sulle pa-gine del mediaLABdi C&Vweb'98 difebbraio, pronti asfidare il giudiziodei visitatori. Si trat-ta di alcuni file disintesi vocale ed al-tri musicali che tro-verete impostatiall'interno di una pa-gina dedicata. Su ta-le pagina è tra l'altroattivo il "preset"con il codice Java-Script per l'esecu-zione automaticadei file (cioè senzacaricare il MediaPlayer, ma solo in-vocandone il canaleMCI) che abbiamopresentato nell'arti-colo apparso sul n.181 di MCmicro-computer.Dalla stessa pagina,dopo aver ascoltatotutti i file, sarà pos-sibile scaricare sia lozippato del "preset"che quello del filtroMP2 per Cool Edit96. Per quanto inve-ce riguarda il down-load dell'applicativodi editing bisognerà rivolgersi all'URLhttp://www.syntrillium.com.Dal punto di vista della riproduzione, i fi-le .mp2 vengono letti da Explorer diret-tamente attraverso ActiveMovie. AI con-trario, per quanto concerne la loro lettu-ra attraverso Navigator è probabile chesi dovrà ricorrere all'inserzione di unplug-in (rintraccia bile accettando il cari-camento automatico della pagina cheNetscape dedica alla lista dei plug-inplayer).

nalmente acquisiti al meglio dei 16 bit a22.05 kHz dal formato .wav-pcm) è unasintesi .mp2 che sarà sempre qualitativa-mente inferiore ad una ottenuta su ma-teriale .raw o a livello di qualità CDaudio.Suo malgrado è proprio basandolo su ta-le limite che il riscontro positivo ottenutosulle codifiche effettuate ci permette digarantire l'ottima qualità e quindi la pienautilizzabilità del file .mp2.AI contrario, quando è possibile lavorareex novo su di una sintesi sonora sarà be-ne procedere all'acquisizione attraversoparametri da "CDaudio" (44,1 kHz per16 bit in modalità stereofonica).I file così ottenuti (che sono sempre dei.wav-pcm, benché pesantissimi!) potran-no essere ricompressi in Layer-II conuna qualità finale sicuramente superiorea quella di un .wav-pcm acquisito a22,05 kHz ed ancora di più alla conver-sione di quest'ultimo in un Layer-II equi-valente da 32 Kbit/sec. La cosa ci sem-bra evidente.Se in generale il Layer-II appiattisce la di-namica rispetto ad un .wav-pcm originale(da 22,05 kHz per 16 bit) a maggior ra-gione l'appiattirà allorché, dovendoneforzare lo "streaming" in rete, imporre-mo una compressione tale da far produr-re conversioni riproducibili a meno di 32Kbit/sec (4 Kbyte/sec).Il nostro esperimento, basandosi propriosu tali differenziazioni, nella pratica è pro-ceduto da una serie di acquisizioni di file.wav-pcm fatte ex novo a 44,01 kHz instereo e da una serie di file preesistenti,sempre in standard .wav-pcm, ma di ri-s.oluzione pari a 22.05 kHz. Entrambe lecategorie di file sono quindi state conver-tite in .mp2 utilizzando l'MP2-filter diCool Edit 96 ed imponendo un data-ratemassimo di 32 Kbit/sec.I risultati, così com'è possibile verificarecon le proprie orecchie su C&Vweb'98,sono stati mediamente buoni. Eccellentiaddirittura allorché si sono convertiti inLayer-II i file di qualità CDaudio. In que-sto caso il segnale .mp2 risulterà oggetti-vamente migliore rispetto ad un .wav-pcm ottenuto anch'esso per conversionedal "wave-CDaudio" originale.Nel caso che si voglia procedere per pro-prio conto in questo piccolo laboratorio,va qui consigliato l'utilizzo del filtro MP2di Cool Edit adottando la seguente com-binazione di valori parametrici:- compressione: Layer-II- resa psicoacustica: Model2 AT&T- De-emphasis for decoding: None- Data-Rate: 32 Kbit/sec (1.02 bit/sam-pie).Tale consiglio deriva direttamente dallaserie di prove effettuate, sia in Layer-Iche con resa attraverso il modello Musi-

MCmicrocomputer n. 183 - aprile 1998 265

Figura Il -JPEG Opti-mizer al lavoro. Benchél'immagine sulla sinistrasia già una .jpg com-pressa in circa 95 Kbyte,sulla destra l'utility d'ot-timizzazione ci rende inpreview la qualità di unariduzione al 4 % della pa-lette e che farebbescendere il tagliodell'immagine a circa 55Kbyte.

con la specifica versione del browsertestato.Con la seconda utiiity, il Jpeg Optimi-zer (jpgopt12.zip - 929 Kbyte), si cercadi rendere all'utilizzatore la massimacompressione finale possibile con ilformato JPEG.Il funzionamento di JPEG Optimizer èquanto di più facile ci sia. Aperta l'im-magine da comprimere (in qualsiasiformato essa sia) verrà immediata-mente visualizzata della stessa una re-sa in preview dell'equivalente che siotterrebbe con l'ottimizzazione opera-ta dal Jpeg Optimizer. Il valore inizialeimposto dall'utility è, per default, parial 30%, ma può essere variato spo-stando lo slide orizzontale Small-File/Large-File. Ad ogni modifica per-centuale verrà immediatamente resala corrispondente immagine ottenibilecon il livello di compressione definito.Tale "WYSIWYG" consente all'utiliz-zatore di verifica all'istante il manteni-mento o il degrado qualitativo impostoall'immagine ad ogni variazione per-centuale del compressore. Una voltache si ritiene di aver ottenuto un buonequilibrio tra la qualità dell'immagine eil rapporto di compressione (espressosia in percentuale che in byte equiva-lenti) si potrà procedere al salvataggiodel file.Il terzo applicativo di questa mini-ras-segna mensile è l'LSX-MPEG Encoder(mpgsetup.exe 1,69 Mbyte), un con-vertitore da file AVI a streaming audio-visivi in formato MPEG-l e MPEG-2.Tra le caratteristiche di spicco dell'ap-plicativo va senz'altro annoverata l'ec-cellente velocità con cui opera nellefasi di conversione, essendo LSX-MPEG Encoder in grado di rilevare lapresenza di una CPU in tecnologiaMMX. A livello operativo, oltre alle op-zioni per il settaggio dei parametri (nu-mero di frame al secondo, bit/rate vi-deo, ecc.) il convertitore LSX è in gra-do di fornirei il file finale sia in versio-ne .mpg che in codifica separataCm 1v-video e mp2-audio).

flo~

~ 'f:'-) ~ fiO::J ~:..

le varie versioni di Netscape ed Explo-rer faranno vedere le pagine HTML danoi create. Tutto ciò, ovviamente, sen-za che si possiedano tutte le versioniinstallate nel proprio computer!Il funzionamento in emulazione (mul-ti)browser offerto da Browserola èmolto semplice e si basa su di una ta-vola di riferimento dei TAG supportatida ciascun browser e le relative ver-sioni intermedie. Procedendo all'anali-

si dei documentiHTML, Browserolaconfronta i TAG li-stati nella tavola diriferimento e quin-di elimina, browserper browser, quelliche la specificaversione non è ingrado di supporta-re. Come risultatofinale, al terminedell'analisi di com-patibilità Browse-rola genererà undocumento "emu-lato" (equivalentealla page HTML te-stata) perfetta-mente compatibile

I~OUTAJTFMJ::

JC-~"""'- ~fi1 •• (" •••. 2 ç ,,",I l Advaud I

Ilft.G\III)(O ENCOOIMGINfIROGAESS

•••• YWu •••

•••••••••••••••••

F_Sa FI••• Ol.Iri\ord~.-. ~ ,__ ..- p;r---:1

v.o~h~

Figura 12 - La scherma-ta di lavoro di LSXMpeg Encoder, velocis-simo converter Avi/MPEG capace di rileva-re la presenza di unaCPU dotata della tecno-logia MMX (da notare illago in alto a destra chedenota l'avvenuto de-tect dell'estensionehardware multimediale).

Figura 13 - Un freeze-fra-me da un filmato AVIconvertito MPG da LSXMPEG Encoder.

compresse in JPEG) e quindi LSX-MPEG Encoder (un convertitore da fileAVI a streaming audiovisivi in formatoMPEG-1-2).Sono questi g1i applicativi selezionatiper la rubrica mediaWARE di aprile.Tre utility comunque interessanti edaffida bili e delle quali il download è ef-fettuabile direttamente dal sito dedica-to di C&Vweb'98.Vediamoli un po' più nel dettaglio.Se producete pagine HTML e non nepotete realmente più di' correre dietroai problemi di compatibilità tra le dop-pie o quadruple versioni dei browser,con Browserola (brolal 01.zip - 970Kbyte) è probabile che possiate final-mente rilassarvi. L'utility difatti nasceproprio per verificare i livelli di compa-tibilità di una page HTML rispetto atutte le versioni di Navigator e di Ex-plorer che si sono fin qui succedute.In parole povere si tratta di un vero eproprio emulatore di browser attraver-so il quale è possibile verificare come

IMii.I'lIIiCWlI!I,!II·l:Ii@lI!"II'lIlfflIlY·iIIll,iI,wlll@.a I[;Jm1flo_v;o.lloO

~~.!J

I

266 MCmicrocomputer n. 183 - aprile 1998

All'interno dei TAG <HEAD> e </HEAD>

<SCRIPT>

/condizione per l'inserimento dinamico di due bottoni ani-mati

if (document.images) {doc2 = new Image()doc2.src = "frame01a.gif"

liiiII Dall'immagine "A" con eltp a sl.nlltra._

__all'Immagine "S" con cltp • destra

0lrrID DlI1rnmIglne "A" con colori origin"DiDI _tI"'Imm:Igine "'S" In ntgltiwo

}

}

}

Figura 15 - L'insieme dellequattro coppie di gif checaratterizzeranno la seriedi immagini "a" ed imma-gini "b" del preset Java-Script "AnimLink ".

onMouseOver

Dalrlnwn •.•• "A" In bianco. net'O._•.•• 'ln1lmlgIne"8" • oolon

DA PIAZZA 061. POPOLO •••

Ciò che con un nuovopreset (denominatoAnimLink) vi suggeria-mo di realizzare sonosempre link basati sul-le immagini ma, inve-ce che di una singola estatica gif, provia-mo ad utilizzare una soluzione a due gifper ogni link. Due gif che, a seconda delpassaggio o meno del cursore del mou-se sull'area attiva, si alterneranno sulloschermo producendo un effetto dinami-co decisamente accattivante.Dal punto di vista del codice di controllotutto sta nell'impostare due funzioni, le-gate ad una condizione (if) che va a ve-dere se, come immagine sorgente, è daconsiderare quella controllata dalla fun-zione "a" o quella controllata dalla fun-zione "b". La condizione che stabiliscequale delle due immagini risulta da mo-strare è imposta dai gestori di eventi on-MouseOver e onMouseOut. Il primo ge-store entra in funzione (e richiama l'atti-vità della funzione "a") ogni qual voltache il mouse attraversa l'area attiva dellink. Il secondo, al contrario, è attivo intutte le fasi in cui il mouse è fuoridall'area attiva del link stesso. Se il mou-se è sull'area attiva (onMouseOver)verrà invocata la funzione "a" che a suavolta farà visualizzare l'immagine "a". Vi-ceversa, se il mouse è fuori dall'area (on-MouseOut) verrà invocata la funzione"b" che a sua volta farà visualizzare l'im-magine "b".A conferma di tutto ciò si scorrano leparti inerenti il codice in JavaScript inse-rite nella tabella di figura 14 e quindi sipassi ad osservare le quattro coppie diimmagini presenti in figura 15. Tali im-magini sono le stesse che abbiamo utiliz-zato nella realizzazione della pagina di-mostrativa del codice "animlink". Il tutto,codice ed immagini, oltre che nella pageHTML online, è disponibile anche in unfile zippato il cui contenuto può quindiessere scaricato, decompresso ed utiliz-zato a piacimento. lì:;'!S

mediaGAME:AnimLink, un presetper i link animatiUna gif usata come link per indirizzare lanavigazione verso altre pagine o altri siti.Quante volte usia'mo tale soluzione, alposto di una parola sottolineata, per ab-bellire un po' i link delle nostre pagine?

Figura 14 - Tabella del co-dice in JavaScript per larealizzazione dei bottonianimati.

/Primo bottone

/Secondo bottone<a href="it01tp02.htm" target="fototour" onMouseOver="So-pra(l)" onMouseOUt="Fuori(l)" target="TEXT"><img src="frame02a.gif" border=OALT="Vista dall'alto del Circo Massimo">

function Fuori(i) {if (document.images) {

var thang = document.images[i].srcvar on = thang.lastIndexOf("b")if (on != -1) {

document.images[i].src = thang.substring(O,on) + "a" + ".gif"

<a href="it01tp01.htm" target="fototour"onMouseOver="Sopra(O)" onMouseOUt="Fuori(O)" target="TEXT"><img src="frame01a.gif" border=OALT="Panoramica del Circo Massimo"></A>

nel <BODY>

function Sopra(i) {if (document.images) {

var thang = document.images[i].srcvar off = thang.lastIndexOf("a")if (off != -1) {

document.images[i].src = thang.substring(O,off) + "b" + ".gif"

}</SCRIPT>

/istruzione delle due funzioni di controllo degli eventiOver e OUt

doc3 = new Image()doc3.src = "frame02a.gif"

}

LSX-MPEGEncoder, giàin linea per ildownload,sa rà uti Iizza-

to, in alternativa allo Xing MPEG Enco-der, in occasione del mediaLAB dedi-cato alle codifiche .mpg per il videodelle Personal Page. Scaricandolo po-trebbe già avvantaggiarvi con delleprove preliminari.

MCmicrocomputer n. 183 - aprile 1998 267