Playing with Web Speech API and AI

It’s been a while since I wrote a blog post, I’ve been busy with some new projects. Learning some new frameworks, languages and development processes. One such framework is Angular.  Unfortunately I don’t have time to share a proper tutorial just yet. I have however, updated my site using Angular, Web Speech API and some machine learning.

With speech recognition and AI really starting to come into the mainstream (Google Home, Siri, Alexa), I wanted to see how to build my own.

I present to you:

“Atom”

Very much a work in progress. Right now you can search for “Blog posts” or “Tutorial posts” and it will return the list of posts that match your request. I will be building out a “help” screen next and more features like “search”, “posts with ‘tag’”, etc

Using AI from Wit.ai building out new features is a breeze and it will start getting smarter the more it is used.

Currently Web Speech API is only supported by Chrome. To resolve that, I included a text field which will allow you to search the same way. Hopefully, Web Speech API will get picked up by other browsers soon.

As you may have noticed, I have moved my site over to a hybrid of Angular and WordPress. It’s still a work in progress but I love how things are shaping up.

Wait! What about SEO? An Angular site is client-side rendered and Google can not crawl it! You are right. But let’s face it, I’m not writing any groundbreaking things here and really just use it as a resource to keep info. I get spikes of direct traffic every now and then and that is cool with me. Maybe one day I’ll look into server-side rendering of an Angular website but that will be low on the priority list.