Government Polytechnic,

Solapur
Micro project proposal on:
Client side scripting Language (22519)
Write a JavaScript program to perform Speech To Text Application.
Submitted by:

Sr.no Roll no Enrollment Name of student

no
1 55 1900150461 SULAKHE RITESH MANOJ
2 57 1900150463 GORE RUDRA RAVINDRA
3 59 1900150465 PAGDE KIRAN DATTATRAY

Under the guidance of:

Mrs. Ambika V. Mittapally
Department Of Information Technology
Academic year:
(2021-2022 third year)
 Part A
 Title of micro project :-

Write a JavaScript program to perform Speech To Text application.

 Brief introduction:

Java script is limited feature client side programming language .java

script run at the client end through user’s browsers without sending
massages back and forth to the server. It is widely used by the web
developers to do things such as build dynamic webpages, respond to
events, create interactive forms, validate data that the visitor enters into
a form, control the browsers, etc.

 Aim of micro project:

Implement Speech To Text application using client side scripting language.

 Intended course outcomes:

1. Create interactive webpages using program flow control structure.
2. Implement array and function in JavaScript .
3. Create event web form using JavaScript .
4. Create interactive webpages using regular for validation.

 Literature review:

 CSS stands for Cascading Style Sheets

 CSS describes how HTML elements are to be displayed on screen, paper,
or in other media
 CSS saves a lot of work. It can control the layout of multiple web pages all
at once
 External style sheets are stored in CSS files

Speech To Text is one of the basic projects a JavaScript or any other language a
newbie programmer should probably know how to create. It is a basic project
because it entailsEvent in JavaScript. All you have to do is to create a button for
conversion operations.
Speech to text is a speech recognition software that enables the recognition and
translation of spoken language into text through computational linguistics
  Proposed methodology:
1. Discussion about given topic
2. Selection of Group leader and distributions on responsibilities
3. Collection of information using different resources
4. Analysis of information performance given
5. Representation information in a required format
6. Preparation of project report
7. Computation and submission of assign task

 Resources required

SR.no Name of Specifications Quantity Remark

resources

1 Laptop AMD RYZEN [email protected] 1

Ram 8GB

2 Internet Www.wikipedia.com 3

Www.studytonight.com

Www.tutorialspoint.com

3 Books 1. Javascript Demystified:- 2

Keogh,Jim.
2. Beginning JavaScript :-
Wilton,paul
  Action plan

Sr.no Details of activity Planned Planned Number of members

started date finished date

1 Discussion 1/9/2021 5/9/2021 1) Sulakhe Ritesh Manoj

2) Gore Rudra Ravindra

3) Pagde Kiran Dattatray

2 Collection of 5/9/2021 19/9/2021 1) Sulakhe Ritesh Manoj

information
2) Gore Rudra Ravindra

3 Analysis of 26/9/2021 10/10/2021 1) Pagde Kiran Dattatray

information
2) Sulakhe Ritesh Manoj

3) Gore Rudra Ravindra

4 Representation in 10/10/2021 12/10/2021 1) Gore Rudra Ravindra

information
2) Pagde Kiran Dattatray

3) Sulakhe Ritesh Manoj

5 Preparation of report 12/11/2021 15/11/2021 1) Sulakhe Ritesh Manoj

6 Computation of 15/11/2021 19/11/2021 1) Sulakhe Ritesh Manoj

assign task
2) Gore Rudra Ravindra

3) Pagde Kiran Dattatray

 Part B

 Title:-
Write a JavaScript program to perform Speech To Text application.

 Rationale

Java script is limited feature client side programming

language .java script run at the client end through user’s browsers
without sending massages back and forth to the server. It is widely used
by the web developers to do things such as build dynamic webpages,
respond to events, create interactive forms, validate data that the visitor
enters into a form, control the browsers, etc.

JavaScript is most commonly used as a client side scripting

