patrickmonteiro / quasar-speech-api Goto Github PK

🎤 🔉 Projeto de um SPA desenvolvido com Quasar Framework 1.0 + Speech API para capturar áudio e transformar em texto, ou utilizar um texto como base para a aplicação emitir um áudio.

Home Page: https://quasarspeechapi.netlify.app/#/

License: MIT License

JavaScript 54.94% Vue 38.91% HTML 4.14% Stylus 2.01%

quasar-framework speech-to-text speech-synthesis speech-recognition hacktoberfest

quasar-speech-api's Introduction

Quasar + Speech API 🎤 🔉

Projeto de uma SPA desenvolvido com Quasar Framework + Speech API para capturar áudio e transformar em texto, ou utilizar um texto como base para a aplicação emitir um áudio.

DEMO: https://quasarspeechapi.surge.sh

O que usamos nesse projeto:

SpeechSynthesisUtterance - A SpeechSynthesisUtteranceinterface da Web Speech API representa uma solicitação de fala. Ele contém o conteúdo que o serviço de fala deve ler e informações sobre como lê-lo (por exemplo, idioma, tom e volume).
SpeechRecognition - A SpeechRecognitioninterface da Web Speech API é a interface do controlador para o serviço de reconhecimento; isso também lida com o SpeechRecognitionEventenviado do serviço de reconhecimento.
Quasar Framework - Escreva código uma vez e simultaneamente implante-o como um site, um aplicativo móvel e / ou um aplicativo electron(desktop). Sim, a mesma base de código para todos , ajudando você a desenvolver um aplicativo em tempo recorde usando um CLI de última geração e com o suporte de componentes da Web Quasar bem escritos e voltados para o desempenho.

Donations

I've been contributing to the Vue.js and Quasar community for a few years with lots of content like articles, example projects, videos on my youtube channel. But I do all this for free to try to help those who are starting in this new world of modern front-end.

If my content has helped you in any way and you want to buy me a coffee, you can use my PICPAY QRCode below. Any value is welcome and encourages me to continue creating content for the community.

🇧🇷 BR

Estou há alguns anos contribuindo para a comunidade Vue.js e Quasar com muitos conteúdos como artigos, projetos de exemplos, vídeos no meu canal do youtube. Porém faço tudo isso de forma gratuita para tentar ajudar aqueles que estão iniciando nesse novo mundo de front-end moderno.

Caso meu algum de meus conteúdos tenha lhe ajudado de alguma forma e você queira me pagar um café, pode utilizar meu QRCode do PICPAY abaixo. Qualquer valor é bem vindo e me estimula a continuar criando conteúdos para a comunidade.

https://picpay.me/patrickmonteiroo

Pantreon

Pantreon Patrick Monteiro

quasar-speech-api's People

Contributors

Stargazers

Watchers

Forkers

yunsite navicstein mrfork91 forksbot joaopedromoraez ghanihaa alexanderlion tiagodanin-forks a4amaan ryansat haritsinh anothershahid

quasar-speech-api's Issues

TypeError: can't assign to property "lang" on false: not an objectapp.js

Hi Patrick, thanks for sharing this example.
When I run quasar dev on localhost on the repo and hit Record I am getting "return error". What am I doing wrong? Any hint appreciated.

return error Index.vue:107
TypeError: can't assign to property "lang" on false: not an objectapp.js line 1062 > eval:80:21
    start speech.js:45

I am using Firefox 62.0.2 on Ubuntu

When I print an error I am getting

return error TypeError: "can't assign to property "onresult" on false: not an object"
    start speech.js:50
    start speech.js:35
    record Index.vue:96
    click Index.vue:45
    VueJS 4
        invokeWithErrorHandling
        invoker
        invokeWithErrorHandling
        $emit
    click QBtn.js:101
    VueJS 3
        invokeWithErrorHandling
        invoker
        _wrapper
Index.vue:107

TypeError: can't assign to property "lang" on false: not an objectapp.js line 1062 > eval:80:21
    start speech.js:45

I've written a library of quasar speech components

Rather than create a "me too" library. I wonder if you'd like to combine our efforts!
I've already created and tested speech components based on Quasar including QTextToSpeech and QVoicePicker and internal API to assist smart voice selection. Needs some improvements and testing.
Not done speech recognition yet but found some good JS libs to help that along.

"erro no retorno" ao pressionar pra gravar

Quando pressiono pra gravar, aparece a overlay de carregamento mas some logo em seguida.

No console, aparece a mensagem "erro no retorno".

Se o Contínuo tiver ligado, acontece a mesma coisa só que sem a mensagem "erro no retorno" e o botão de stop fica na página.

Tem limitação de browser esse app?

Adicionar i18n

Este projeto tem uma visibilidade grande, e muitos dos consumidores são estrangeiros.
Seria interessante implementar o i18n tanto para os textos, quanto a a escolha da linguagem padrão do navegador.
Além disso, existe um menu de "cadastro", onde são feitas algumas perguntas e o usuário responde por voz. Também seria interessante que essas mensagens fossem sintetizadas de acordo com o idioma escolhido no i18n

Idiomas necessários:

pt-br 🇧🇷
en-us 🇺🇸

Android platform does not work clicking voice

Voice doesn't work on Android, it only works on the web, what do I do to test it on a cell phone?

patrickmonteiro / quasar-speech-api Goto Github PK

quasar-speech-api's Introduction

Quasar + Speech API 🎤 🔉

Donations

🇧🇷 BR

Pantreon

quasar-speech-api's People

Contributors

Stargazers

Watchers

Forkers

quasar-speech-api's Issues

TypeError: can't assign to property "lang" on false: not an objectapp.js

I've written a library of quasar speech components

"erro no retorno" ao pressionar pra gravar

Adicionar i18n

Android platform does not work clicking voice

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent