Videoiden tekstitys

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