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.
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.
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:
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
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
- Website: https://twitter.com/Moose_Said
- Twitter: @Moose_Said
- Github: @MooseSaeed
- LinkedIn: @moosesaid
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
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To