spjall / index.html
clr's picture
Update index.html
1f431ec
raw
history blame
5.23 kB
<!DOCTYPE html>
<html>
<head>
<!-- Metadata -->
<meta charset="utf-8">
<title>¿Title?</title>
<!-- Bootstrap CSS files-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Google web fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600" rel="stylesheet">
<!-- Personal styles -->
<link rel="stylesheet" href="./css/main.css">
<!--<link href='https://cdn.knightlab.com/libs/soundcite/latest/css/player.css' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='https://cdn.knightlab.com/libs/soundcite/latest/js/soundcite.min.js'></script>
<link href='./css/player.css' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='./js/soundcite.js'></script>-->
</head>
<body>
<div class="stuck-audio">
<audio controls id="speakera" class="half-audio" width="360">
<source src="https://huggingface.co/spaces/clr/prosaln/resolve/main/full_conversations/0f2c315c-affa-4552-9f36-f6b3bbac49d4/speaker_a_convo_0f2c315c-affa-4552-9f36-f6b3bbac49d4.wav">
</audio>
<audio controls id="speakerb" class="half-audio" width="360">
<source src="https://huggingface.co/spaces/clr/prosaln/resolve/main/full_conversations/0f2c315c-affa-4552-9f36-f6b3bbac49d4/speaker_b_convo_0f2c315c-affa-4552-9f36-f6b3bbac49d4.wav">
</audio>
<div style="height:60px;background:white"></div>
</div>
<!--<ul id="convo-list">
<li class="row spka"><em class=linenumber><a name="1"></a>1</em>
<span name="utterance" beg="124000" end="133000">line one longer longer
<span class="movControl">▶</span></span>
</li><li class="row spkb"><em class=linenumber><a name="2"></a>2</em>
<span name="utterance" beg="139000" end="141000">line two
<span class="movControl">▶</span></span>
</li><li class="row spka"><em class=linenumber><a name="3"></a>3</em>
<span name="utterance" beg="154000" end="163000">line three
<span class="movControl">▶</span></span>
</li><li class="row spka"><em class=linenumber><a name="4"></a>4</em>
<span name="utterance" beg="174000" end="195000">line four
<span class="movControl">▶</span></span>
</li><li class="row spkb"><em class=linenumber><a name="5"></a>5</em>
<span name="utterance" beg="224000" end="233000">line 5
<span class="movControl">▶</span></span>
</li><li class="row spka"><em class=linenumber><a name="6"></a>6</em>
<span name="utterance" beg="244000" end="255000">line six shodfgfdg fgw afdfgdfsg sdgsdfg s sfgfdsg uls also be quite long i suppose
<span class="movControl">▶</span></span>
</li><li class="row spkb"><em class=linenumber><a name="700"></a>700</em>
<span name="utterance" beg="272000" end="283000">line seven as well can get long
<span class="movControl">▶</span></span>
</li>
</ul>-->
<div class="convo-table">
<table>
<tbody>
<tr class="spka"><td><em class=linenumber><a name="1"></a>1</em></td>
<td><span name="utterance" beg="124000" end="133000">line one longer longer
<span class="movControl"></span></span></td></tr>
<tr class="spkb"><td><em class=linenumber><a name="2"></a>2</em></td>
<td><span name="utterance" beg="139000" end="141000">line two
<span class="movControl"></span></span></td></tr>
<tr class="spka"><td><em class=linenumber><a name="3"></a>3</em></td>
<td><span name="utterance" beg="154000" end="163000">line three
<span class="movControl"></span></span></td></tr>
<tr class="spka"><td><em class=linenumber><a name="4"></a>4</em></td>
<td><span name="utterance" beg="174000" end="195000">line four
<span class="movControl"></span></span></td></tr>
<tr class="spkb"><td><em class=linenumber><a name="5"></a>5</em></td>
<td><span name="utterance" beg="224000" end="233000">line 5
<span class="movControl"></span></span></td></tr>
<tr class="spka"><td><em class=linenumber><a name="6"></a>6</em></td>
<td><span name="utterance" beg="244000" end="255000">line six shodfgfdg fgw afdfgdfsg sdgsdfg s sfgfdsg uls also be quite long i suppose
<span class="movControl"></span></span></td></tr>
<tr class="spkb"><td><em class=linenumber><a name="700"></a>700</em></td>
<td><span name="utterance" beg="272000" end="283000">line seven as well can get long
<span class="movControl"></span></span></td></tr>
</tbody>
</table>
</div>
<!--<span class="soundcite" data-url="./full_conversations/0f2c315c-affa-4552-9f36-f6b3bbac49d4/speaker_a_convo_0f2c315c-affa-4552-9f36-f6b3bbac49d4.wav" data-start="10000" data-end="25000" data-plays="1">line two</span>-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script type="text/javascript" src="./js/js.php"></script>
</body>
</html>