Hugging Face's logo

Spaces:
concedo
/
vits-simple-api
Sleeping

App Files Community
Artrajz commited on
Commit
92fbafd
·
1 Parent(s): 05b4992

Upload index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +145 -103
templates/index.html CHANGED
@@ -1,106 +1,148 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>vits-simple-api</title>
7
- </head>
8
- <body>
9
- <main>
10
- <h1>
11
- <a href="https://github.com/Artrajz/vits-simple-api" style="text-decoration: none;color: black;">
12
- vits-simple-api
13
- </a>
14
- </h1>
15
- <p>简单调用：
16
- <a href="https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164" style="text-decoration: none;color: black;">
17
- https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164
18
- </a>
19
- <p>
20
- <h2>所有模型均为网络搜集，感谢模型原作者的付出！</h2>
21
- <p>
22
- Nene_Nanami_Rong_Tang:
23
- <a
24
- href="https://github.com/CjangCjengh/TTSModels"
25
- rel="noreferrer"
26
- target="_blank"
27
- >CjangCjengh/TTSModels</a
28
- >
29
- </p>
30
- <p>
31
- louise:
32
- <a
33
- href="https://github.com/CjangCjengh/TTSModels"
34
- rel="noreferrer"
35
- target="_blank"
36
- >CjangCjengh/TTSModels</a
37
- >
38
- </p>
39
- <p>
40
- Cantonese:
41
- <a
42
- href="https://github.com/CjangCjengh/TTSModels"
43
- rel="noreferrer"
44
- target="_blank"
45
- >CjangCjengh/TTSModels</a
46
- >
47
- </p>
48
- <p>
49
- shanghainese:
50
- <a
51
- href="https://github.com/CjangCjengh/TTSModels"
52
- rel="noreferrer"
53
- target="_blank"
54
- >CjangCjengh/TTSModels</a
55
- >
56
- </p>
57
- <p>
58
- w2v2-vits:
59
- <a
60
- href="https://github.com/CjangCjengh/TTSModels"
61
- rel="noreferrer"
62
- target="_blank"
63
- >CjangCjengh/TTSModels</a
64
- >
65
- </p>
66
- <p>
67
- vctk:
68
- <a
69
- href="https://github.com/jaywalnut310/vits"
70
- rel="noreferrer"
71
- target="_blank"
72
- >jaywalnut310/vits</a
73
- >
74
- </p>
75
- <p>
76
- Bishojo Mangekyo:
77
- <a
78
- href="https://github.com/Francis-Komizu/VITS"
79
- rel="noreferrer"
80
- target="_blank"
81
- >Francis-Komizu/VITS</a
82
- >
83
- </p>
84
- <p>
85
- genshin:
86
- <a
87
- href="https://huggingface.co/spaces/zomehwh/vits-uma-genshin-honkai"
88
- rel="noreferrer"
89
- target="_blank"
90
- >zomehwh/vits-uma-genshin-honkai</a
91
- >
92
- </p>
93
- <p>
94
- paimon:
95
- <a
96
- href="https://github.com/zixiiu/Digital_Life_Server"
97
- rel="noreferrer"
98
- target="_blank"
99
- >zixiiu/Digital_Life_Server</a
100
- >
101
- </p>
102
 
103
-
104
- </main>
105
- </body>
106
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>vits-simple-api</title>
7
+ <link
8
+ href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
9
+ rel="stylesheet"
10
+ integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
11
+ crossorigin="anonymous"
12
+ />
13
+ </head>
14
+ <body>
15
+ <main style="margin: 0 auto; width: 1024px">
16
+ <h1>
17
+ <a href="https://github.com/Artrajz/vits-simple-api" target="_blank" style="text-decoration: none; color: black"> vits-simple-api </a>
18
+ </h1>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
 
