Videoihin voidaan lisätä iDiDissa tekstitys WebVTT-muodossa
Joissain tapauksissa on tarve lisätä videoihin tekstitys. Usein tekstitys onkin infonäytöillä parempi ratkaisu kuin ääniraita, joka saattaa aiheuttaa ärsytystä silloin, kun ne kuuluvat toistuvasti samojen henkilöiden korviin.
WebVTT on yleisesti www-sivuilla käytetty tapa tekstityksen lisäämiseen, ja sitä voidaan hyödyntää myös iDiDissa.
WebVTT-tekstityskoodi lisätään editorissa videoelementin ominaisuuksiin kopioimalla ja liittämällä:
WebVTT-tekstityksen perusmuoto
Oheinen WebVTT-tekstityskoodi sisältää ensin tyylimäärittelyt, miten tekstitys muotoillaan. Käytä siinä fontin nimeä juuri siinä muodossa kuin se on iDiD-editorin tekstielementin fonttivalikossa.
Tyylimuotoilujen jälkeen alkaa itse asia eli tekstitykset: Ensin määritellään aikaväli (minuutit:sekunnit.osat), jonka aikana teksti näkyy, ja sen alla olevalla rivillä näytettävä teksti.
Esimerkki yksinkertaisesta WebVTT-tekstityskoodista:
WEBVTT
STYLE
::cue {
color:#FFF;
background:transparent;
text-shadow:0 0 5px #000;
font-family: "Open Sans";
font-size:32px;
}
00:00.000 --> 00:03.000
Tässä testataan,
00:04.000 --> 00:10.000
kuinka tekstitys toimii.
00:12.000 --> 00:17.000
Aika kiva, vai mitä?
Monikieliset tekstitykset
Esimerkiksi kosketusnäyttöaineistoissa saatetaan tarvita saman videon tekstitystä useammalla kielellä. Sitä varten lisätään erikseen tekstitystiedot kutakin kieltä varten. Logiikka on sama kuin eri kielten lisäämisessä tekstielementeille.
WebVTT:n erityismäärittelyt
Suurimpaan osaan videoista riittää perusmuodossa tehty tekstitys. Mikäli haluat hyödyntää monipuolisemmin WebVTT:n ominaisuuksia, hyödynnä tarkempaa dokumentaatiota osoitteesta https://www.w3.org/TR/webvtt1/
Luotu 22.4.2022 TP
Päivitetty 17.5.2022 TP