From c4de8fa5a7d59289a24332d3d7c43101910bd1e0 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Tue, 20 Sep 2022 14:20:14 +0200
Subject: [PATCH] [mirotalksfu] - add chat video/audio from url

---
 public/css/Room.css     |  5 +++++
 public/js/RoomClient.js | 15 +++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/public/css/Room.css b/public/css/Room.css
index bf64d83f..7f0f7f6f 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -440,11 +440,16 @@ body {
 }
 
 .msg-text {
+    display: inline-block;
     overflow-wrap: break-word;
     word-wrap: break-word;
     hyphens: auto;
 }
 
+.msg-text iframe {
+    width: 100%;
+}
+
 .msg-a {
     color: #fff;
 }
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index 97d124b8..16c86cbc 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -2357,6 +2357,7 @@ class RoomClient {
         if (this.isHtml(message)) return this.stripHtml(message);
         if (this.isValidHttpURL(message)) {
             if (isImageURL(message)) return '<img src="' + message + '" alt="img" width="180" height="auto"/>';
+            if (this.isVideoTypeSupported(message)) return this.getIframe(message);
             return '<a href="' + message + '" target="_blank" class="msg-a">' + message + '</a>';
         }
         if (isChatMarkdownOn) return marked.parse(message);
@@ -2395,6 +2396,20 @@ class RoomClient {
         return url.protocol === 'http:' || url.protocol === 'https:';
     }
 
+    getIframe(url) {
+        let is_youtube = this.getVideoType(url) == 'na' ? true : false;
+        let video_audio_url = is_youtube ? this.getYoutubeEmbed(url) : url;
+        return `
+        <iframe
+            title="Chat-IFrame"
+            src="${video_audio_url}"
+            width="auto"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen
+        ></iframe>`;
+    }
+
     getLineBreaks(message) {
         return (message.match(/\n/g) || []).length;
     }