20
+ <p>
21
+ 文档：
22
+ <a href="https://github.com/Artrajz/vits-simple-api" target="_blank" style="text-decoration: none; color: black"> https://github.com/Artrajz/vits-simple-api </a>
23
+ </p>
24
+ <p>
25
+ 返回speakers(json)：
26
+ <a href="https://artrajz-vits-simple-api.hf.space/voice/speakers" style="text-decoration: none; color: black">
27
+ https://artrajz-vits-simple-api.hf.space/voice/speakers
28
+ </a>
29
+ </p>
30
+ <p>
31
+ 简单调用api：
32
+ <a id="dynamicLink" href="https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164" style="text-decoration: none; color: black">
33
+ https://artrajz-vits-simple-api.hf.space/voice/vits?text=你好,こんにちは&id=164
34
+ </a>
35
+ </p>
36
+
37
+ <div style="display: flex; justify-content: center; align-items: center">
38
+ <label style="margin: 0 5px">text</label>
39
+ <input type="text" id="inputText" oninput="updateLink()" value="你好,こんにちは" style="width: 300px" />
40
+ <label style="margin: 0 5px">id</label>
41
+ <input type="text" id="inputId" oninput="updateLink()" value="164" style="width: 100px" />
42
+ </div>
43
+ <!-- <div>format<input type="text" id="inputFormat" oninput="updateLink()" value="" /></div>
44
+ <div>lang<input type="text" id="inputLang" oninput="updateLink()" value="" /></div>
45
+ <div>length<input type="text" id="inputLength" oninput="updateLink()" value="" /></div>
46
+ <div>noise<input type="text" id="inputNoise" oninput="updateLink()" value="" /></div>
47
+ <div>noisew<input type="text" id="inputNoisew" oninput="updateLink()" value="" /></div>
48
+ <div>max<input type="text" id="inputMax" oninput="updateLink()" value="" /></div> -->
49
+ <div style="display: flex; justify-content: center; align-items: center; height: 80px; margin-top: 20px; margin-bottom: 20px; border: 1px solid rgb(229 231 235)">
50
+ <button type="button" class="btn btn-outline-secondary" id="getAudio" style="margin-right: 10px">播放器生成</button>
51
+ <audio id="audioPlayer" controls>
52
+ <source src="" type="audio/mp3" />
53
+ Your browser does not support the audio element.
54
+ </audio>
55
+ </div>
56
+
57
+ <h2>所有模型均为网络搜集，感谢模型原作者的付出！</h2>
58
+ <p>
59
+ Nene_Nanami_Rong_Tang:
60
+ <a href="https://github.com/CjangCjengh/TTSModels" rel="noreferrer" target="_blank">CjangCjengh/TTSModels</a>
61
+ </p>
62
+ <p>
63
+ louise:
64
+ <a href="https://github.com/CjangCjengh/TTSModels" rel="noreferrer" target="_blank">CjangCjengh/TTSModels</a>
65
+ </p>
66
+ <p>
67
+ Cantonese:
68
+ <a href="https://github.com/CjangCjengh/TTSModels" rel="noreferrer" target="_blank">CjangCjengh/TTSModels</a>
69
+ </p>
70
+ <p>
71
+ shanghainese:
72
+ <a href="https://github.com/CjangCjengh/TTSModels" rel="noreferrer" target="_blank">CjangCjengh/TTSModels</a>
73
+ </p>
74
+ <p>
75
+ w2v2-vits:
76
+ <a href="https://github.com/CjangCjengh/TTSModels" rel="noreferrer" target="_blank">CjangCjengh/TTSModels</a>
77
+ </p>
78
+ <p>
79
+ vctk:
80
+ <a href="https://github.com/jaywalnut310/vits" rel="noreferrer" target="_blank">jaywalnut310/vits</a>
81
+ </p>
82
+ <p>
83
+ Bishojo Mangekyo:
84
+ <a href="https://github.com/Francis-Komizu/VITS" rel="noreferrer" target="_blank">Francis-Komizu/VITS</a>
85
+ </p>
86
+ <p>
87
+ genshin:
88
+ <a href="https://huggingface.co/spaces/zomehwh/vits-uma-genshin-honkai" rel="noreferrer" target="_blank">zomehwh/vits-uma-genshin-honkai</a>
89
+ </p>
90
+ <p>
91
+ paimon:
92
+ <a href="https://github.com/zixiiu/Digital_Life_Server" rel="noreferrer" target="_blank">zixiiu/Digital_Life_Server</a>
93
+ </p>
94
+ </main>
95
+
96
+ <script>
97
+ function getLink() {
98
+ var text = document.getElementById("inputText").value;
99
+ var id = document.getElementById("inputId").value;
100
+ // var format = document.getElementById("inputFormat").value;
101
+ // var lang = document.getElementById("inputLang").value;
102
+ // var length = document.getElementById("inputLength").value;
103
+ // var noise = document.getElementById("inputNoise").value;
104
+ // var noisew = document.getElementById("inputNoisew").value;
105
+ // var max = document.getElementById("inputMax").value;
106
+
107
+ var url = "https://artrajz-vits-simple-api.hf.space/voice/vits?text=" + text + "&id=" + id;
108
+ // if (format != "") {
109
+ // url += "&format=" + format;
110
+ // }
111
+ // if (lang != "") {
112
+ // url += "&lang=" + lang;
113
+ // }
114
+ // if (length != "") {
115
+ // url += "&length=" + length;
116
+ // }
117
+ // if (noise != "") {
118
+ // url += "&noise=" + noise;
119
+ // }
120
+ // if (noisew != "") {
121
+ // url += "&noisew=" + noisew;
122
+ // }
123
+ // if (max != "") {
124
+ // url += "&max=" + max;
125
+ // }
126
+ return url;
127
+ }
128
+
129
+ function updateLink() {
130
+ var url = getLink();
131
+ var link = document.getElementById("dynamicLink");
132
+ link.href = url;
133
+ link.textContent = url;
134
+ }
135
+
136
+ function setAudioSource() {
137
+ var url = getLink();
138
+ var audioPlayer = document.getElementById("audioPlayer");
139
+ audioPlayer.src = url;
140
+ }
141
+
142
+ var button = document.getElementById("getAudio");
143
+ button.addEventListener("click", function () {
144
+ setAudioSource();
145
+ });
146
+ </script>
147
+ </body>
148
+ </html>