Scribd Logo
Upload

Welcome to Scribd!

  • 76 views

    CSS Microproject

    Uploaded by

    Abdullah Shaikh
    This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    CSS Microproject

    Uploaded by

    Abdullah Shaikh
    76 views10 pages
    This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

    Original Description:

    Original Title

    545955202 CSS Microproject

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    76 views10 pages

    CSS Microproject

    Uploaded by

    Abdullah Shaikh
    This document describes a student project to create a speech-to-text application using JavaScript. It includes an introduction to JavaScript, the program code to build a speech recognition interface, and outputs the recognized text. The student learned about JavaScript programming and how to use events to start and stop speech recognition and display the transcript. The project involved collecting information on JavaScript and HTML and applying it to build a functional speech-to-text converter.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 10

    CSS MICROPROJECT

    A PROJECT REPORT

    Submitted By:

    Sr. No. Roll No. Student Name Enrollment No

    01 01 Shaikh Abdullah Abdul Bashir 1705690080

    IN PARTIAL FULFILLMENT OF THE FIFTH SEMESTER


    IN INFORMATION TECHNOLOGY

    CERTIFICATE

    ABDUL RAZZAQ KALSEKAR POLYTECHNIC,

    MAHARASHTRA STATE OF TECHNICAL EDUCATION, New Panvel.

    This is certify that the following students. :

    Sr. No. Roll No. Student Name Enrollment No

    01 01 Shaikh Abdullah Abdul 1900150461


    Bashir
    Of FIFTH Semester of Diploma in Information Technology of Institute
    of AIARKP, New Panvel (Code: 0569) have complete the micro-project work
    satisfactorily under my supervision and guidance in subject CSS 22519 for
    the academic year 2022-2023 as prescribed in the curriculum.

    1
    CSS MICROPROJECT

    Part-A Micro-Project Proposal


    Speech To Text

    1.0 Aims/Benefits of the Micro-Project –program to perform Speech To Text application.

    2.0 Course Outcomes Addressed


    In this project I learn about what is Event Handling and tags of java Script.

    3.0 Proposed Methodology


    We completed our work in good co-ordination and hardworking. First we
    started collecting information about java Script and html programming And we
    started to form report on that concept. Finally we completed the project with good
    outcomes.

    4.0 Action Plan (Sequence and time required for major activity)
    Sr. Details of activity Planned Start Planned Name of
    No. date Finish date Responsible
    Team Members
    1 Selection of topic 28-11-2022 03-12- ALL MEMBERS
    2022

    2 Collecting information 28-11-2022 03-12-2022 ALL MEMBERS

    3 Typing in word 28-11-2022 03-12-2022 ALL MEMBERS

    4 Coding 28-11-2022 03-12-2022 ALL MEMBERS

    5 Setting in word document 28-11-2022 03-12-2022 ALL


    MEMBERS
    5.0 Resources Required (major resources such as raw material, some machining facility,
    software etc.)
    Sr. Name of Specifications Qty Remarks
    No. Resource/material

    1 MS-Word MS-2010 1
    2 Laptop AMD RYZEN @3.30GHZ 1
    8GB RAM
    3 Application Sub-lime text 1
    Annexure – II

    1
    CSS MICROPROJECT

    Part – B Micro-Project Report


    Speech To Text

    1.0 Aims/Benefits of the Micro-Project :


    Simple Application Speech To Text.

    2.0 Course Outcomes Addressed


    In this project I learn about what is Event Handling and tags of java Script.

    3.0 Literature Review


    The main part of this project is to develop a various Application

    4.0 Actual Methodology Followed.

    We completed our work in good co-ordination and hardworking. First I started


    collecting information about java Script and html programming. And I started to form
    report on that concept. Finally we completed the project with good outcomes.

    5.0 Outputs of the Micro-Projects successfully


    made Speech To Text converter.

    6.0 Skill Developed / Learning outcome of this Micro-Project


    From this project I learned about Java Script Programming .

    1. Actual Methodology Followed.

    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
    CSS MICROPROJECT

    1. Communication
    2. Problem-solving
    3. Teamwork
    4. Adaptability
    5. Creativity
    6. IT skills
    7. Programming skill

    1
    CSS MICROPROJECT

    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.

    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.

    Program Code :
    <!doctype html>

    <head>

    <style>
    /* CSS comes here */

    body { font-family:

    arial;

    1
    CSS MICROPROJECT

    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>

    1
    CSS MICROPROJECT

    <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");

    };

    1
    CSS MICROPROJECT

    // start recognition
    recognition.start();

    </script>

    </body>

    </html>

    1
    CSS MICROPROJECT

    Output:

    1
    CSS MICROPROJECT

    Conclusion:
    The project involves a good knowledge of JavaScript and
    html programming language. We learnt about html tags,
    Events.
    Speech to Text Recognition system Provides the ability of convert
    into well understandable words Due to its ability of real time speech
    conversion this stem used in various fields like ,
    Automated Car Environment, ASR System for Air traffic control uses
    the hidden Markov model , Speech recognition used for route
    navigation.

    Reference:-
    www.wikipedia.com

    Thank You!!!!!....

    You might also like