honey-speech

(2020-11-30 @huluvu/honey-speech -> moved to @huluvu/honey-speaker)

This component realize an speaker symbol button. Its can read a text of DOM elements referenced by an list of ids via voice.

installation

npm install --save honey-speech

usage

<script 
    type="module" 
    src='https://unpkg.com/@huluvu424242/honey-speech@0.0.13/dist/honey-speech/honey-speech.js'>
</script>

To the demo site

Vision of API (under construction)

demo

<honey-speech textids="text1,text2"></honey-speech>
<p id="text1">fizz fizz fizz fizz</p>
<p id="text2">buzz buzz buzz buzz</p>

To the live demo

become an supporter

Fork it!
Create your feature branch: git checkout -b my-new-feature
Commit your changes: git commit -am 'Add some feature'
Push to the branch: git push origin my-new-feature
Submit a pull request :D

releaselog

v0.0.14 unpublished

v0.0.13 2020-11-06

initializing of voices fixed
issue2 e2e tests fixed
css support of ::part removed (to complex for end user)
a11y: tabindex=0, keydown: space and enter, role="button", alt text, svg role="img"
speaker realized as toggle button
custom css attribute names changed

v0.0.12 published at 2020-02-29

docu and demo urls fixed

v0.0.11 published at 2020-02-29

support of voice parameter

v0.0.10 published at 2020-02-28

support for large texts added
defined css variables supported
css ::part supported for speakerpane
svg embed - no extra assets needed
sizeable via css
color of background, stroke and fill css styleable
ident property computed from id attribute or random if absent
example added
stencil/core removed from bundle again (no storybook support at now)

v0.0.9 published at 2020-02-23

stencil/core added to bundle

v0.0.8

readme updated
icon color blue
background color attribute added

v0.0.7

first working version with icon.
support of id list of speaker texts.

v0.0.2 - v0.0.6

try to publish assets with component to npmjs.com but failed.

v0.0.1

setup project based at https://github.com/ionic-team/stencil-component-starter rating-stencil-component

internet links

warranty

no warranty

license

MIT License

technology used

browser support

Web Speech API

Firefox

Maybe you must via about:config set media.webspeech.synth.enabled to true

Generell

Can I use with browsers?

Custom Elements

Can I use with browsers?

CSS Custom Properties

Can I use with browsers?

Shadow Parts