diff --git a/package.json b/package.json
index c57fd22..8706b37 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.5.0",
"node-sass": "^5.0.0",
+ "recorder-js": "*",
"sass-loader": "^10.1.1",
"vue-router": "^3.4.9",
"vue-template-compiler": "^2.6.11"
diff --git a/public/sym/ic_insert_emoticon_white.svg b/public/sym/ic_insert_emoticon_white.svg
new file mode 100644
index 0000000..438740f
--- /dev/null
+++ b/public/sym/ic_insert_emoticon_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/sym/ic_mic_white.svg b/public/sym/ic_mic_white.svg
new file mode 100644
index 0000000..4c29695
--- /dev/null
+++ b/public/sym/ic_mic_white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/newMessage.vue b/src/components/newMessage.vue
index 24b930d..73f0dd4 100644
--- a/src/components/newMessage.vue
+++ b/src/components/newMessage.vue
@@ -1,22 +1,57 @@
-