Giter Club home page Giter Club logo

voice-ql-vue-talking-client's Introduction

Voice-QL - Web Client - Talking Browser Demo

Introduction

This code in this repository is part of the "Voice QL" project and requires two other services to be up and running when you want to use it (see installation instructions below).

The main setup and architecture has been cloned from the Jovo Web Starter Demo for a "Standalone Voice Experience" in a Chrome browser which can be found here: https://github.com/jovotech/jovo-starter-web-standalone

You can use this Web Client to talk via the microphone from your device with a database using your voice and natural language commands.

Look and feel

After launch in a browser you can use a button to make your microphone listen to your (German) voice commands which will then be executed by the Voice-QL backend.

The system will read the results allowed. The following screen shot shows you the look and feel:

Chatbot

Quick setup for test environment

How to setup:

  1. Preparation: Start Snips NLU as described here: https://github.com/fboerncke/voice-ql#setup--installation

  2. Preparation: Start Voice-QL as described here: https://github.com/fboerncke/voice-ql#setup--installation

    The demo will later use (1) and (2) as backend.

  3. Now checkout, build and start the demo:

    mkdir voice-ql-vue-talking-client
    git clone [email protected]:fboerncke/voice-ql-vue-talking-client.git
    npm install
    npm run serve
    
  4. If you experience problems when launching and see error messsages related to SSL this may be because of a newer node version. The following environment setting should help you in that case:

    export NODE_OPTIONS=--openssl-legacy-provider
    

    Then run npm run serve again.

  5. Now use your local browser and navigate to the address shown in the console window, e.g. http://localhost:8080/ and follow the instructions on the screen.

Restrictions: this demo uses the Web Speech API, which only works in Google Chrome

App

You can host your Jovo app on almost any platform, whether you choose a hosting provider or to build your own Node.js-based HTTP server. Here are a few examples:

About Jovo

Jovo is the most popular development framework for voice, including platforms like Alexa, Google Assistant, and the web.

Acknowledgements

This project receives funding from the German Federal Ministry of Education and Research (FKZ 01IS22S30)

Logo Bundesministerium für Bildung und Forschung     Logo Open Knowledge Foundation     Logo Prototype Fund

The Prototype Fund is a project of the Open Knowledge Foundation Germany, funded by the German Federal Ministry of Education and Research (BMBF).

voice-ql-vue-talking-client's People

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

prototypefund

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.