Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 4, 2022 11:34 am GMT

Use Vocal Commands to Apply Markdown to Your Article!

Hello everyone

This is a second release for a project I previously submitted. But if you're not going to check out the first submission then you should just know that Wordleit Editor is a free in-browser markdown text editor that gives you a seamless experience as both a reader and a writer. And also it's supported with Deepgram AI Speech Recognition service.

Wordleit Logo

What's new?

1- Fixed "Stop Recording" button to make it close Deepgram connection and stop listening to the mic.
2- Some improvements for the UI.
3- Markdown improvements.
4- MAGIC KEYS!!

"Magic Keys" ?

Magic keys are keywords you can use while recording in order to apply a specific markdown action. I tried to include as many as I could and make things as smooth as possible at the same time.

magic keys gif

This is all VueJS and Deepgram magic

Show me !

This is a quick video I recorded to demonstrate the new feature and show you how it can be used.

Try it out yourself:

https://wordleit.herokuapp.com

Link to Code on GitHub:

GitHub logo MooseSaeed / wordleup

Wordleit is a free open source markdown text editor that gives you a seamless experience as both a reader and a writer. Supported with AI Speech Recognition.

Welcome To My Wordleit

Documentation License: https://github.com/MooseSaeed/wordleup/blob/master/LICENSE Twitter: Moose_Said

Image description

Wordleit Editor is a free open source markdown text editor that gives you a seamless experience as both a reader and a writer. Supported with AI Speech Recognition.

Wordleit Streamer is a free open source video streamer and online transcriptor tool.

Homepage

Editor Demo

Streamer Demo

Author

Mostafa Said

Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Built with:

        <ul dir="auto">            <li>                <div dir="auto">                    <a target="_blank" rel="noopener noreferrer" href="https://avatars.githubusercontent.com/u/17422641?s=200"><img src="https://avatars.githubusercontent.com/u/17422641?s=200" alt="deepgram" width="40" height="40" style="max-width: 100%;"></a>                    <a href="https://deepgram.com/" rel="nofollow">Deepgram</a>                </div>            </li>            <li>                <div dir="auto">                    <a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/23579958/143738613-d374adcf-24b8-4f44-8e75-673d5681c1a5.png"><img src="https://user-images.githubusercontent.com/23579958/143738613-d374adcf-24b8-4f44-8e75-673d5681c1a5.png" alt="plyr" height="20" style="max-width: 100%;"></a>                    <a href="https://github.com/redxtech/vue-plyr">Plyr Vue</a>                </div>            </li>            <li>                <div dir="auto">                    <a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/74b21684dcc0418e3ab7e6f09a8d5d22b75327ab49f88e4143b086d389be1a8c/68747470733a2f2f6d61726b65642e6a732e6f72672f696d672f6c6f676f2d626c61636b2e737667"><img src="https://camo.githubusercontent.com/74b21684dcc0418e3ab7e6f09a8d5d22b75327ab49f88e4143b086d389be1a8c/68747470733a2f2f6d61726b65642e6a732e6f72672f696d672f6c6f676f2d626c61636b2e737667" alt="deepgram" width="40" height="40" data-canonical-src="https://marked.js.org/img/logo-black.svg" style="max-width: 100%;"></a>                    <a href="https://marked.js.org/" rel="nofollow">MarkedJS</a>                </div>            </li>            <li>                <div dir="auto">                    <a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/0ad3a241c0bce6df9327b717148b7a184e24dd1e3d220486f5f72502cdea36dd/68747470733a2f2f692e6962622e636f2f534b564a526e732f616e696d6174656373732e706e67"><img src="https://camo.githubusercontent.com/0ad3a241c0bce6df9327b717148b7a184e24dd1e3d220486f5f72502cdea36dd/68747470733a2f2f692e6962622e636f2f534b564a526e732f616e696d6174656373732e706e67" alt="animatecss" width="40" height="40" data-canonical-src="https://i.ibb.co/SKVJRns/animatecss.png" style="max-width: 100%;"></a>                    <a href="https://animate.style/" rel="nofollow">AnimateCSS</a>                </div>            </li>        </ul>

Show your support

Give a if this project helped you!

License

Copyright 2022 Mostafa Said.
This project is MIT License (MIT) licensed.

Permessions

Please feel free to add more features and functionalities to the repo and I will look into them and get back to you as soon

Possible improvements:

There is still a big room of improvement to the UI and to the code but there is something that I would like to add in the next update which is a new feature to check your article positive vibes after finishing. Mainly track positive and negative keywords and then gives you a score.

Thank you for checking this out and please let me know if you think it's cool


Original Link: https://dev.to/moose_said/use-vocal-commands-to-apply-markdown-to-your-article-99

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To