Tutkailemme joitain esimerkkejä käsityönä toimivista videon jakelutekniikoista. Tässä tarkoitamme menetelmiä, joissa teemme kaikki tarpeelliset toimenpiteet käsin. Päämääränä on laittaa videomme verkkopalvelimelle ja julkaista tekstitykset, mikäli ne ovat erillisiä.
Videoon poltetun tekstityksen julkaiseminen
Oletamme, että olet polttanut tekstitykset videoon itseensä. Tämän lisäksi tarvitset FTP-tilin verkkopalvelimella, johon aiot ladata videot. Aiomme julkaista videomme verkossa, jotta kuka tahansa voi ladata sen, ja luoda selaimella toimivan HTML-pohjaisen esikatselun. Tämän lisäksi tarjoamme linkin videon lataamiseen. Tämän kaiken tekeminen vaatii muutaman askeleen.
1. Muunna videosi Ogg Theora -videokoodekkiin.http://fi.flossmanuals.net/ffmpeg2theora/
ffmpeg2theora on muunnosohjelma, jolla monia videokoodekkeja muutetaan Ogg Theoraan.
Theora-keittokirja voi myös antaa sinulle ideoita ja vinkkejä Theoran kanssa työskentelemisestä:
http://fi.flossmanuals.net/ogg-theora/
Tämän askeleen lopputuloksen pitäisi olla URL, jolla voit viitata julkisesti saatavilla olevaan videoosi, joka on verkkopalvelimellasi. Voit antaa tämän URLin ihmisille, jotta he voivat ladata videosi.
Luo yksinkertainne HTML-verkkosivu videosi katseluun.
Mahdollistaaksesi Theora-videon esikatselun verkossa voit käyttää ainakin kahta menetelmää. Yksi on Cortado, Java-sovelma, joka antaa verkkoselaimien katsella videota verkkosivulla. Katso lisää tästä menetelmästä Theoran keittokirjasta:
http://fi.flossmanuals.net/ogg-theora/ch014_html5
Toinen tapa on käyttää uusimman HTML5-standardin <video> -tagiä, jota Firefox ja Safari (Xiph Qt-komponenteilla) tukee:
http://www.xiph.org/quicktime/
Voit nähdä Ogg Theora -kirjassa tarpeellisen HTML5-koodin, jonka joudut laittamaan palvelimellesi:
http://fi.flossmanuals.net/ogg-theora/ch014_html5
Yksinkertainen HTML-dokumentti näkyy alla. Se esittelee <video> -tägin. Sinun tulisi käyttää URLissa, jonka sait kohdassa 2, esimerkin URLin http://my-server.org/video.ogm tilalla.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>My Video Test</title></head> <body> <video src="http://my-server.org/video.ogm" width="480" height="320" autoplay="autoplay" controls="controls"> Sorry, your browser does not support the video tag. Try using Firefox 3.5+ </video></body> </html>
Voit nähdä toimivan esimerkin täällä:
http://andycat.engagemedia.org/videotranslation/example1.html
Sinun tulisi tutkia tuon verkkosivun HTML-lähdekoodia nähdäksesi viitteen todelliseen Theora-videoon, joka on tässä tapauksessa linkki EngageMedia.orgin palvelimella olevaan videoon.
Ulkoisen tekstitystiedoston laittaminen verkkoon videon kanssa
Oletamme, että et ole polttanut tekstityksiäsi videoon itseensä, eli sinulla on kenties useampia tekstitystiedostoja (SRT-muodossa) ja video. Lisäksi sinulla on FTP-tili palvelimella, jossa voit pitää verkkosivuja ja tiedostoja. Aiomme julkaista tekstitetyn videon verkossa ja antaa kenen tahansa ladata sen, sekä näyttää heille HTML-esikatselusivun verkkoselaimessam sekä linkin videon lataamiseen. Tämä vaatii muutamia askelia.
- Muunna videosi Ogg Theora -videokoodekkiin.
- Sinun tulisi aloittaa viemällä videosi Ogg Theoraan, mitä tahansa videoeditoria käytätkin. Jos sinulla on jo viety videotiedosto, mutta se ei ole Ogg Theora -muodossa, tahdot ehkä katsoa ffmpeg2theora-käyttöopasta FLOSS Manualsissa:
ffmpeg2theora on muunnosohjelma, jolla voit transkoodata eri videokoodekkeja Ogg Theoraan.
Theoran keittokirjassa on myös joitain ideoita ja vinkkejä, joista voit hyötyä Theora-videon parissa työskennellessäsi: http://fi.flossmanuals.net/TheoraCookbook/Introduction
- Videon siirtäminen palvelimellesi File Transfer Protocol (FTP) -tiedostonsiirtoprotokollan avulla. Oletetaan, että sinulla on käyttäjänimi ja salasana, ja voit siirtää videotiedostosi ja tekstitystiedostosi verkkopalvelimelle. Jos tarvitset apua FTP-asiakasohjelman asentamisessa ja käytössä, katso FireFox-käyttöopasta FLOSS Manualsissa, varsinkin kohtaa, jossa käsitellään FireFTP-lisäosan käyttöä:
http://fi.flossmanuals.net/Firefox/FireFtp
Tämän askeleen lopputuloksena pitäisi olla URLeja, joilla voit viitata julkisesti saatavilla oleviin video- ja tekstitystiedostoihisi, jotka ovat verkkopalvelimellasi. Voit antaa nämä URLit ihmisille, jotta he voivat ladata videosi ja tekstitystiedostosi.
- Yksinkertaisen HTML-verkkosivun tekeminen videon esikatselua varten.
Theora-videon esikatselun mahdollistamiseksi on kaksi tapaa. Yksi on käyttää Cortadoa, mutta Cortado ei valitettavasti näytä vielä tekstityksiä.
Toinen tapa on käyttää viimeisimmän HTML5-standardin <video> -tägiä, jota tukee Theoralle Firefox 3.5 ja Safari 4 (Xiph QT -komponenteilla):
http://www.xiph.org/quicktime/ ja prototyypiasteella olevat JavaScript-teknologiat tekstien näyttämiseksi synkronisoituna videon kanssa.
Esikatselua varten tarvittava HTML-koodi löytyy Theoran keittokirjasta:
http://fi.flossmanuals.net/TheoraCookbook/HTML5
Alla näkyy yksinkertainen HTML-dokumentti, joka sisältää <video> -tägin. Sinun tulisi käyttää kohdassa 2 saamasi URL esimerkissä olevan URLin http://my-server.org/video.ogm sijasta.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>My Video Test</title></head> <body> <video src="http://my-server.org/video.ogm" width="480" height="320" autoplay="autoplay" controls="controls"> Sorry, your browser does not support the video tag. Try using Firefox 3.5+ </video></body> </html>
- HTML5 -videotägi ja SRT-tiedostoformaattiteknologiat.
Voimme nyt muokata edellisen HTML-sivun, joka sisältää videotägin, sisältämään SRT-tiedostomme dynaamisesti, jotta se näkyy videossa.
Huomaa ensin, että integroimme JQueryn - GPL-JavaScript-kirjaston, joka on saatavilla osoitteesta (http://jquery.com/), ja esimerkkinä olevan JavaScript-sovelluksen, joka näyttää tekstitykset verkkosivulla SRT-tiedostosta, ja on saatavilla osoitteesta:
http://v2v.cc/~j/jquery.srt/jquery.srt.js
Yksinkertainen HTML-dokumentti näkyy alla, se sisältää muutoksen JavaScript-tiedostojen liittämiseen ja viittaamiseen tekstitystiedostoosi. Vain yhteen tekstitystiedostoon voidaan viitata kerrallaan, paitsi jos tahdot kehittää sitä pidemmälle JavaScriptin avulla. Kustomoidaksesi tätä pidemmälle videotasi ja tekstitystäsi varten sinun tulisi käyttää kohdassa 2 saamiasi URLeja esimerkkiURLien http://my-server.org/video.ogm ja http://my-server.org/video.srt tilalla.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>My Video Test</title> <script type="text/javascript" src="http://v2v.cc/~j/jquery.srt/jquery.js"></script> <script type="text/javascript" src="http://v2v.cc/~j/jquery.srt/jquery.srt.js"></script> </head> <body> <video id="video" src="http://my-server.org/video.ogm" width="480" height="320" autoplay="autoplay" controls="controls"> Sorry, your browser does not support the video tag. Try using Firefox 3.5+ </video> <div class="srt" data-video="video" data-srt="http://my-server.org/video.srt"> subtitle content </div> </body> </html>
Voit nähdä toimivan esimerkin täällä:
http://andycat.engagemedia.org/videotranslation/example2.html
Sinun tulisi tarkastaa HTML-lähdekoodi tällä verkkosivulla nähdäksesi viittauksen oikeaan Theora-videoon ja oikeaan SRT-tiedostoon.
Alkuperäinen esimerkki SubRip (.srt) -tekstityksen näyttämisestä Ogg Theora -videossa, käyttäen HTML5-tägiä, löytyy osoitteesta:
http://v2v.cc/~j/jquery.srt/
Tutkiaksesi avoimien standardien ilmaantumista verkkovideoita varten HTML5:ssä, katso whatwg-postilistoja, varsinkin keskustelua verkkovideon tekstityksistä:
http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-February/018600.html
http://wiki.whatwg.org/wiki/Video_accessibility