Undertekster med JavaScript

Undertekster med JavaScript (jquery + jquery.srt + mine ændringer) kan sætte SRT undertekster på video og lyd

Introduktion

Denne side handler om at vise undertekster med JavaScript som man man bruge indtil browserne understøtter <track>.

Se eventuelt også <video> <track>.

Demo

Her er nogle eksempler som bruger JavaScript til at vise undertekster.
<VIDEO> + SRT UNDERTEKSTER MED JAVASCRIPT
<AUDIO> + SRT UNDERTEKSTER MED JAVASCRIPT

JavaScript undertekster

Da browserne ikke understøtter <track> så godt endnu så kan man bruge JavaScript til at vise undertekster imellem tiden.

I dette eksempel bruges jquery-1.11.0.min.js og jquery.srt.js til at vise undertekster i SRT format (.srt).

Jeg har ikke kunne finde en opdateret version af jquery.srt.js filen så jeg har selv lavet nogle rettelser i filen så det virker i både Firefox, Opera, Safari, Chrome og Internet Explorer.

Her ses et eksempel på koden til at vise undertekster på en video.


Filen "undertekster.srt" kan man selv lave ved at se videoen og skrive hvad der bliver sagt og hvornår det starter og slutter.
Du kan se i eksemplerne her på siden hvordan du skriver sådan en fil.

Her ses et eksempel med <video> og JavaScript undertekster.

Her ses et eksempel med <audio> og JavaScript undertekster.
Jeg har lavet tidskoderne så teksten vises 0,5 sekunder før de synges. På den måde kan man lettere følge med når næste tekst synges.




Når browserne engang understøtter <track> kan man ændre sin kode til den tid og bruge de samme undertekstfiler uden de store ændringer.

Her er underteksterne.
buyascooter_en.srt 2 KB buyascooter_da.srt 2 KB casper_og_mandrilaftalen_da.srt 3 KB straighttothelight_en.srt 2 KB

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.