File size: 4,939 Bytes
c19afee
 
54ed1ad
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
192fc56
54ed1ad
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
00d5e83
aa02c97
26355fd
00d5e83
86623da
 
ecf6e74
ee7cce8
 
 
 
 
ecf6e74
cd1a0b0
192fc56
aa02c97
f05fade
cd1a0b0
54ed1ad
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ecf6e74
54ed1ad
 
 
c19afee
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
    <title>PLATAFORMA VOZ</title>
    <!--REQUIRED STYLE SHEETS-->
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css')}}" />
    
    <!-- FONTAWESOME STYLE CSS -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='font-awesome.min.css')}}" />
    
    <!-- CUSTOM STYLE CSS -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css')}}" />
    
    <!-- GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css' />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    
    <style type="text/css">
        #footer {
            background-color:#373737;
            color:#fff;
            text-align:right;
            bottom: 0px;
            position:fixed;
            width: 100%;
            left: 0px;
        }
        #div-cookies {
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100%;
            background-color: white;
            box-shadow: 0px -5px 15px gray;
            padding: 7px;
            text-align: center;
            z-index: 99;
        }
    </style>

</head>
<body>


     
    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-color: #373737;">
        <div class="container" >
            <div class="navbar-header">

                <img src="Logo TMS.png" style="max-height: 60px;max-width: 150px">
            </div>
            <!-- Collect the nav links for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav navbar-right" style="background-color: #373737;">
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <!--End Navigation -->  
    <!--Header section  -->
    
    <!--<gradio-app space="JPLTedCas/TedCasSpeechRecognition"></gradio-app>-->

    <!--End Header section  -->

    <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
    <!-- CORE JQUERY  -->
    <script src="jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP CORE SCRIPT   -->
    <script src="bootstrap.js"></script>
    <!-- CUSTOM SCRIPTS -->
    <script src="custom.js"></script>
    <div id="div-cookies" style="display: none;">
    Necesitamos usar cookies para que funcione todo, si permanece aquí acepta su uso, más información en
    <a hreflang="es" href="/aviso-legal.html">Aviso Legal</a>
    y la
    <a hreflang="es" href="/politica-de-privacidad.html">Política de Privacidad</a>.
    <button type="button" class="btn btn-sm btn-primary" onclick="acceptCookies()">
        Acepto el uso de cookies
    </button>
    </div>
    <!--<meta http-equiv="refresh" content="0; url=https://hf.space/embed/JPLTedCas/TedCasReconocimientoVoz/+" />-->
    
    <!--<center><iframe src="https://hf.space/embed/JPLTedCas/TedCasSpeechRecognition/+" name="iframe" width="100%"  height="500" align="middle"></iframe></center>-->
    <center><iframe src="https://jpltedcas-tedcasspeechrecognition.hf.space" name="iframe" width="100%"  height="500" allow="microphone;" align="middle"></iframe></center>

  
  
  
    <!--<p>
    1)Select language <br>
    2)Click on ‘record from microphone’ and talk <br>
    3)Click on ‘stop recording’ <br> 
    4)Click on submit <br>
    5)Before starting again, click on ‘clear’ 
    </p>-->
    <!--<a href="https://hf.space/embed/JPLTedCas/TedCasReconocimientoVoz/+" target="iframe">Reset</a>-->
    <!--<a href="https://jpltedcas-tedcasspeechrecognition.hf.space/" target="iframe">Reset</a>-->
   


    <script>
    function checkAcceptCookies() {
        if (localStorage.acceptCookies == 'true') {
        } else {
            $('#div-cookies').show();
        }
    }
    function acceptCookies() {
        localStorage.acceptCookies = 'true';
        $('#div-cookies').hide();
    }
    $(document).ready(function() {
        checkAcceptCookies();
    });
    </script>
    <div class="for-full-back" id="footer">
        2023 www.tedcas.com | All Right Reserved
    </div>
</body>

</html>