web files added

NN-Project-1 · Sep 12, 2024 · 911fd09 · 911fd09
1 parent 3cec6b3
commit 911fd09
Show file tree

Hide file tree

Showing 19 changed files with 348 additions and 0 deletions.
diff --git a/assets/audio/Dis-vector vs d-vector/D-vector_English_Female.wav b/assets/audio/Dis-vector vs d-vector/D-vector_English_Female.wav
diff --git a/assets/audio/Dis-vector vs d-vector/D-vector_English_Male.wav b/assets/audio/Dis-vector vs d-vector/D-vector_English_Male.wav
diff --git a/assets/audio/Dis-vector vs d-vector/D-vector_Hindi_Female.wav b/assets/audio/Dis-vector vs d-vector/D-vector_Hindi_Female.wav
diff --git a/...dio/Dis-vector vs d-vector/Dis-vector-English_Female_src_and_hindi_female_tgt_content.wav b/...dio/Dis-vector vs d-vector/Dis-vector-English_Female_src_and_hindi_female_tgt_content.wav
diff --git a/assets/audio/Dis-vector vs d-vector/Dis-vector_English_Female.wav b/assets/audio/Dis-vector vs d-vector/Dis-vector_English_Female.wav
diff --git a/assets/audio/Dis-vector vs d-vector/Dis-vector_English_Male.wav b/assets/audio/Dis-vector vs d-vector/Dis-vector_English_Male.wav
diff --git a/assets/audio/Dis-vector vs d-vector/Dis-vector_Hindi_Female.wav b/assets/audio/Dis-vector vs d-vector/Dis-vector_Hindi_Female.wav
diff --git a/assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.txt b/assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.txt
@@ -0,0 +1 @@
+Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor
diff --git a/assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav b/assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav
diff --git a/assets/audio/Dis-vector vs d-vector/en_m_EN_E_6828.txt b/assets/audio/Dis-vector vs d-vector/en_m_EN_E_6828.txt
@@ -0,0 +1 @@
+Huge stash of explosives, bombmaking materials, knives, training and jihadi books were seized from their possession, Alam said
diff --git a/assets/audio/Dis-vector vs d-vector/en_m_EN_E_6828.wav b/assets/audio/Dis-vector vs d-vector/en_m_EN_E_6828.wav
diff --git a/assets/audio/Dis-vector vs d-vector/hi_f_education_00096.txt b/assets/audio/Dis-vector vs d-vector/hi_f_education_00096.txt
@@ -0,0 +1 @@
+भैरवी माताओं में श्री उमा भैरवी, श्यामा भैरवी, त्रिपुर भैरवी, ज्ञान भैरवी, आनन्द भैरवी आदि के नाम हमने सुने हैं ।
diff --git a/assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav b/assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav
diff --git a/...o/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Rhythm_modified.wav b/...o/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Rhythm_modified.wav
diff --git a/...o/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Timbre_modified.wav b/...o/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Timbre_modified.wav
diff --git a/...oversion/Dis-vector-English_Female_src_and_hindi_female_tgt_content_modified(working).wav b/...oversion/Dis-vector-English_Female_src_and_hindi_female_tgt_content_modified(working).wav
diff --git a/...io/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_pitch_modifyed.wav b/...io/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_pitch_modifyed.wav
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,87 @@
+/* css/style.css */
+
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    background-color: #f0f0f0; /* Light background color for contrast */
+}
+
+header {
+    background-color: #353535;
+    padding: 15px;
+    text-align: center;
+    color: white;
+}
+
+h1 {
+    margin: 0;
+    font-size: 1.8em; /* Larger font size for prominence */
+    font-weight: bold; /* Bold text for emphasis */
+    color: #ffffff; /* White text color */
+    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); /* Subtle shadow for text standout */
+    letter-spacing: 1.5px; /* Spacing between letters for elegance */
+    line-height: 1.2; /* Improved readability */
+    font-family: 'Arial Black', Arial, sans-serif; /* Bold, eye-catching font */
+    text-transform: uppercase; /* Uppercase text for emphasis */
+    background: linear-gradient(135deg, #6e8efb, #a777e3); /* Modern gradient background */
+    -webkit-background-clip: text; /* Clips the gradient background to text (WebKit browsers) */
+    background-clip: text; /* Clips the gradient background to text */
+}
+
+h2 {
+    margin: 20px 0 10px;
+    font-size: 1.4em;
+    color: #333;
+}
+
+h3 {
+    margin: 10px 0;
+    font-size: 1.1em;
+    color: #555;
+}
+
+p {
+    margin: 0;
+    color: #666;
+}
+
+main {
+    padding: 20px;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr); /* Fixed 4 columns for uniformity */
+    gap: 10px; /* Gap between grid items */
+}
+
+.grid-item {
+    background: rgba(255, 255, 255, 0.8); /* Glass effect background with improved opacity */
+    border: 1px solid rgba(255, 255, 255, 0.3); /* Reduced border size */
+    border-radius: 8px; /* Slightly smaller border radius */
+    padding: 10px; /* Reduced padding */
+    text-align: center;
+    backdrop-filter: blur(8px); /* Slightly reduced blur for glass effect */
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* Reduced shadow for a subtler effect */
+}
+
+
+audio {
+    width: 100%;
+    max-width: 100%; /* Ensures the audio player uses the full width of its container */
+    margin: 10px auto;
+}
+
+@media (max-width: 768px) {
+    .grid-container {
+        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust grid for smaller screens */
+    }
+}
+
+@media (max-width: 480px) {
+    .grid-container {
+        grid-template-columns: 1fr; /* Single column layout on very small screens */
+    }
+}
diff --git a/home.html b/home.html
@@ -0,0 +1,258 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Audio Demo</title>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <header>
+        <h1>Disentangled Voice Embeddings for Conversion and Synthesis</h1>
+    </header>
+    <main>
+        <section>
+            <h2>Zero-Shot Voice Cloning</h2>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor.</p>
+                </div>
+                <div class="grid-item">
+                    <h3>D-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/D-vector_English_Female.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Output of Dis-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/Dis-vector_English_Female.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        </section>
+
+        <section>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Huge stash of explosives, bombmaking materials, knives, training and jihadi books were seized from their possession, Alam said</p>
+                </div>
+                <div class="grid-item">
+                    <h3>D-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/D-vector_English_Male.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Dis-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/Dis-vector_English_Female.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        </section>     
+        <section>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>भैरवी माताओं में श्री उमा भैरवी, श्यामा भैरवी, त्रिपुर भैरवी, ज्ञान भैरवी, आनन्द भैरवी आदि के नाम हमने सुने हैं ।.</p>
+                </div>
+                <div class="grid-item">
+                    <h3>D-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/D-vector_Hindi_Female.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Dis-Vector</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/Dis-vector_Hindi_Female.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        </section>     
+
+
+
+
+
+        <section>
+            <h2>Voice Conversion-content</h2>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Target Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor</p>
+                </div>
+
+                <div class="grid-item">
+                    <h3>Dis-Vector Conversion</h3>
+                    <audio controls>
+                        <source src="assets/audio/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_content_modified(working).wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+            </div>
+        </section>
+
+
+        <section>
+            <h2>Voice Conversion-Pitch</h2>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Target Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor</p>
+                </div>
+                <div class="grid-item">
+                    <h3>Output of Conversion</h3>
+                    <audio controls>
+                        <source src="assets/audio/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_pitch_modifyed.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+
+            </div>
+        </section>
+
+
+        <section>
+            <h2>Voice Conversion-Rhythm</h2>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Target Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor</p>
+                </div>
+                <div class="grid-item">
+                    <h3>Output of Conversion</h3>
+                    <audio controls>
+                        <source src="assets/audio/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Rhythm_modified.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+
+            </div>
+        </section>
+
+
+        <section>
+            <h2>Voice Conversion-Timbre</h2>
+            <div class="grid-container">
+                <div class="grid-item">
+                    <h3>Source Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/en_f_EN_E_2638.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Target Voice</h3>
+                    <audio controls>
+                        <source src="assets/audio/Dis-vector vs d-vector/hi_f_education_00096.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+                <div class="grid-item">
+                    <h3>Text</h3>
+                    <p>Doctor Saurabh Agarwal of the L L R's medicine department, who was attending to the victims, said that they had consumed spurious liquor</p>
+                </div>
+                <div class="grid-item">
+                    <h3>Output of Conversion</h3>
+                    <audio controls>
+                        <source src="assets/audio/single coversion/Dis-vector-English_Female_src_and_hindi_female_tgt_Timbre_modified.wav" type="audio/wav">
+                        Your browser does not support the audio element.
+                    </audio>
+                </div>
+
+            </div>
+        </section>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    </main>
+    <script src="js/script.js"></script>
+</body>
+</html>