Converting from Speech to Text with JavaScript

In this tutorial we are going to experiment with the Web Speech API. It’s a very powerful browser interface that allows you to record human speech and convert it into text. We will also use it to do the opposite – reading out strings in a human-like voice.

Let’s jump right in!

The App

To showcase the ability of the API we are going to build a simple voice-powered note app. It does 3 things:

  • Takes notes by using voice-to-text or traditional keyboard input.
  • Saves notes to localStorage.
  • Shows all notes and gives the option to listen to them via Speech Synthesis.


Our App for Taking Notes Using Voice Input.


We won’t be using any fancy dependencies, just good old jQuery for easier DOM operations and Shoelace for CSS styles. We are going to include them directly via CDN, no need to get NPM involved for such a tiny project.

The HTML and CSS are pretty standard so we are going to skip them and go straight to the JavaScript. To view the full source code go to the Download button near the top of the page.

Continue reading “Converting from Speech to Text with JavaScript”


Δωρεάν e-books για app inventor και scratch.

Το «Δημιουργώ παιχνίδι στο Scratch» είναι ένα δωρεάν βιβλίο σε μορφή e-book το οποίο αποτελεί μια εξαιρετική πρόταση για μικρούς αλλά και για μεγάλους ώστε να μπουν στον κόσμο και την φιλοσοφία του προγραμματισμού με τον πιο ανώδυνο τρόπο.

Η δωρεάν πλατφόρμα του ΜΙΤ (Ινστιτούτο Τεχνολογίας της Μασαχουσέτης) «App Inventor»,  είναι κατάλληλα σχεδιασμένη για χρήστες οι οποίοι είναι αρχάριοι στον προγραμματισμό και αποτελεί ένα βελτιστοποιημένο για εκπαιδευτική χρήση εργαλείο, επιτρέποντας την εύκολη δημιουργία εφαρμογών για android συσκευές. Το παρόν δωρεάν e-book είναι γραμμένο από τον Σύλλογο εκπαιδευτικών Πληροφορικής Χίου όπου περιέχει προσεκτικά επιλεγμένες και όσο το δυνατόν πρωτότυπες δραστηριότητες, επιχειρώντας να εισάγει τον αναγνώστη σε βασικές έννοιες προγραμματισμού, ώστε σταδιακά να είναι ικανός να μετατρέπει τις ιδέες του σε πράξη, σχεδιάζοντας και αναπτύσσοντας τις δικές του εφαρμογές.

Hello World – a new magazine for educators.

Hello World is a magazine about computing and digital making written by educators, for educators. With three issues each year, it contains 100 pages filled with news, features, teaching resources, reviews, research and much more.

It is designed to be cross-curricular and useful to all kinds of educators, from classroom teachers to librarians.  While it includes lots of great examples of how educators are using Raspberry Pi computers in education, it is device- and platform-neutral.

HTTP request and HTML parsing with C++

Peters was eating dog food. Why are you eating dog food, I asked Peters. I don’t have time to explain, was his response.

He has one eye on the natural world and one eye in his Oculus Rift virtual reality headset.

‘Don’t worry,’ I told him, placing a hand on his fatty shoulder, ‘I will bring the latest news to your synthetic universe.’

Here’s how…

European Astro Pi challenge

ESA is inviting teams of students who are 16 years old and younger to join the first European Astro Pi challenge and have their experiments run on the International Space Station! Take this opportunity to learn about science and coding, just like space scientists do! Click here for details.

Νέο e-book για Python στα Ελληνικά με παραδείγματα βήμα προς βήμα.

Ο οδηγός αυτός βασίζεται σε ορισμένα παραδείγματα μέσα από τα οποία θα μπορέσετε εύκολα και γρήγορα να πάρετε μια ιδέα για το πως μπορείτε να γράψετε κώδικα γρήγορα και αποτελεσματικά σε Python 3. Ο συγκεκριμένος οδηγός θα βρίσκεται υπό συνεχή ανανέωση και θα εμπλουτίζεται με το πέρασμα του χρόνου. Φιλοδοξεί να καλύψει το κενό που υπάρχει από οδηγούς για την συγκεκριμένη έκδοση της γλώσσας, ιδιαίτερα στην ελληνική.

  • Μπορείτε να κάνετε λήψη του αρχείου μέσω του ή απευθείας εδώ.
  • Μελλοντικές ανανεώσεις του βιβλίου θα είναι διαθέσιμες εδώ.

Shaping WordPress Themes

gmelpo's Blog

A fine site


Just another site

10K L-Systems Blog

A 10k Apart Entry

Electric Soup

each word is malleable

Η τεχνολογία στην εκπαίδευση

Με τις νέες αυτές προσεγγίσεις προσπαθούμε να προκαλέσουμε το ενδιαφέρον και την επιθυμία για μάθηση, καλλιεργώντας ικανότητες του 21ου αιώνα...

Εισαγωγή στις Αρχές της Επιστήμης των Η/Υ

Γενικής Παιδείας Β΄ τάξης ΓΕ.Λ.

Skyros Refuge

Agrotourism holidays on Skyros Island, Greece

Manikandan's Weblog

If, else, do, while, switch,.........Javascript, Ajax, JSON, MySQL

Eivind's Weblog

Challenges and solutions within the world of web applications, Jboss and Jsf

I Am, Therefore I Think

"Congress shall make no law... abridging the freedom of speech, or of the press..."


Τεκ τοκ

Δομημένος Προγραμματισμός

Το πανελλαδικά εξεταζόμενο μάθημα για τα ΕΠΑ.Λ.


est. '05 - H Πληροφορική σήμερα 2K18

Ανάπτυξη Εφαρμογών σε Προγραμματιστικό Περιβάλλον

όχι άλλος ένας δικτυακός τόπος για το μάθημα Ανάπτυξη εφαρμογών σε προγραμματιστικό περιβάλλον, αλλά ένας άλλος δικτυακός τόπος για το μάθημα Ανάπτυξη εφαρμογών σε προγραμματιστικό περιβάλλον (ΑΕΠΠ)

%d bloggers like this: