-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
33 lines (28 loc) · 4.96 KB
/
index.html
File metadata and controls
33 lines (28 loc) · 4.96 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>É Fácil De Entender</title>
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="html/style.css">
</head>
<body>
<article>
<p class="loading">
<em><img src="html/loader.gif" alt="Initializing audio"> Loading audio…</em>
</p>
<p class="passage-audio">
<audio id="passage-audio" class="passage" controls>
<source src="html/test.mp3" type="audio/mp3">
</audio>
</p>
<div id="passage-text" class="passage">
<h3 class="section-heading">É Fácil de Entender</h3>
<p></p>
<span data-dur="0.706" data-begin="5.647" data-begintwo="28.235">É</span> <span data-dur="0.353" data-begin="6.353" data-begintwo="28.941">fá</span><span data-dur="0.353" data-begin="6.706" data-begintwo="29.294">cil</span> <span data-dur="0.353" data-begin="7.059" data-begintwo="29.647">de en</span><span data-dur="0.353" data-begin="7.412" data-begintwo="30.0">ten</span><span data-dur="1.059" data-begin="7.765" data-begintwo="30.353">der,</span><br /><span data-dur="0.352" data-begin="8.824" data-begintwo="31.412">Tão</span> <span data-dur="0.353" data-begin="9.176" data-begintwo="31.765">cla</span><span data-dur="0.353" data-begin="9.529" data-begintwo="32.118">ro</span> <span data-dur="0.353" data-begin="9.882" data-begintwo="32.471">co</span><span data-dur="0.353" data-begin="10.235" data-begintwo="32.824">mo a</span> <span data-dur="1.059" data-begin="10.588" data-begintwo="33.176">luz:</span><br /><span data-dur="0.353" data-begin="11.647" data-begintwo="34.235">Em</span> <span data-dur="0.353" data-begin="12.0" data-begintwo="34.588">meu</span> <span data-dur="0.353" data-begin="12.353" data-begintwo="34.941">lu</span><span data-dur="0.529" data-begin="12.706" data-begintwo="35.294">gar,</span> <span data-dur="0.177" data-begin="13.235" data-begintwo="35.824">pra</span> <span data-dur="0.353" data-begin="13.412" data-begintwo="36.0">me</span> <span data-dur="0.353" data-begin="13.765" data-begintwo="36.353">sal</span><span data-dur="0.529" data-begin="14.118" data-begintwo="36.706">var,</span><br /><span data-dur="0.177" data-begin="14.647" data-begintwo="37.235">Je</span><span data-dur="0.352" data-begin="14.824" data-begintwo="37.412">sus</span> <span data-dur="0.353" data-begin="15.176" data-begintwo="37.765">mor</span><span data-dur="0.353" data-begin="15.529" data-begintwo="38.118">reu</span> <span data-dur="0.353" data-begin="15.882" data-begintwo="38.471">na</span> <span data-dur="1.059" data-begin="16.235" data-begintwo="38.824">cruz.</span><br /><br /><span data-dur="0.353" data-begin="17.294" data-begintwo="39.882">É</span> <span data-dur="0.353" data-begin="17.647" data-begintwo="40.235">crer</span> <span data-dur="0.353" data-begin="18.0" data-begintwo="40.588">só</span> <span data-dur="0.353" data-begin="18.353" data-begintwo="40.941">nEle</span> <span data-dur="0.353" data-begin="18.706" data-begintwo="41.294">a</span><span data-dur="0.353" data-begin="19.059" data-begintwo="41.647">go</span><span data-dur="0.706" data-begin="19.412" data-begintwo="42.0">ra</span><br /><span data-dur="0.353" data-begin="20.118" data-begintwo="42.706">De</span> <span data-dur="0.353" data-begin="20.471" data-begintwo="43.059">to</span><span data-dur="0.352" data-begin="20.824" data-begintwo="43.412">do o</span> <span data-dur="0.353" data-begin="21.176" data-begintwo="43.765">co</span><span data-dur="0.353" data-begin="21.529" data-begintwo="44.118">ra</span><span data-dur="1.059" data-begin="21.882" data-begintwo="44.471">ção;</span><br /><span data-dur="0.353" data-begin="22.941" data-begintwo="45.529">Cri</span><span data-dur="0.353" data-begin="23.294" data-begintwo="45.882">an</span><span data-dur="0.353" data-begin="23.647" data-begintwo="46.235">ças,</span> <span data-dur="0.529" data-begin="24.0" data-begintwo="46.588">sem</span> <span data-dur="0.177" data-begin="24.529" data-begintwo="47.118">de</span><span data-dur="0.353" data-begin="24.706" data-begintwo="47.294">mo</span><span data-dur="0.353" data-begin="25.059" data-begintwo="47.647">ra,</span><br /><span data-dur="0.529" data-begin="25.412" data-begintwo="48.0">A</span><span data-dur="0.177" data-begin="25.941" data-begintwo="48.529">cei</span><span data-dur="0.353" data-begin="26.118" data-begintwo="48.706">tai</span> <span data-dur="0.353" data-begin="26.471" data-begintwo="49.059">a</span> <span data-dur="0.352" data-begin="26.824" data-begintwo="49.412">sal</span><span data-dur="0.353" data-begin="27.176" data-begintwo="49.765">va</span><span data-dur="0.706" data-begin="27.529" data-begintwo="50.118">ção.</span><br /><br /> </div>
</article>
<script src="html/read-along.js"></script>
<script src="html/main.js"></script>
</body>
</html>