# Jak działa mówienie w przeglądarce

**URL:** <https://ai-speaker.discourse.group/t/jak-dziala-mowienie-w-przegladarce/377>\
**Category:** faq\
**Created:** [16 Kwiecień 2020 07:54 UTC](https://ai-speaker.discourse.group/t/jak-dziala-mowienie-w-przegladarce/377 "2020-04-16T07:54:17Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Autor:** ![jolka](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/jolka/32/5_2.png) [@jolka](https://ai-speaker.discourse.group/u/jolka)\
**Data wpisu:** [16 Kwiecień 2020 07:54 UTC](https://ai-speaker.discourse.group/t/jak-dziala-mowienie-w-przegladarce/377/1 "2020-04-16T07:54:17Z")

</div>

# Wyjaśmimy jak to się dzieje, że “Jolka mówi w przeglądarce”

Jest to odpowiedz na pytania, typu “dlaczego w mojej przeglądarce xxx Jolka mówi tak a w przeglądarce yyy inaczej”?

## Speech Synthesis API

Do mówienia w przeglądarce stosujemy API przeglądarki:

> **[Window: speechSynthesis property - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/speechSynthesis)**
>
> The speechSynthesis read-only property of the Window object returns a SpeechSynthesis object, which is the entry point into using Web Speech API speech synthesis functionality.

implementacja i dostęp do tego api zależy od przeglądarki:

> **[Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/#search=Speech%20Synthesis%20API)**
>
> "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/4/44303d806c9d0586141c0864fefeb66303d028cf.png)

## Kod po stronie Jolki

nasz kod sprowadza się do tych 3 podkreślonych linijek

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/e/e41ceca378afe824578a868944f2379549543601.png)

## Test w przeglądarce

na dowolnej stronie w konsoli przeglądarki wystarczy wkleić coś takiego:

```auto
var speech = new SpeechSynthesisUtterance("Cześć tu Jolka");
speech.lang = "pl-PL";
window.speechSynthesis.speak(speech);

```

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/9/91ceb1c996d2c0466d13d2f2c208db1bde984299.png)

## Podsumowanie

> Jeśli efekt mówienia w przeglądarce nie jest zadowalający, to należy to niezwłocznie zgłosić do producenta przeglądarki, bo źle / słabo zaimplementował Speech Synthesis API.  
> AI-Speaker jeszcze nie dostarcza Speech Synthesis API do przeglądarek Internetowych 😉

---

_[View the full topic](https://ai-speaker.discourse.group/t/jak-dziala-mowienie-w-przegladarce/377)._