liona-speech-input
Version:
Web Component for speech input field
76 lines (52 loc) • 1.99 kB
Markdown
[](https://www.webcomponents.org/element/liona-speech-input)
# liona-speech-input
Die Webkomponente realisiert ein input tag mit Button zur Sprachein- und ausgabe.
## Installation
npm install --save liona-speech-input
## Verwendung
```html
<script type="module" src="node_modules/liona-speech-input/dist/index.bundle.js">
window.customElements.define('liona-speech-input', LionaSpeechInput);
</script>
```
Zur [Demo Seite](https://funthomas424242.github.io/liona/index.html)
## Demo
<!--
```
<custom-element-demo>
<template>
<link rel="import" href="docs/index.html">
<next-code-block></next-code-block>
</template>
</custom-element-demo>
```
-->
```html
<liona-speech-input></liona-speech-input>
```
Zur [Live-Demo](https://funthomas424242.github.io/liona-speech-input/)
## Mitarbeit
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.2
* Homepage gesetzt
* Bugfixes um Nutzung der Webkomponente zu ermöglichen
### v0.0.1
* Initiales Projektsetup basierend auf https://github.com/FunThomas424242/webspeech.example
## Quellen
* https://zellwk.com/blog/publish-to-npm/
* https://medium.com/@svinkle/getting-started-with-webpack-and-es6-modules-c465d053d988
* https://github.com/educastellano/qr-code
* https://flaviocopes.com/es-modules/
* https://www.sitepoint.com/understanding-es6-modules/
* https://medium.com/javascript-in-plain-english/create-micro-frontends-using-web-components-with-support-for-angular-and-react-2d6db18f557a
* https://www.cheatography.com/funthomas424242/cheat-sheets/webcomponents-native-javscript/
* https://dev.to/bennypowers/lets-build-web-components-part-3-vanilla-components-4on3
## Garantien
Keine Garantien
## Lizenz
MIT License