live-subtitles/index.html at master · OswaldLabsOpenSource/live-subtitles · GitHub

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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="styles.scss">
    <title>Live Subtitles</title>
  </head>
  <body>
    <button class="active--false">Start speaking</button>
    <p class="transcript">
      Loading...
    </p>
    <noscript>
      <p>Unfortunately, JavaScript is required to use this app.</p>
    </noscript>
    <section>
      <label for="langs">Translate</label>
      <select id="langs">
        <option selected>Select a language</option>
        <option value="en"><span aria-hidden="true">(EN) </span>English</option>
        <option value="es"><span aria-hidden="true">(ES) </span>Spanish</option>
        <option value="fr"><span aria-hidden="true">(FR) </span>French</option>
        <option value="nl"><span aria-hidden="true">(NL) </span>Dutch</option>
        <option value="de"><span aria-hidden="true">(DE) </span>German</option>
        <option value="hi"><span aria-hidden="true">(HI) </span>Hindi</option>
        <option value="more">More languages</option>
      </select>
    </section>
    <footer>
      <button onclick="window.agastya.open()">Accessibility</button>
      <button class="share">Share</button>
      <a href="https://github.com/OswaldLabsOpenSource/live-subtitles" target="_blank" rel="noopener noreferrer">GitHub</a>
    </footer>
    <script src="live-subtitles.ts"></script>
    <script src="https://platform-beta.oswaldlabs.com/v1/agastya/load/hackathon.js" async defer></script>
  </body>
</html>