Sakucss 1
Sakucss 1
1 3.Proposed Methodology 1
4. Action Plan 2
5. Resources Required 2
1.Rationale 3
4. Literature Review 3
2
7.Outputs of Micro-Projects 8
Part B
8. Skill developed / Learning out of this Micro- Project
8
Annexure I
1.Brief Description:
A Text-to-Speech Converter is a software application that converts written text into
spoken words, allowing users to listen to text-based content.
Key Features:
1. Text Input: Users can input text manually or upload a text file.
2. Voice Selection: Choose from various voices, languages, and accents.
3. Speech Output: Converted text is played as audio.
4. Customization: Adjust speech rate, pitch, and volume.
5. File Export: Save converted audio as MP3 or WAV.
1
Part B
4. Proposed Methodology:
4. Action Plan:
Sr. Planned Planned Name of Responsible
No. Details of Activity Start date Finish date Team Members
1 Gathering The raw 14-12-2024 17-12-2024
Information Related To 3:00 – 5:00 3:00 – 5:00
Project PM PM
2 Analysis 19-12-2024 21-12-2024
3:00 – 5:00 3:00 – 5:00 Bansode Sakshi Goroba
PM PM
Tamke Pranjali
3 Designing 24-12-2024 28-12-2024
Annasaheb
3:00 – 5:00 3:00 – 5:00
PM PM
4 Advantages and 31-12-2024 02-01-2024 Ghute Omakar
Disadvantages of 3:00 – 5:00 3:00 – 5:00 Parmeshwar
Environment PM PM
5 Discussion with Teacher 04-01-2024 07-01-2024 Yadav Pruthviraj
about Topic 3:00 – 5:00 3:00 – 5:00 Jitendra
PM PM
6 Prepare Output 09-01-2024 11-01-2024
3:00 – 5:00 3:00 – 5:00
PM PM
7 Prepare Report on Micro 15-01-2024 18-01-2024
Project 3:00 – 5:00 3:00 – 5:00
PM PM
8 Final report of Micro 21-01-2024 23-01-2024
Project 3:00 – 5:00 3:00 – 5:00
PM PM
2
Part B
5. Resources Used:
Sr.
No Name of resource / material Specification Quantity Remarks
.
1 Computer WINDOWS 7,2GB RAM, 1
160GB HDD -
2 Operating System WINDOWS 7 1 -
3 Browser Google Chrome 1 -
Sr.
No. Enrollment No. Name of Team Member Roll No.
Ms.Seema Y. Somwanshi
Micro-Project Report
1. Rationale:
2.Brief Description:
Develop a user-friendly web application that converts written text into spoken words
using Text-to-Speech (TTS) technology.
Key Features:
1. Text input and voice selection
4
Part B
2. Customizable speech rate, pitch, and volume
3. Support for multiple languages and accents
4. Audio output in MP3 or WAV format
Provide an accessible and innovative solution for visually impaired individuals,
language learners, and auditory learners.
1.Source Code:
1) Main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text to Voice Converter - GreatStack</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
5
Part B
<div class="hero">
<h1>Text To Speech <span>Converter</span> </h1>
<textarea placeholder="Write anything here..." ></textarea>
<div class="row">
<select></select>
<button> <img src="images/yy.png" alt="">Listen</button>
</div>
</div>
</body>
<script src="script.js"></script>
</html>
3)style.css:
*{
padding: 0;
font-family: sans-serif;
box-sizing: border-box;
}
.hero
{
width: 100%;
min-height: 100vh;
background: linear-gradient(45deg,#9b0022,#013475);
display:flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.hero h1{
font-size: 45px;
font-weight: 500;
}
.hero h1 span{
color: #ff2963;
}
textarea{
width: 600px;
height: 250px ;
background:#403d84 ;
color: #fff;
font-size: 23px;
border: 0;
6
Part B
outline: 0;
padding: 20px;
border-radius: 10px;
resize: none;
margin-bottom: 30px;
font-family: cursive;
}
textarea::placeholder{
font-size: 16px;
color: #ddd;
}
.row{
width: 600px;
display: flex;
align-items: center;
gap: 20px;
}
button{
background-color: #ff2963;
color: #fff;
font-size: 16px;
padding: 10px 30px;
border-radius:35px ;
border: 0;
outline: 0;
cursor: pointer;
display: flex;
align-items: center
}
button img{
width: 16px;
margin-right: 10px;
}
select{
flex: 1;
color: #fff;
background: #403d84;
height:50px;
padding: 0 20px;
outline: 0;
border: 0;
border-radius: 35px;
background-image: url(images/dropdown.png);
appearance: none;
background-repeat: no-repeat;
background-size: 15px;
background-position-x:calc(100% - 20px) ;
background-position-y:20px;
}
7
Part B
4)script.js:
window.speechSynthesis.onvoiceschanged = () =>
{
voices = window.speechSynthesis.getVoices();
speech.voice = voices[0];
voiceSelect.addEventListener("change", () =>{
speech.voice = voices[voiceSelect.value];
});
document.querySelector("button").addEventListener("click", () =>{
speech.text = document.querySelector("textarea").value;
window.speechSynthesis.speak(speech);
});
Outputs of Micro-Projects:
1. Functional Text-to-Speech Converter web application
2. Design documentation (wireframes, prototypes)
3. Technical documentation (code comments, API documentation)
4. Test plan and test results
5. Evaluation report
6. Improved accessibility for visually impaired individuals
7. Enhanced language learning experiences
8. Increased user engagement and satisfaction
9. Development of problem-solving and critical thinking skills
10. Enhanced collaboration and teamwork skills
8
Part B
1.Front View:-
9
Part B
3:After writing the Text touch the Listen Button and Listen the Audio !
10
Part B
7.Action Plan:
12