Update index.html
Browse files- index.html +9 -8
index.html
CHANGED
@@ -5,7 +5,7 @@
|
|
5 |
<meta charset="UTF-8">
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
<link rel="icon" href="https://www.funsound.cn/static/images/logo_funsound.png" type="image/png">
|
8 |
-
<title>Funsound
|
9 |
<style>
|
10 |
body {
|
11 |
display: flex;
|
@@ -70,11 +70,11 @@
|
|
70 |
}
|
71 |
|
72 |
.video-container {
|
73 |
-
flex: 0 0
|
74 |
}
|
75 |
|
76 |
.asr-container {
|
77 |
-
flex: 0 0
|
78 |
overflow-y: auto;
|
79 |
position: relative;
|
80 |
display: flex;
|
@@ -373,7 +373,7 @@
|
|
373 |
<div class="container">
|
374 |
<div class="title">
|
375 |
<img src="https://www.funsound.cn/static/images/logo_funsound.png" alt="Funsound Logo">
|
376 |
-
Funsound
|
377 |
</div>
|
378 |
<div class="content">
|
379 |
<!-- 左列 -->
|
@@ -381,7 +381,7 @@
|
|
381 |
|
382 |
<div class="file-input-wrapper">
|
383 |
<button class="file-input">Select File</button>
|
384 |
-
<input type="file" id="videoInput" accept=".wav, .mp3, .m4a, .mp4, .aac">
|
385 |
</div>
|
386 |
|
387 |
<video id="videoPlayer" controls>
|
@@ -410,7 +410,7 @@
|
|
410 |
<label><input type="checkbox" id="speakerRecognition">Speaker Identification</label>
|
411 |
</div>
|
412 |
</div>
|
413 |
-
|
414 |
<div class="buttons-container">
|
415 |
<button id="uploadBtn" class="upload-button" onclick="uploadFile()">Recognize</button>
|
416 |
</div>
|
@@ -443,7 +443,8 @@
|
|
443 |
|
444 |
<footer>
|
445 |
EMAIL: <a href="mailto:[email protected]">[email protected]</a> |
|
446 |
-
|
|
|
447 |
</footer>
|
448 |
|
449 |
<script>
|
@@ -974,4 +975,4 @@
|
|
974 |
|
975 |
</body>
|
976 |
|
977 |
-
</html>
|
|
|
5 |
<meta charset="UTF-8">
|
6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7 |
<link rel="icon" href="https://www.funsound.cn/static/images/logo_funsound.png" type="image/png">
|
8 |
+
<title>Funsound Cross-Language Speech Translator</title>
|
9 |
<style>
|
10 |
body {
|
11 |
display: flex;
|
|
|
70 |
}
|
71 |
|
72 |
.video-container {
|
73 |
+
flex: 0 0 30%;
|
74 |
}
|
75 |
|
76 |
.asr-container {
|
77 |
+
flex: 0 0 70%;
|
78 |
overflow-y: auto;
|
79 |
position: relative;
|
80 |
display: flex;
|
|
|
373 |
<div class="container">
|
374 |
<div class="title">
|
375 |
<img src="https://www.funsound.cn/static/images/logo_funsound.png" alt="Funsound Logo">
|
376 |
+
Funsound Cross-Language Speech Translator
|
377 |
</div>
|
378 |
<div class="content">
|
379 |
<!-- 左列 -->
|
|
|
381 |
|
382 |
<div class="file-input-wrapper">
|
383 |
<button class="file-input">Select File</button>
|
384 |
+
<input type="file" id="videoInput" accept=".wav, .mp3, .m4a, .mp4, .aac, .webm">
|
385 |
</div>
|
386 |
|
387 |
<video id="videoPlayer" controls>
|
|
|
410 |
<label><input type="checkbox" id="speakerRecognition">Speaker Identification</label>
|
411 |
</div>
|
412 |
</div>
|
413 |
+
|
414 |
<div class="buttons-container">
|
415 |
<button id="uploadBtn" class="upload-button" onclick="uploadFile()">Recognize</button>
|
416 |
</div>
|
|
|
443 |
|
444 |
<footer>
|
445 |
EMAIL: <a href="mailto:[email protected]">[email protected]</a> |
|
446 |
+
HuggingFace: <a href="https://huggingface.co/spaces/QuadraV/Funsound_Multiligual_Speech_Translator">Funsound</a> |
|
447 |
+
Modelscope: <a href="https://modelscope.cn/studios/QuadraV/Funsound_Multiligual_translator">Funsound</a>
|
448 |
</footer>
|
449 |
|
450 |
<script>
|
|
|
975 |
|
976 |
</body>
|
977 |
|
978 |
+
</html>
|