language. This means that JavaScript code is written into an HTML page.
When a user requests an HTML page with JavaScript in it, the script is
sent to the browser and it's up to the browser to do something with it.

 Aim of the micro project:

Implement registration form of tours and travels management system using
advanced java programming.

 Intended course outcomes:

 Create interactive webpages using program flow control structure.
 Implement array and function in JavaScript .
 Create event web form using JavaScript .
 Create interactive webpages using regular for validation.

 Literature review

JavaScript is most commonly used as a client side scripting

language. This means that JavaScript code is written into an HTML page.
When a user requests an HTML page with JavaScript in it, the script is
sent to the browser and it's up to the browser to do something with it.
 Speech To Text is one of the basic projects a JavaScript or any other
language a newbie programmer should probably know how to create. It
is a basic project because it entailsEvent in JavaScript. All you have to do
is to create a button for conversion operations.

Speech to text is a speech recognition software that enables the

recognition and translation of spoken language into text through
computational linguistics

Button created has its own event handlers and functions.

Whenever a number button is clicked, It show the text that is stared
listening and after that when we stop speaking show that stoped
listening. After this process it print the text which we had spoken and we
can copy tht text.

Actual methodology:
1. Discussion about given topic
2. Selection of Google and distributions on responsibilities
3. Collection of information using different resources
4. Analysis of information performance given
5. Representation information in a required format
6. Preparation of project report
7. Computation and submission of assign task

 Skill development:
1. Communication
2. Problem-solving
3. Teamwork
4. Adaptability
5. Creativity
6. IT skills
7. Programming skill
  code
<!doctype html>
<head>
<style>
/* CSS comes here */
body {
font-family: arial;
}
button {
padding:10px;
background-color:#6a67ce;
color: #FFFFFF;
border: 0px;
cursor:pointer;
border-radius: 5px;
}
#output {
background-color:#F9F9F9;
padding:10px;
width: 100%;
margin-top:20px;
line-height:30px;
}
.hide {
display:none;
}
.show {
display:block;
}
</style>
<title>JavaScript Speech to Text</title>
</head>
<body>
<h2>JavaScript Speech to Text</h2>
<p>Click on the below button and speak something...</p>
<p><button type="button" onclick="runSpeechRecognition()">Speech to Text</button> &nbsp;
<span id="action"></span></p>
<div id="output" class="hide"></div>
<script>
/* JS comes here */
function runSpeechRecognition() {
// get output div reference
var output = document.getElementById("output");
 // get action element reference
var action = document.getElementById("action");
// new speech recognition object
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var recognition = new SpeechRecognition();

// This runs when the speech recognition service starts

recognition.onstart = function() {
action.innerHTML = "<small>listening, please speak...</small>";
};

recognition.onspeechend = function() {
action.innerHTML = "<small>stopped listening, hope you are done...</small>";
recognition.stop();
}

// This runs when the speech recognition service returns result

recognition.onresult = function(event) {
var transcript = event.results[0][0].transcript;
var confidence = event.results[0][0].confidence;
output.innerHTML = "<b>Text:</b> " + transcript + "<br/> <b>Confidence:</b> " +
confidence*100+"%";
output.classList.remove("hide");
};
// start recognition
recognition.start();
}
</script>
</body>
</html>
  Output

 Area of features improvement:

This application is develop to provide best Speech To Text application. We have developed
converter to provide the efficient conversion to user. This system also helps to promote
responsible and interesting user for making conversion’s.

 Application of micro project:

Speech To Text application project is a web based application useful for managing the
conversion’s.
  Resources required:
SR.no Name of Specifications Quantity Remark
resources

1 Laptop AMD [email protected] 1

Ram 8GB

2 Internet Www.wikipedia.com 3

Www.studytonight.com

Www.tutorialspoint.com

3 Books  Javascript Demystified:- 2

Keogh,Jim.
 Beginning
JavaScript :-
Wilton,paul