<h1>About Chat Plus</h1>
<p>Chat Plus is a chrome extension developed by Tabgraf that enables additional features in Google Chat some of which are:-</p>
<ol>
<li>Audio message</li>
<li>Reminders</li>
<li>Bookmarking message</li>
<li>Encrypt and Decrypt message</li>
<li>Quoting a message</li>
<li>Code and Code blocks</li>
<li>Location sharing</li>
<li>Copy link of the message</li>
<li>And Counting ...</li>
</ol>
<p>&nbsp;</p>
<h1>Send Audio message in Google Chat</h1>
<p>To send audio message in Google Chat first you need to install <a title="Chat plus" href="https://chromewebstore.google.com/detail/njkkenehdklkfdkmonkagaicllmnfcda?hl=en" target="_blank" rel="noopener">Chat plus</a> from the Chrome webstore. After the extension has been successfully installed you will be finding a lot of additional features has been enabled in Google Chat. Among this is the Audio Messaging. Here is a screenshot attached to help you locate this feature.</p>
<p><img src="/uploads/2023/10/chat-plus-audio-recorder.png"></p>
<p>&nbsp;</p>
<p>Once you click on the mic, a popup with a recorder will open (for the first time users, you must login with your Google account to use Chat Plus). This recorder will record your audio message and send it to Google Chat as a link which you send it in the chat. An audio preview will also be injected with the link for a quick preview of the message.</p>
<p><img src="/uploads/2023/10/chat-plus-audio-screen.png"></p>
<p>&nbsp;</p>
<h1>How the Audio messaging works ?</h1>
<p>The moment the record button is clicked, a instance MediaRecorder is created, and event listner `dataavailable` is attched to it, which provides the audio that is being recorder in chunk and that is being collected in chunks array.&nbsp; Here is a reference of how the MediaRecorder works:</p>
<pre class="language-javascript"><code>navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) =&gt; {
  const mediaRecorder = new MediaRecorder(stream);
  let chunks = [];

  mediaRecorder.addEventListener("dataavailable", (event) =&gt; {
    if (event.data.size &gt; 400) {
      if (!animateDiv.classList.contains("animate-recorder")) {
        animateDiv.classList.add("animate-recorder");
      }
    } else {
      animateDiv.classList.remove("animate-recorder");
    }
    chunks.push(event.data);
  });
});
</code></pre>
<p>&nbsp;</p>
<h1>How the audio chunks is converted back to audio&nbsp;?</h1>
<p>The chunks array that is generated during the recording is converted to Blob of type `mp3` which is used to create a audio url. This audio url is again utilised for creating a base64 which is sent to the backend to save a audio file.</p>
<pre class="language-javascript"><code>const audioBlob = new Blob(chunks, { type: "audio/mp3" });
const reader = new FileReader();
reader.readAsDataURL(audioBlob);
reader.onload = () =&gt; {
  const base64AudioMessage = reader.result.split(",")[1];
  console.log(base64AudioMessage);
};
</code></pre>
<p>In the backend a new instance of Buffer is created which converts the `base64AudioMessage` to buffer. This buffer is used to create an audio file with help of node js file system(fs).</p>
<pre class="language-javascript"><code>const buffer = Buffer.from(base64AudioMessage , "base64");

fs.writeFileSync(audioFilePath, buffer);
</code></pre>
<p>So , this how the Audio messaging feature works in Chat Plus.</p>

Google natively does not provide a way to send audio messages in the chat. But with Chat plus chrome extension we can effectively send Audio messages in Google Chat with a lot of other features.

How to send audio message in Google Chat?

