css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

A proof of concept to create a Siri like personal assistant on the web. This currently only works in Chrome, but SpeechRecognition should land in Firefox sometime in the near future.

To create the assistant I made use of:

  • SpeechRecognition api
  • SpeechSynthesis
  • api.ai

Note that api.ai can handle a lot of topics like weather, news, sport and much more, but for this demo I'm using the free version so only some simple small talk is supported at the moment.

Design inspired by this dribbble: https://dribbble.com/shots/1818748-Appon-Chat-Widget


  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.