Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/huluvu424242/honey-bibsonomy
https://github.com/huluvu424242/honey-bibsonomy
Last synced: 27 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/huluvu424242/honey-bibsonomy
- Owner: Huluvu424242
- License: mit
- Created: 2021-01-12T20:57:28.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T18:07:36.000Z (almost 2 years ago)
- Last Synced: 2023-03-18T00:30:54.144Z (over 1 year ago)
- Language: TypeScript
- Size: 1.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://travis-ci.com/Huluvu424242/honey-bibsonomy)
[](https://www.npmjs.com/package/@huluvu424242/honey-bibsonomy)
[](https://www.npmjs.com/package/@huluvu424242/honey-bibsonomy)
[](https://www.webcomponents.org/element/@huluvu424242/honey-bibsonomy)
[](https://paypal.me/huluvu424242)
# honey-bibsonomy
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-bibsonomy
## usage
```html
```
To the [demo site](https://huluvu424242.github.io/honey-bibsonomy/index.html)
[Vision of API (under construction)](src/components/honey-bibsonomy/readme.md)
## demo
```html
fizz fizz fizz fizz
buzz buzz buzz buzz
```
To the [live demo](https://huluvu424242.github.io/honey-bibsonomy/index.html)
## become an supporter
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## releaselog
### v0.0.19 unpublished
* bug and feature description
### v0.0.1 published at 2020-11-22
* [issue 43](https://github.com/Huluvu424242/honey-bibsonomy/issues/42) minor bugfixing and refactoring
### v0.0.17 published at 2020-11-16
* [issue 39](https://github.com/Huluvu424242/honey-bibsonomy/issues/39) text splitting removed
### v0.0.16 published at 2020-11-15
* [issue 35](https://github.com/Huluvu424242/honey-bibsonomy/issues/35) change host classes depends of disabled or enabled
* [issue 33](https://github.com/Huluvu424242/honey-bibsonomy/issues/33) A11y config properties added
* [issue 32](https://github.com/Huluvu424242/honey-bibsonomy/issues/32) sync method call and symbol fixed
### v0.0.15 published at 2020-11-08
* [issue 26](https://github.com/Huluvu424242/honey-bibsonomy/issues/26) method pause and resume added
* [issue 25](https://github.com/Huluvu424242/honey-bibsonomy/issues/25) remove dependency of rxjs -> use fetch of es6
* [issue 24](https://github.com/Huluvu424242/honey-bibsonomy/issues/24) remove subscription and use async/await pairs
* [issue 23](https://github.com/Huluvu424242/honey-bibsonomy/issues/23) mutable attributes textids and texturl
### v0.0.14 published at 2020-11-06
* [issue 17](https://github.com/Huluvu424242/honey-bibsonomy/issues/17) reading text from url added
### v0.0.13 published at 2020-11-06
* initializing of voices fixed
* [issue 2](https://github.com/Huluvu424242/honey-bibsonomy/issues/2) 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
* https://auth0.com/blog/creating-web-components-with-stencil/
* https://www.twilio.com/blog/2018/02/creating-and-publishing-web-components-with-stencil.html
* https://stenciljs.com/docs/introduction
* https://css-tricks.com/styling-a-web-component/
* https://meowni.ca/posts/part-theme-explainer/
## warranty
no warranty
## license
MIT License
## technology used
* [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)
* [Custom Elements](https://developer.mozilla.org/en-US/docs/Web/API/Window/customElements)
* [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)
* [Shadow Parts](https://developer.mozilla.org/de/docs/Web/CSS/::part)
## 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?](https://caniuse.com/#feat=speech-synthesis)
### Custom Elements
* [Can I use with browsers?](https://caniuse.com/#feat=mdn-api_window_customelements)
### CSS Custom Properties
* [Can I use with browsers?](https://caniuse.com/#search=css%20custom%20properties)
### Shadow Parts
Firefox
Maybe you must via about:config set the layout.css.shadow-parts.enabled to true.
Generell
* [Can I use with browsers?](https://caniuse.com/#feat=mdn-css_selectors_part)