<h1>Introduction</h1>
<p>With the growing popularity of YouTube live streaming, the YouTube Live Comments Archiver Extension is a must-have tool for anyone who wants to save or download live chat moments and video comments.</p>
<p>&nbsp;</p>
<h1 dir="ltr">Live Comment Archiving:</h1>
<ul>
<li dir="ltr" aria-level="1">Single-Click Save: With a single click during a live stream, users can instantly save the ongoing live comments.<br><img src="/uploads/2023/10/live-comments-modal.png"></li>
<li dir="ltr" aria-level="1">Download Progress Indicator: The extension displays a download progress indicator, keeping users informed about the amount of content already saved.</li>
<li dir="ltr" aria-level="1">Delete Downloaded Comments: Clear up space effortlessly by deleting previously saved comments directly from the extension</li>
</ul>
<h1 dir="ltr">&nbsp;</h1>
<h1 dir="ltr">&nbsp;Bulk Comment Archiving:</h1>
<ul>
<li dir="ltr" role="presentation">Save All Comments: Not just limited to live comments, users can save all comments on a video with a dedicated button as shown in the screenshot.</li>
<li dir="ltr" role="presentation">CSV File Download: For comprehensive analysis, users can download all comments in a convenient CSV file format.</li>
</ul>
<p>&nbsp;</p>
<h1>Steps to Download and Use the Plugin</h1>
<ol>
<li>Install the Extension from <a title="Save Live Streaming Chats for YouTube&trade;" href="https://chromewebstore.google.com/detail/save-live-streaming-chats/bcclhcedlelimlnmcpfeiabljbpahnef?hl=en" target="_blank" rel="noopener">Save Live Streaming Chats for YouTube&trade;</a>.</li>
<li>Once installed open any ongoing YouTube livestream of your choice.</li>
<li>The Download Chats button is located directly to the right of Top Chat. When you click on it, it will start collecting comments, and when you click on it again, it will download the comments to your computer. Additionally, you can track the number of saved chats, and if desired, download the saved chat in a CSV file.</li>
</ol>
<p>&nbsp;</p>
<p><em>A screenshot is provided for your reference.</em></p>
<p><img src="/uploads/2023/10/youtube-livechat-demo-banner.png"></p>
<p>&nbsp;</p>
<h1>About the Downloaded CSV File:</h1>
<p>Once you've successfully downloaded the CSV file, you'll discover six insightful columns, each containing valuable information related to your comments. Let's explore the details within these columns:</p>
<p><strong>For Live Comments (7 columns):</strong></p>
<ol>
<li><strong>Author Name:&nbsp;</strong>The name of the user who contributed to the live comment.</li>
<li><strong>Comments Text:&nbsp;</strong>The actual content of the comment made during the live stream.</li>
<li><strong>Image:&nbsp;</strong>The profile picture or image associated with the user who contributed to the live comment.</li>
<li><strong>Time:&nbsp;</strong>The timestamp indicates when the live comment was posted.</li>
<li><strong>Author</strong>:&nbsp; Author of the live comment.</li>
<li><strong>TimeStamp:&nbsp;</strong>The timestamp indicates when the live comment was posted.</li>
<li><strong>VideoTime</strong>: Additional details or description related to the playback time at which the live comment was posted.</li>
</ol>
<p><span style="text-decoration: underline;"><strong>For Comments (7 columns):</strong></span></p>
<ol>
<li><span style="text-decoration: underline;"><strong>Comment ID: </strong>&nbsp;A unique identifier is assigned to each comment for efficient tracking and referencing.</span></li>
<li><span style="text-decoration: underline;"><strong>Parent ID:&nbsp;</strong>&nbsp;The ID of the parent comment, indicates the hierarchical structure in the comment thread.</span></li>
<li><span style="text-decoration: underline;"><strong>Text:&nbsp;</strong>The textual content of the comment.</span></li>
<li><span style="text-decoration: underline;"><strong>Time:&nbsp;</strong>The timestamp indicates when the comment was posted.</span></li>
<li><span style="text-decoration: underline;"><strong>Author:</strong>&nbsp;The author or user who posted the comment.</span></li>
<li><span style="text-decoration: underline;"><strong>LikeCount</strong>: The count of likes received by the comment.</span></li>
<li><span style="text-decoration: underline;"><strong>ReplyCount:</strong> The count of replies or responses received by the comment.</span></li>
</ol>
<h1>Conclusion:</h1>
<p>The YouTube Live Comments Archiver Extension is a powerful tool that lets you save and download live chat moments and video comments on YouTube, so you can capture and relive your favorite moments, or share them with others.</p>

Save live and video comments effortlessly with the YouTube live comments archiver extension—capturing every moment for a richer online experience.

Google Chat

Tech Tips, Tutorials & How-to Guides

POSTS

How to send audio message in Google Chat?

How to Export Youtube Live Comments into CSV

BROWSE ALL TABGRAF TOPICS

Even Guinea Pig Likes
Fresh Carrots🥕

Quick Links

Curiosity

Google Chat

Tech Tips, Tutorials & How-to Guides

POSTS

How to send audio message in Google Chat?

How to Export Youtube Live Comments into CSV

BROWSE ALL TABGRAF TOPICS

Even Guinea Pig LikesFresh Carrots🥕

Quick Links

Curiosity

Even Guinea Pig Likes
Fresh Carrots🥕