added audio and video messages

web/index.html

@@ -206,6 +206,22 @@
                             >
                                 +
                             </button>
+                            <button
+                                id="recordVoiceBtn"
+                                class="record-button"
+                                title="Record voice message"
+                                onclick="toggleVoiceRecording()"
+                            >
+                                ●
+                            </button>
+                            <button
+                                id="recordVideoBtn"
+                                class="record-button"
+                                title="Record video message"
+                                onclick="toggleVideoRecording()"
+                            >
+                                ◉
+                            </button>
                             <button
                                 onclick="sendMessage()"
                                 class="send-button"
@@ -355,5 +371,6 @@
         <script src="js/deletemodal.js"></script>
         <script src="js/search.js"></script>
         <script src="js/avatar.js"></script>
+        <script src="js/recording.js"></script>
     </body>
 </html>