3 Panoraaman julkaiseminen

Tämän ohje kertoo kuinka voit lisätä joko kaksi- tai kolmiulotteisen panoraaman webbisivuillesi. 

Panoraamojen julkaiseminen on hyvin helppoa. Tämä ohje olettaa sinun kuitenkin tietävän html-kielen perusteet, sillä ilman kielen perusteiden tuntemista panoraamojen lisääminen webbiin on vaikeaa. 

Tähän kysymykseen ei ole yksiselitteistä vastausta. Nykyisin suurin osa webbisivuista kuitenkin suunnitellaan katseltaviksi 800*600 -resoluutiolla (tarkoittaa: monitorin kuva muodostuu 800:sta vaakatasossa olevasta kuvapisteestä (eli pikselistä), ja 600:sta pystytason kuvapisteestä. Niinpä olisi loogista pitää 2-ulotteisen panoraamasi resoluutio alle 800:ssa pikselissä (itse käytän 750 pikseliä vaakasuunnassa). Näin kuvat näkyvät mukavasti suurimmassa osassa surffareiden näyttöjä - kuvaa ei tarvitse tihrustaa suurennuslasilla, eikä kuvaa tarvitse vierittääkään...

Yksinkertainen ja selkeä vastaus: JPEG-muotoon, käyttämällä n. 10% pakkausta. Älä koskaan tallenna valokuvia GIF-muodossa, sillä tuolloin kuvien värisyvyys laskee vain 256 väriin, ja kuva näyttää kamalalta. Voit käyttää JPEGiä käyttäessäsi myös ns. interlace-toimintoa, jolloin kuva lomittuu. Käytännössä kuva latautuu yhtä hitaasti, mutta se näyttää jo latautumisen alkuvaiheissa kuvasta matalaresoluutioista informaatiota, ja käyttäjä voi päättää, josko hän odottaa kuvan latautumisen loppuun saakka. Lomitus = hyvä seikka, mutta vanhimmat selaimet eivät ymmärrä lomitettuja kuvia. 

Kolmiulotteisen panoraaman luodaksesi tarvitset kokonaisen ympyräpanoraaman, eli 360 astetta näyttävän kuvan. Älä siis yritä julkaista osittaispanoraamoja 360-asteisina.

Markkinoilla on useita 3D-panoraamoja näyttäviä menetelmiä, joista esimerkkeinä toimivat mm. Applen kehittämä QTVR ja LivePicture:n javaan perustuva menetelmä. 

Osa menetelmistä vaatii vain javan toiminnan selaimessa, toiset taas vaativat ns. pluginin asentamisen selaimeen. Java-pohjaiset metodit ovat siis riippumattomia selaimesta, eivätkä ne vaadi käyttäjää asentamaan mitään selaimeensa. 

Itse koen parhaimmaksi Applen QTVR:n sen suuren suosion sekä kuvanlaadun suhteen. Applen Quictime vaatii kyllä plugin selaimessa, mutta se on niin suosittu nykyisin, että ko. ohjelma tulee monesti jo tietokoneenkin mukana - eikä käyttäjän siis tarvitse huolehtia sen asentamisesta ollenkaan.

Voidaksesi luoda kaksiulotteisesta kuvasta kolmiulotteisen, koneessasi tulee olla asennettuna Quicktime (web-authoring paketin kanssa). Tämän lisäksi tarvitset ohjelman, joka muuttaa kaksiulotteisen kuvan kolmiulotteiseksi. Tähän sopii mm. jo edellämainittu ImageAssembler. 

Muuntaaksesi edellisellä sivulla luomamme kuvan Quicktime-muotoon, lisää jo olemassaoleva kuva ImageAssemblerin uuteen projektiin ja valitse "360 asteen kierto" allaolevan kuvan mukaisesti.

Klikkaa "OK", ja valitse avautuvasta ikkunasta "Images"-välilehti. Klikkaa "Add+" -painiketta, ja tuo projektiin aiemmin rajaamasi kuva. 

Siirrä kuvan päälle ilmestynyttä kehikkoa seuraavaksi niin, että "liput" merkitsevät samaa kohdetta kuvien äärilaidoissa. Katso allaolevaa esimerkkiä.

Kun olet merkinnyt kuvasta yhtäläisyyskohdat, anna käsky "File >> Save Image As" -toiminto. Valitse avautuneesta ikkunasta "Save As Type: Quictime VR Panorama (*.mov)" -tiedostomuoto. Anna tiedostolle nimi ja tallenna kuva. Seuraavaksi avautuu allaoleva ikkuna: 

Voit halutessasi muuttaa kuvan ominaisuuksia. Sorenson-pakkausalgoritmi on kuitenkin suositeltava, sillä se on ko. pakkausmetodeista uusin ja vähiten tilaavievä (puhumattakaan loistavasta kuvanlaadusta!). 

Tehtyäsi valinnat ylläolevassa ikkunassa tietokone alkaa muuntamaan kuvaa mov-muotoon. Jos koneessasi ei ole Quicktime authoring-pakettia, kone ei pysty tekemään panoraamaa, ja niinpä sinun täytyy ensin asentaa ko. paketti. Muussa tapauksessa, jos kuva ei ole liian suuri (olen onnistunut tekemään muistaakseni n. 6000 pikseliä leveästä kuvasta mov-tiedoston), pian kovalevyllesi pitäisi ilmestyä ko. 3d-panoraama, ja voit esikatsella sitä kaksoisklikkaamalla ko. tiedostoa.

Panoraaman julkaiseminen webissä vaatii aloittelijan html-taitoja. Se ei siis ole vaikeaa: sinun tulee ainoastaan lisätä webbisivullesi <EMBED> -tägi.

Alla on esimerkki embed-tägin käytöstä. Huomaa, että esim. pan-, fov- ja tilt -optiot ovat valinnaisia.

<EMBED SRC="panoraama.mov" controller="true" 
height="316" width="400" border="0" 
BGCOLOR="#000000" PAN="100" FOV="65" TILT="6">

Yksityiskohtaisempi lista ylläolevista embed-tägien attribuuteista löytyy Applen Quicktime Authoring -sivuilta.

Tarkasta luomasi sivun toimivuus eri selaimilla.
Eri selaimet näyttävät embed-käskyn sisällön hieman eri tavalla. Tarkasta siis tuotoksesi toimivuus!

Ja mikä onkaan mov-tiedoston koko???
Mieti luomasi mov-tiedoston kokoa. Kuvakoon ollessa liian suuri kukaan ei viitsi imuroida sitä! Mieti, kenelle olet tarkoittanut kuvan katseltavaksi: heillekö, joilla on ethernet- tai adsl-yhteys - vai myös heille, jotka katselevat kuvaa 28,8kb modeemilla? Parin sadan kilotavun kuvaa jaksaa odottaa, mutta monimegaista kuvaa odottaessa menevät hermot...