-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathimagine.html
52 lines (51 loc) · 2.75 KB
/
imagine.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Karin - Imagine</title>
<link href="css/default.css" rel="stylesheet">
</head>
<body>
<div id="mediacontainer">
<img id="image" src="media/imagine.jpg" alt="image">
<iframe src="" allow="autoplay" style="display:none" id="iframeAudio">
</iframe>
<div id="subtitles">
<div id='nl'>Dutch</div>
<div id='en'>eng</div>
</div>
</div>
<script>
audio={loop_after: 20,source:"media/imagine.mp3"};
subtitles=[
{from: 13.0, to: 18.0, nl: "Stel je voor dat er geen hemel is", en: "Imagine there's no heaven"},
{from: 19.0, to: 25.0, nl: "Het is makkelijk als je het probeert", en: "It's easy if you try"},
{from: 26.0, to: 31.0, nl: "Geen hel onder ons", en: "No hell below us"},
{from: 32.0, to: 39.0, en: "Above us only sky", nl: "boven ons alleen lucht"},
{from: 40.0, to: 44.0, en: "Imagine all the people", nl: "Stel je voor dat alle mensen"},
{from: 45.0, to: 50.0, en: "living for today", nl: "voor vandaag zouden leven"},
{from: 51.0, to: 56.0, en: "Imagine there's no countries", nl: "Stel je voor dat er geen landen zijn"},
{from: 57.0, to: 62.0, en: "It isn't hard to do", nl: "Het is niet moeilijk om te doen"},
{from: 63.0, to: 69.0, en: "nothing to kill or die for", nl: "niets om voor te doden of sterven"},
{from: 70.0, to: 75.0, en: "and no religion too", nl: "en ook geen religie"},
{from: 76.0, to: 81.0, en: "Imagine all the people", nl: "Stel je voor dat alle mensen"},
{from: 82.0, to: 87.0, en: "Living life in peace", nl: "in vrede zouden leven"},
{from: 88.0, to: 95.0, en: "You may say I'm a dreamer", nl: "Je mag zeggen dat ik een dromer bent"},
{from: 96.0, to: 101.0, en: "But I'm not the only one", nl: "Maar ik ben niet de enige"},
{from: 102.0, to: 109.0, en: "I hope some day you'll join us", nl: "Ik hoop dat je op een dag met ons mee doet"},
{from: 110, to: 114.0, en: "And the world will be as one", nl: "en de wereld zal als één zijn"},
{from: 115, to: 119.0, en: "Imagine no possessions", nl: ""},
{from: 120, to: 127, en: "I wonder if you can", nl: ""},
{from: 128, to: 132, en: "no need for greed or hunger", nl: ""},
{from: 133, to: 138, en: "a bortherhood of man", nl: ""},
{from: 139, to: 144, en: "Imagine all the people", nl: "Stel je voor dat alle mensen"},
{from: 145, to: 150, en: "sharing all the world", nl: ""},
{from: 151, to: 157, en: "You may say I'm a dreamer", nl: ""},
{from: 158.0, to: 164, en: "but I'm not the only one", nl: ""},
{from: 165.0, to: 172, en: "I hope some day", nl: ""},
{from: 173, to: 179, en: "and the world will be as one", nl: ""}
];
</script>
<script src="js/subtitler.js"></script>
</body>
</html>