Coding Challenge #80: Voice Chatbot with p5.Speech

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=iFTgphKCP9U



Duration: 14:41
31,030 views
731


This challenge is a continuation of the number guessing chatbot. In this version, I add the p5.Speech library for a voice interface. Code: https://thecodingtrain.com/challenges/80-voice-chatbot-with-p5speech

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/QcY2Z36mJ

πŸŽ₯ Previous video: https://youtu.be/zGe1m_bLOFk?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Next video: https://youtu.be/u2D4sxh3MTs?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
πŸ”— RiveScript: https://www.rivescript.com/
πŸ”— RiveScript on Github: https://github.com/aichaos/rivescript-js
πŸŽ™οΈ p5.Speech on GitHub: https://github.com/IDMNYU/p5.js-speech
🌐 NYU Ability Project: http://ability.nyu.edu/

Videos:
🎞️ Playlist on Programming with Text: https://thecodingtrain.com/learning/programming-with-text
πŸš‚ Text-to-Speech with p5.Speech: https://youtu.be/v0CHV33wDsI
πŸš‚ Speech Recognition with p5.Speech: https://youtu.be/q_bXBcmfTJM
πŸ”΄ Coding Train Live 104: https://youtu.be/gFqBnxIm5Us?t=10706s

Related Coding Challenges:
πŸš‚ #79 Number Guessing Chatbot: https://youtu.be/zGe1m_bLOFk
πŸš‚ #41 Clappy Bird: https://youtu.be/aKiyCeIuwn4
πŸš‚ #147 Chrome Dinosaur Game: https://youtu.be/l0HoJHc-63Q

Timestamps:
0:00 Introduction!
0:54 A correction from coding challenge #79
1:35 Writing a script for the chatbot in RiverScript
5:47 Adding speech to the chatbot using the library p5.Speech
7:58 Adding a speech recognition object to take input from the user's speech
10:54 Print the recognized speech to the text input box
12:40 Cleaning up the code
13:12 Demonstration and things you could do!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://thecodingtrain.com/discord
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#patternmatching #artificialintelligence #speechrecognition #speechtotext #chatbot #p5js #javascript #rivescript







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
algorithms
programming from a to z
programming with text
pattern matching
chatbot js
chatbot javascript
bot js
bot javascript
rivescript language
jquery rivescript
ai chatbot
artificial intelligence chatbot
p5.speech
speech recognition
text-to-speech
tts
speech-to-text
speech recognition javascript