Hangfelismerés React-ben

Mindig örömmel próbálunk ki új technológiákat, és hajszoljuk a kihívást jelentő feladatokat. Csapatunk egyik react fejlesztője most valami olyanhoz nyúlt, ami nemcsak, hogy megadta számára a „heuréka” feeling-jét, hanem számos területen nyújthat hasznos megoldást is. Elkészítette egy olyan asztali alkalmazás demóját, amiben hangvezérlésen alapuló navigációt valósított meg, mindezt React keretrendszerben.

Hangfelismerés React-ben

Röviden összefoglalva az alkalmazást a hangunk segítségével irányíthatjuk. Ezzel a technológiával a felhasználói élmény egy új, magasabb szintre emelkedhet.

Képzeld el, hogy éppen a szódabikarbónás kenyereden dolgozol a home office-od alatt, mert persze megint nem kaptál élesztőt a régi megszokott receptedhez. Majd rájössz, hogy valamit kihagytál, de tésztás kézzel nem nyúlhatsz a gépedhez, hogy belenézz a receptbe. Milyen jó lenne, ha mindezt pusztán hangvezérléssel meg tudnánk oldani?


Továbbmegyünk. Ismerős az, amikor a prezentációd alatt lemerül a prezenter? Vagy akár az előadás megkezdése előtt jössz rá, hogy nincs is nálad? Ezzel a megoldással ilyen esetben nem betonozod be magad a laptop mellé, és nem kell azon aggódnod, hogy a prezentációd megfelelő oldalán vagy részén tartasz-e, továbbléptettél-e, mert a rendszer követ az elhangzottak alapján.


Komolyabb vizekre evezve, hasznos lehet az akadálymentesség megvalósításában is, továbbá egy ehhez hasonló megoldással csökkenthető lenne a fizikai kontaktusok száma, ami kifejezetten hasznos lehet a jelenlegi járványidőszakban.

Technikai infó a használathoz

A demó kártyák bemutatására szolgál.
Lapozhat a kártyák oldalai között.
Kiválaszthat kártyákat a megfelelő számmal.
A kiválasztott kártyát meg lehet nyitni és bezárni. Megnyitást követően van lehetőség a kártyák között bezárás nélkül is navigálni. Ehhez ugyanazon a lapon szereplő, új kártya kiválasztása és megnyitása szükséges, vagy a “következő” és “előző” kulcsszavak használata.

Kulcsszavak

  • Számok 1-től 10-ig – kártyák kiválasztása
  • “Következő” – következő oldal, következő kártya
  • “Előző” – előző oldal, előző kártya
  • “Megnyitás” – kártya megnyitása
  • “Bezárás” – kártya bezárása

Szükséges böngésző: Google Chrome
Szükséges böngésző nyelv: magyar

Nem kérdés, hogy ebben a technológiában hatalmas lehetőség rejlik, így talán nagy hatással lesz a webfejlesztés jövőjére. Mindenesetre mi azon leszünk, hogy ez ne csak feltételes mód maradjon.

Az alkalmazást készítette: Szabó Levente, Netlife Kft.