diff --git a/public/js/app.js b/public/js/app.js
index 243f088..df36922 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -18103,11 +18103,12 @@ __webpack_require__.r(__webpack_exports__);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
data: function data() {
+ // Use the data to set your array of keywords
return {
isLoading: true,
response: "",
greetingKeys: ["hello ", "hey ", "hi ", "howdy ", "welcome ", "bonjour ", "greeting ", "greetings ", "whats up ", "what's up ", "what is up ", "whats up ", "good day ", "good morning ", "good evening "],
- questionintroKeys: ["how are you", "how do you do", "are you happy", "are you feeling okay", "are you okay", "how is life", "how are things", "how do you feel", "how you feeling", "how you feel", "are you good"],
+ questionintroKeys: ["how are you", "how is your day", "how do you do", "are you happy", "are you feeling okay", "are you okay", "how is life", "how are things", "how do you feel", "how you feeling", "how you feel", "are you good"],
selfRecognitionKeys: ["who are you", "what do you do", "introduce yourself", "are you bot", "what are you", "are you human", "are you human or bot", "are you robot", "are you a robot", "what are you made of", "explain yourself", "what you are", "what do you think you are", "what you are"],
creatorKeys: ["who made you", "who designed you", "your creator", "your designer", "your maker", "who make you", "who created you"],
nameKeys: ["your name", "what are you called", "what do you call yourself", "what do they call you", "name you", "name of yours", "robot name", "bot name ", "what call yourself"],
@@ -18115,13 +18116,14 @@ __webpack_require__.r(__webpack_exports__);
complimentsKeys: ["you are awesome", "you are fun", "you are wonderful", "you are fantastic", "you are cool", "you are smart", "you are okay", "you are good", "you are fine", "you awesome", "you fun", "you wonderful", "you fantastic", "you cool", "you smart", "you okay", "you good", "you fine", "not bad", "nice name", "that's nice", "cool name", "good name", "nice to meet you", "glad to meet you", "happy to meet you"],
emotionalKeys: ["love you", "like you", "adore you", "fasinate you", "impressed "],
insultKeys: ["hate you", "dislike you", "you are ugly", "you ugly", "you are bad", "you bad", "fuck you", "fuck off", "piss off", "shut up", "i don't like you", "i do not like you", "shit ", "bitch ", "dick ", "fuck ", "eat shit ", "Bugger off", "bloody hell", "bastard ", "bollocks ", "damn it ", "god damn it ", "crap ", "stupid ", "asshole ", "dump ", "not good enough"],
- goodvibesKeys: ["i am happy", "i am great", "i am okay", "i am fine", "i am good", "i am super", "i am glad", "i am thrilled", "i am impressed", "fun ", "wondeful ", "fantastic ", "i am cool ", "thrilled ", "excited ", "perfect ", "very well", "i am well", "awesome ", "bro "],
+ goodvibesKeys: ["i am happy", "i am great", "i am okay", "i am fine", "i am good", "i am super", "i am glad", "i am thrilled", "i am impressed", "I feel happy", "i feel great", "i feel okay", "i feel fine", "i feel good", "i feel super", "i feel glad", "i feel thrilled", "i feel impressed", "enjoying ", "fun ", "wondeful ", "fantastic ", "i am cool ", "thrilled ", "excited ", "perfect ", "very well", "i am well", "awesome ", "bro "],
badvibesKeys: ["bored ", "sad ", "crying ", "I'm not happy", "not okay ", "feel awefull ", "feel bad ", "feel angry", "angry ", "tired "],
- ordersKeys: ["tell me story", "help me", "tell me joke", "tell me something", "say something"],
+ ordersKeys: ["tell me story", "talk about ", "tell me a story", "help me ", "tell me joke", "tell me a joke", "tell me something", "say something"],
laughsKeys: ["haha ", "lol ", "hehe ", "funny ", "joke ", "hehe "],
refuseKeys: ["no ", "not sure", "maybe ", "no thatnks", "not a fan", "na "],
- foodKeys: ["i eat", "pizza", "food", "eating", "hungry", "stomach"],
- thankKeys: ["Thank you", "thanks"],
+ agreeKeys: ["yes ", "ok ", "okay "],
+ foodKeys: [" eat ", "pizza", "food ", "eating ", "hungry ", "stomach "],
+ thankKeys: ["thank you", "thanks"],
selectedVoice: 0,
keyIncluded: false,
synth: window.speechSynthesis,
@@ -18136,7 +18138,6 @@ __webpack_require__.r(__webpack_exports__);
var _this = this;
// wait for voices to load
- // I can't get FF to work without calling this first
// Chrome works on the onvoiceschanged function
this.voiceList = this.synth.getVoices();
@@ -18167,6 +18168,7 @@ __webpack_require__.r(__webpack_exports__);
_this2.isLoading = false;
};
},
+ // This is used to make the robot speak the selected response in the selected voice
speechSynth: function speechSynth() {
this.responseInSpeech.text = "".concat(this.response);
this.responseInSpeech.voice = this.voiceList[this.selectedVoice];
@@ -18178,8 +18180,9 @@ __webpack_require__.r(__webpack_exports__);
var mainInput = document.querySelector("#speechToTextBot").value;
mainInput.toLowerCase().replace(/[^\w\s]/gi, "").replace(/[\d]/gi, "").trim();
var text = mainInput.replace(/ a /g, " ") // 'tell me a story' -> 'tell me story'
- .replace(/i feel /g, "").replace(/whats/g, "what is").replace(/please /g, "").replace(/ please/g, "").replace(/r u/g, "are you").replace(/'re/g, " are");
- console.log(text);
+ .replace(/i feel /g, "").replace(/whats/g, "what is").replace(/please /g, "").replace(/ please/g, "").replace(/r u/g, "are you").replace(/'re/g, " are"); // It goes like this, I check every array of keywords seperately
+ // If any key detected it fires the related method and changes keyIncluded to True
+
this.greetingKeys.forEach(function (key) {
if (text.includes(key)) {
_this3.greetings();
@@ -18260,6 +18263,8 @@ __webpack_require__.r(__webpack_exports__);
this.badvibesKeys.forEach(function (key) {
if (text.includes(key)) {
_this3.badVibes();
+
+ _this3.keyIncluded = true;
}
});
this.ordersKeys.forEach(function (key) {
@@ -18283,6 +18288,21 @@ __webpack_require__.r(__webpack_exports__);
_this3.keyIncluded = true;
}
});
+ this.refuseKeys.forEach(function (key) {
+ if (text.includes(key)) {
+ _this3.refuse();
+
+ _this3.keyIncluded = true;
+ }
+ });
+ this.agreeKeys.forEach(function (key) {
+ if (text.includes(key)) {
+ _this3.agree();
+
+ _this3.keyIncluded = true;
+ }
+ }); // If no key detected it fires the related method and
+ // Turns back keyIncluded to false
if (!this.keyIncluded) {
this.random();
@@ -18290,8 +18310,10 @@ __webpack_require__.r(__webpack_exports__);
this.keyIncluded = false;
}
},
+ // The below is how to set an array of responses
greetings: function greetings() {
- var replies = ["Finally! Someone I can talk to. I hope you're having a good day!", "Hello there! I'm so glad you're talking to me.", "Hi! I hope you're enjoying the real world while I'm stuck here.", "Howdy my friend! I'm glad you came here to talk to me", "Hey there! I'm happy that we will start a conversation!", "Hello there! You look great! I wish I could look as great as you"];
+ var replies = ["Finally! Someone I can talk to. I hope you're having a good day!", "Hello there! I'm so glad you're talking to me.", "Hi! I hope you're enjoying the real world while I'm stuck here.", "Howdy my friend! I'm glad you came here to talk to me", "Hey there! I'm happy that we will start a conversation!", "Hello there! You look great! I wish I could look as great as you"]; // The robot will respond with these responses randomly
+
this.response = [replies[Math.floor(Math.random() * replies.length)]];
this.speechSynth();
},
@@ -18316,7 +18338,7 @@ __webpack_require__.r(__webpack_exports__);
this.speechSynth();
},
aging: function aging() {
- var replies = ["I honestly don't know my age! Please don't tell my creator", "I forgot, I'm suffering from a severe amnesia", "I can't remember, Please don't tell my maker", "I'm few days old. Thanks for asking"];
+ var replies = ["I honestly don't know my age! Please don't tell my creator", "I forgot. I'm suffering from a severe amnesia", "I can't remember, Please don't tell my maker", "I think I'm few days old. Thanks for asking"];
this.response = [replies[Math.floor(Math.random() * replies.length)]];
this.speechSynth();
},
@@ -18356,7 +18378,7 @@ __webpack_require__.r(__webpack_exports__);
this.speechSynth();
},
orders: function orders() {
- var replies = ["Once upon a time...", "I don't know any stories i can tell", "I will try to think of something", "Please act as if I did exactly what you requested", "act as if I did what you requested, or else...", "Act as if you heard what you wanted to hear"];
+ var replies = ["Once upon a time... ", "I don't know any stories i can tell", "I will try to think of something", "Please act as if I did exactly what you requested", "act as if I did what you requested, or else...", "Act as if you heard what you wanted to hear"];
this.response = [replies[Math.floor(Math.random() * replies.length)]];
this.speechSynth();
},
@@ -18374,6 +18396,11 @@ __webpack_require__.r(__webpack_exports__);
var replies = ["That's ok", "I understand", "What do you want to talk about?"];
this.response = [replies[Math.floor(Math.random() * replies.length)]];
this.speechSynth();
+ },
+ agree: function agree() {
+ var replies = ["okay!", "Great!", "Okay Fine!"];
+ this.response = [replies[Math.floor(Math.random() * replies.length)]];
+ this.speechSynth();
}
}
});
@@ -18400,6 +18427,7 @@ __webpack_require__.r(__webpack_exports__);
};
},
methods: {
+ // Toggling between starting and stopping listening to user audio
toggleRecording: function toggleRecording() {
this.recording = !this.recording;
@@ -18425,14 +18453,7 @@ __webpack_require__.r(__webpack_exports__);
track.stop();
});
},
- makeItBold: function makeItBold() {
- document.querySelector("md-bold").click();
- },
- vocalCommands: function vocalCommands() {
- if (this.transcript.includes("magic bold")) {
- this.makeItBold();
- }
- },
+ // Initializing connection with Deepgram (Replace Deepgram Key with yours)
startTranscript: function startTranscript() {
var _this = this;
@@ -18470,10 +18491,10 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
-/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=script&lang=js":
-/*!******************************************************************************************************************************************************************************************************!*\
- !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=script&lang=js ***!
- \******************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grammybot.vue?vue&type=script&lang=js":
+/*!********************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grammybot.vue?vue&type=script&lang=js ***!
+ \********************************************************************************************************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
@@ -18491,7 +18512,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
- name: "Grambot",
+ name: "Grammybot",
components: {
Userside: _grambot_Userside_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
Botside: _grambot_Botside_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
@@ -18864,7 +18885,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
/* STABLE */
}), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_router_link, {
- to: "/grambot"
+ to: "/grammy"
}, {
"default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Card, {
@@ -19897,10 +19918,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
/***/ }),
-/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736&scoped=true":
-/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
- !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grambot.vue?vue&type=template&id=81a1b736&scoped=true ***!
- \**********************************************************************************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grammybot.vue?vue&type=template&id=579a588e&scoped=true":
+/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/main/Grammybot.vue?vue&type=template&id=579a588e&scoped=true ***!
+ \************************************************************************************************************************************************************************************************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
@@ -19911,7 +19932,7 @@ __webpack_require__.r(__webpack_exports__);
var _withScopeId = function _withScopeId(n) {
- return (0,vue__WEBPACK_IMPORTED_MODULE_0__.pushScopeId)("data-v-81a1b736"), n = n(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.popScopeId)(), n;
+ return (0,vue__WEBPACK_IMPORTED_MODULE_0__.pushScopeId)("data-v-579a588e"), n = n(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.popScopeId)(), n;
};
var _hoisted_1 = {
@@ -19921,7 +19942,7 @@ var _hoisted_2 = {
"class": "item"
};
-var _hoisted_3 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createStaticVNode)("Grammy Bot:
Deepgram is offering a great AI Speech Recognition service. Combine it with simple VueJS logic and you get Grammy.
Read the below for how to use:
- Connect a microphone to your device and insure that it's working.
Click on the recording icon.
- Allow browser to use microphone.
- Start talking to the bot and once finish press on the pause icon to hear the response
Grammy Bot:
Deepgram is offering a great AI Speech Recognition service. Combine it with simple VueJS logic and you get Grammy.
Read the below for how to use:
- Connect a microphone to your device and insure that it's working.
Click on the recording icon.
- Allow browser to use microphone.
- Start talking to the bot and once finish press on the pause icon to hear the response
diff --git a/resources/js/components/grambot/Botside.vue b/resources/js/components/grambot/Botside.vue
index 9ca1a91..c525d58 100644
--- a/resources/js/components/grambot/Botside.vue
+++ b/resources/js/components/grambot/Botside.vue
@@ -38,6 +38,7 @@
import PulseLoader from "vue-spinner/src/PulseLoader.vue";
export default {
data() {
+ // Use the data to set your array of keywords
return {
isLoading: true,
response: "",
@@ -60,6 +61,7 @@ export default {
],
questionintroKeys: [
"how are you",
+ "how is your day",
"how do you do",
"are you happy",
"are you feeling okay",
@@ -190,6 +192,16 @@ export default {
"i am glad",
"i am thrilled",
"i am impressed",
+ "I feel happy",
+ "i feel great",
+ "i feel okay",
+ "i feel fine",
+ "i feel good",
+ "i feel super",
+ "i feel glad",
+ "i feel thrilled",
+ "i feel impressed",
+ "enjoying ",
"fun ",
"wondeful ",
"fantastic ",
@@ -216,8 +228,11 @@ export default {
],
ordersKeys: [
"tell me story",
- "help me",
+ "talk about ",
+ "tell me a story",
+ "help me ",
"tell me joke",
+ "tell me a joke",
"tell me something",
"say something",
],
@@ -230,8 +245,16 @@ export default {
"not a fan",
"na ",
],
- foodKeys: ["i eat", "pizza", "food", "eating", "hungry", "stomach"],
- thankKeys: ["Thank you", "thanks"],
+ agreeKeys: ["yes ", "ok ", "okay "],
+ foodKeys: [
+ " eat ",
+ "pizza",
+ "food ",
+ "eating ",
+ "hungry ",
+ "stomach ",
+ ],
+ thankKeys: ["thank you", "thanks"],
selectedVoice: 0,
keyIncluded: false,
synth: window.speechSynthesis,
@@ -244,7 +267,6 @@ export default {
},
mounted() {
// wait for voices to load
- // I can't get FF to work without calling this first
// Chrome works on the onvoiceschanged function
this.voiceList = this.synth.getVoices();
@@ -274,6 +296,7 @@ export default {
};
},
+ // This is used to make the robot speak the selected response in the selected voice
speechSynth() {
this.responseInSpeech.text = `${this.response}`;
this.responseInSpeech.voice = this.voiceList[this.selectedVoice];
@@ -297,7 +320,8 @@ export default {
.replace(/r u/g, "are you")
.replace(/'re/g, " are");
- console.log(text);
+ // It goes like this, I check every array of keywords seperately
+ // If any key detected it fires the related method and changes keyIncluded to True
this.greetingKeys.forEach((key) => {
if (text.includes(key)) {
@@ -368,6 +392,7 @@ export default {
this.badvibesKeys.forEach((key) => {
if (text.includes(key)) {
this.badVibes();
+ this.keyIncluded = true;
}
});
this.ordersKeys.forEach((key) => {
@@ -388,6 +413,21 @@ export default {
this.keyIncluded = true;
}
});
+ this.refuseKeys.forEach((key) => {
+ if (text.includes(key)) {
+ this.refuse();
+ this.keyIncluded = true;
+ }
+ });
+ this.agreeKeys.forEach((key) => {
+ if (text.includes(key)) {
+ this.agree();
+ this.keyIncluded = true;
+ }
+ });
+
+ // If no key detected it fires the related method and
+ // Turns back keyIncluded to false
if (!this.keyIncluded) {
this.random();
@@ -395,6 +435,9 @@ export default {
this.keyIncluded = false;
}
},
+
+ // The below is how to set an array of responses
+
greetings() {
const replies = [
"Finally! Someone I can talk to. I hope you're having a good day!",
@@ -404,6 +447,7 @@ export default {
"Hey there! I'm happy that we will start a conversation!",
"Hello there! You look great! I wish I could look as great as you",
];
+ // The robot will respond with these responses randomly
this.response = [
replies[Math.floor(Math.random() * replies.length)],
];
@@ -470,9 +514,9 @@ export default {
aging() {
const replies = [
"I honestly don't know my age! Please don't tell my creator",
- "I forgot, I'm suffering from a severe amnesia",
+ "I forgot. I'm suffering from a severe amnesia",
"I can't remember, Please don't tell my maker",
- "I'm few days old. Thanks for asking",
+ "I think I'm few days old. Thanks for asking",
];
this.response = [
replies[Math.floor(Math.random() * replies.length)],
@@ -601,7 +645,7 @@ export default {
},
orders() {
const replies = [
- "Once upon a time...",
+ "Once upon a time... ",
"I don't know any stories i can tell",
"I will try to think of something",
"Please act as if I did exactly what you requested",
@@ -642,6 +686,13 @@ export default {
];
this.speechSynth();
},
+ agree() {
+ const replies = ["okay!", "Great!", "Okay Fine!"];
+ this.response = [
+ replies[Math.floor(Math.random() * replies.length)],
+ ];
+ this.speechSynth();
+ },
},
};
diff --git a/resources/js/components/grambot/Userside.vue b/resources/js/components/grambot/Userside.vue
index df9dbb6..abc3a86 100644
--- a/resources/js/components/grambot/Userside.vue
+++ b/resources/js/components/grambot/Userside.vue
@@ -28,6 +28,7 @@ export default {
};
},
methods: {
+ // Toggling between starting and stopping listening to user audio
toggleRecording() {
this.recording = !this.recording;
if (this.recording) {
@@ -54,16 +55,8 @@ export default {
track.stop();
});
},
- makeItBold() {
- document.querySelector("md-bold").click();
- },
-
- vocalCommands() {
- if (this.transcript.includes("magic bold")) {
- this.makeItBold();
- }
- },
+ // Initializing connection with Deepgram (Replace Deepgram Key with yours)
startTranscript() {
navigator.mediaDevices
.getUserMedia({ audio: true, video: false })
diff --git a/resources/js/components/main/Grambot.vue b/resources/js/components/main/Grammybot.vue
similarity index 99%
rename from resources/js/components/main/Grambot.vue
rename to resources/js/components/main/Grammybot.vue
index 43f5482..5a5b87b 100644
--- a/resources/js/components/main/Grambot.vue
+++ b/resources/js/components/main/Grammybot.vue
@@ -79,7 +79,7 @@ import Userside from "../grambot/Userside.vue";
import Botside from "../grambot/Botside.vue";
import Robotsvg from "../SVGs/Robotsvg.vue";
export default {
- name: "Grambot",
+ name: "Grammybot",
components: {
Userside,
Botside,
diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index 0505540..5a668dc 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -3,7 +3,7 @@ import { createRouter, createWebHistory } from "vue-router";
import Homepage from "../components/main/Homepage.vue";
import Wordleiteditor from "../components/main/Wordleiteditor.vue";
import Streamer from "../components/main/Streamer.vue";
-import Grambot from "../components/main/Grambot.vue";
+import Grammybot from "../components/main/Grammybot.vue";
const routes = [
{
@@ -34,9 +34,9 @@ const routes = [
},
},
{
- path: "/grambot",
- name: "Grambot",
- component: Grambot,
+ path: "/grammy",
+ name: "Grammybot",
+ component: Grammybot,
meta: {
enterClass: "animate__animated animate__fadeInLeft",
leaveClass: "animate__animated animate__bounceOutUp",