Hugging Face's logo

Politrees
/
RVC_resources

Audio-to-Audio
ONNX
pretrained
hubert
RVC
ai
vits
vc
voice-cloning
voice-conversion
Voice2Voice
Model card Files Community
21
Politrees commited on
Commit
b255bf1
•
1 Parent(s): fdc981e

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +137 -24
README.md CHANGED
@@ -12,32 +12,143 @@ tags:
12
  - voice-conversion
13
  - Voice2Voice
14
  ---
 
15
  <html lang="en">
16
  <head>
17
  <meta charset="UTF-8">
18
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
19
  <style>
20
- body { font-family: 'Arial', sans-serif; padding: 2rem; color: #333; background: linear-gradient(135deg, #f5f7fa, #c3cfe2); }
21
- .container { max-width: 800px; margin: 0 auto; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: center; animation: fadeIn 1s ease-in-out; }
22
- h1 { margin-bottom: 1.5rem; font-size: 2.5rem; color: transparent; background: linear-gradient(135deg, #800080, #6a006a); -webkit-background-clip: text; background-clip: text; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); animation: textFadeIn 1s ease-in-out; }
23
- h2 { margin-bottom: 1rem; font-size: 2rem; color: transparent; background: linear-gradient(135deg, #800080, #6a006a); -webkit-background-clip: text; background-clip: text; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); animation: textFadeIn 1s ease-in-out; }
24
- table { width: 100%; border-collapse: collapse; margin-bottom: 2rem; table-layout: fixed; border-radius: 5px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); animation: slideIn 1s ease-in-out; }
25
- th, td { padding: 1rem; border: 1px solid #ddd; font-size: 1.2rem; text-align: center; vertical-align: middle; transition: background 0.3s ease, transform 0.3s ease; background-color: #fff; }
26
- th { background-color: #800080; color: #fff; }
27
- a { color: #007bff; text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; }
28
- a:hover { color: #0056b3; transform: scale(1.05); }
29
- .model-col { width: 50%; }
30
- .author-col { width: 50%; }
31
- .donate-button { display: inline-block; padding: 15px 30px; background: linear-gradient(135deg, #800080, #6a006a); color: #fff; text-decoration: none; border-radius: 5px; margin-top: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
32
- .donate-button:hover { background: linear-gradient(135deg, #6a006a, #500050); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); transform: translateY(-2px) scale(1.05); }
33
- .small-text { font-size: 0.8rem; }
34
- hr { border: none; height: 2px; background: linear-gradient(90deg, transparent, #800080, transparent); margin: 2rem 0; animation: pulse 2s infinite; }
35
- .table-row td:hover { background-color: #f5f7fa; transform: scale(1.05); }
36
- .icon { margin-right: 5px; transition: transform 0.3s ease; }
37
- .icon:hover { transform: scale(1.2); }
38
- .tooltip { position: relative; display: inline-block; }
39
- .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 5px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; }
40
- .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41
  @keyframes fadeIn {
42
  0% { opacity: 0; transform: translateY(-20px); }
43
  100% { opacity: 1; transform: translateY(0); }
@@ -55,7 +166,9 @@ tags:
55
  50% { opacity: 1; }
56
  100% { opacity: 0.5; }
57
  }
58
- .table-row { border: 2px solid #ddd; }
 
 
59
  </style>
60
  </head>
61
  <body>
@@ -67,7 +180,7 @@ tags:
67
  <h2>HuBERT Models</h2>
68
  <table>
69
  <tr>
70
- <th class="model-col">Model<br><span class="small-text">(Repository)</span></th>
71
  <th class="author-col">Author</th>
72
  </tr>
73
  <tr class="table-row">
@@ -94,7 +207,7 @@ tags:
94
  <h2>Pre-Trained Models</h2>
95
  <table>
96
  <tr>
97
- <th class="model-col">Model<br><span class="small-text">(Repository)</span></th>
98
  <th class="author-col">Author</th>
99
  </tr>
100
  <tr class="table-row">
 
12
  - voice-conversion
13
  - Voice2Voice
14
  ---
15
+ <!DOCTYPE html>
16
  <html lang="en">
17
  <head>
18
  <meta charset="UTF-8">
19
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
20
  <style>
21
+ body {
22
+ font-family: 'Arial', sans-serif;
23
+ padding: 2rem;
24
+ color: #333;
25
+ background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
26
+ }
27
+ .container {
28
+ max-width: 800px;
29
+ margin: 0 auto;
30
+ padding: 2rem;
31
+ border-radius: 10px;
32
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
33
+ text-align: center;
34
+ animation: fadeIn 1s ease-in-out;
35
+ }
36
+ h1 {
37
+ margin-bottom: 1.5rem;
38
+ font-size: 2.5rem;
39
+ color: transparent;
40
+ background: linear-gradient(135deg, #800080, #6a006a);
41
+ -webkit-background-clip: text;
42
+ background-clip: text;
43
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
44
+ animation: textFadeIn 1s ease-in-out;
45
+ }
46
+ h2 {
47
+ margin-bottom: 1rem;
48
+ font-size: 2rem;
49
+ color: transparent;
50
+ background: linear-gradient(135deg, #800080, #6a006a);
51
+ -webkit-background-clip: text;
52
+ background-clip: text;
53
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
54
+ animation: textFadeIn 1s ease-in-out;
55
+ }
56
+ table {
57
+ width: 100%;
58
+ border-collapse: collapse;
59
+ margin-bottom: 2rem;
60
+ table-layout: fixed;
61
+ border-radius: 5px;
62
+ overflow: hidden;
63
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
64
+ animation: slideIn 1s ease-in-out;
65
+ }
66
+ th, td {
67
+ padding: 1rem;
68
+ border: 1px solid #ddd;
69
+ font-size: 1.2rem;
70
+ text-align: center;
71
+ vertical-align: middle;
72
+ transition: background 0.3s ease, transform 0.3s ease;
73
+ background-color: #fff;
74
+ }
75
+ th {
76
+ background-color: #800080;
77
+ color: #fff;
78
+ }
79
+ a {
80
+ color: #007bff;
81
+ text-decoration: none;
82
+ transition: color 0.3s ease, transform 0.3s ease;
83
+ }
84
+ a:hover {
85
+ color: #0056b3;
86
+ transform: scale(1.05);
87
+ }
88
+ .model-col {
89
+ width: 50%;
90
+ }
91
+ .author-col {
92
+ width: 50%;
93
+ }
94
+ .donate-button {
95
+ display: inline-block;
96
+ padding: 15px 30px;
97
+ background: linear-gradient(135deg, #800080, #6a006a);
98
+ color: #fff;
99
+ text-decoration: none;
100
+ border-radius: 5px;
101
+ margin-top: 20px;
102
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
103
+ transition: all 0.3s ease;
104
+ }
105
+ .donate-button:hover {
106
+ background: linear-gradient(135deg, #6a006a, #500050);
107
+ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
108
+ transform: translateY(-2px) scale(1.05);
109
+ }
110
+ hr {
111
+ border: none;
112
+ height: 2px;
113
+ background: linear-gradient(90deg, transparent, #800080, transparent);
114
+ margin: 2rem 0;
115
+ animation: pulse 2s infinite;
116
+ }
117
+ .table-row td:hover {
118
+ background-color: #f5f7fa;
119
+ transform: scale(1.05);
120
+ }
121
+ .icon {
122
+ margin-right: 5px;
123
+ transition: transform 0.3s ease;
124
+ }
125
+ .icon:hover {
126
+ transform: scale(1.2);
127
+ }
128
+ .tooltip {
129
+ position: relative;
130
+ display: inline-block;
131
+ }
132
+ .tooltip .tooltiptext {
133
+ visibility: hidden;
134
+ width: 120px;
135
+ background-color: #555;
136
+ color: #fff;
137
+ text-align: center;
138
+ border-radius: 5px;
139
+ padding: 5px;
140
+ position: absolute;
141
+ z-index: 1;
142
+ bottom: 125%;
143
+ left: 50%;
144
+ margin-left: -60px;
145
+ opacity: 0;
146
+ transition: opacity 0.3s;
147
+ }
148
+ .tooltip:hover .tooltiptext {
149
+ visibility: visible;
150
+ opacity: 1;
151
+ }
152
  @keyframes fadeIn {
153
  0% { opacity: 0; transform: translateY(-20px); }
154
  100% { opacity: 1; transform: translateY(0); }
 
166
  50% { opacity: 1; }
167
  100% { opacity: 0.5; }
168
  }
169
+ .table-row {
170
+ border: 2px solid #ddd;
171
+ }
172
  </style>
173
  </head>
174
  <body>
 
180
  <h2>HuBERT Models</h2>
181
  <table>
182
  <tr>
183
+ <th class="model-col">Model</th>
184
  <th class="author-col">Author</th>
185
  </tr>
186
  <tr class="table-row">
 
207
  <h2>Pre-Trained Models</h2>
208
  <table>
209
  <tr>
210
+ <th class="model-col">Model</th>
211
  <th class="author-col">Author</th>
212
  </tr>
213
  <tr class="table-row">