# Voice Recorder Component

**URL:** <https://meta.discourse.org/t/voice-recorder-component/215621>\
**Category:** Theme component\
**Tags:** pavilion\
**Created:** [January 22, 2022, 8:43am UTC](https://meta.discourse.org/t/voice-recorder-component/215621 "2022-01-22T08:43:42Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)\
**Post date:** [January 10, 2024, 4:11pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/66 "2024-01-10T16:11:37Z")

</div>

> [@Muhammed\_EKİCİ](#):
>
> This is what our users want. They wanted to record and send audio during the chat, just like WhatsApp.
> 
> Even though I don’t have a huge community, I might consider sponsorship for this development. The person who will do it can create a private topic with me.

@angus thanks for this nice component,  
possible to enable it in chat, that will be very nice ! appreciate it… thanks…

---

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [January 19, 2024, 7:30am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/67 "2024-01-19T07:30:34Z")

</div>

@Muhammed_EKİCİ Did you get any interest (or sponsorship) on this?"

---

<div class="post-metadata">

**Author:** ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)\
**Post date:** [February 20, 2024, 4:26pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/68 "2024-02-20T16:26:36Z")

</div>

“audio in chat”

hope @angus or @Muhammed_EKİCİ could consider this enhancement, that will bring more fun in chat. thanks and highly appreciated 🙂

---

<div class="post-metadata">

**Author:** ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)\
**Post date:** [February 27, 2024, 10:58am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/69 "2024-02-27T10:58:05Z")

</div>

Hi, it’s possible to update the component for the latest version of discourse?

Im getting errors

---

<div class="post-metadata">

**Author:** ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)\
**Post date:** [February 27, 2024, 11:24am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/70 "2024-02-27T11:24:49Z")

</div>

Possible, yes. But it would require quite a bit of work from _someone_ to do so.

As this is not an #official theme component, we can’t expect the Discourse team to do it. Therefore, it comes down to _someone_ either volunteering the dev effort required, or _someone_ paying somebody else to do the dev effort required.

Have you considered either of those paths?

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [February 27, 2024, 2:48pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/71 "2024-02-27T14:48:36Z")

</div>

For now, I’ve added the #broken tag 👍

---

<div class="post-metadata">

**Author:** ![JimmyHoke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimmyhoke/32/341886_2.png) [@JimmyHoke](https://meta.discourse.org/u/JimmyHoke)\
**Post date:** [February 27, 2024, 4:37pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/72 "2024-02-27T16:37:22Z")

</div>

You can allow audio uploads in Discourse already. Just allow .mp3 files and other filetype you want to accept.

---

<div class="post-metadata">

**Author:** ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)\
**Post date:** [April 2, 2024, 4:16pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/73 "2024-04-02T16:16:21Z")

</div>

Was just thinking about having voice notes that automatically get transcribed with OpenAI Whisper (or something similar) so that one can choose to listen to or read someone’s voice reply.

I host a podcast and part of the idea is to get people talking, that we absorb so much from the internet and then often hold it in, suppressing instead of expressing. While people can already type in the forum, I just got excited if we could keep the modality the same by giving people an option to use and listen to spoken words. However, I also like how text-oriented Discourse can be.

One could even listen to a playlist of all the replies of a topic, in the voice people used to record.

Maybe off-topic or too big for this component, but thought I’d put it here to maybe spark conversation.

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [April 8, 2024, 11:54am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/74 "2024-04-08T11:54:57Z")

</div>

Any plans to make it work with 3.2+  
We really liked the low friction of sending audio messages within our discourse staff.

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [April 8, 2024, 4:59pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/75 "2024-04-08T16:59:56Z")

</div>

@jrgong Can you give this [fork](https://github.com/Arkshine/discourse-voice-recorder) a try before I make a PR, please?

URL: `https://github.com/Arkshine/discourse-voice-recorder`  
Branch: `modernize`

---

<div class="post-metadata">

**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\
**Post date:** [April 8, 2024, 5:54pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/76 "2024-04-08T17:54:24Z")

</div>

> [@Arkshine](#):
>
> [GitHub - Arkshine/discourse-voice-recorder: Add voice recordings to Discourse posts · GitHub](https://github.com/Arkshine/discourse-voice-recorder)

It worked on iPad anyway.

---

<div class="post-metadata">

**Author:** ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)\
**Post date:** [April 9, 2024, 6:54am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/77 "2024-04-09T06:54:46Z")

</div>

A PR would be much appreciated!

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [April 9, 2024, 10:28am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/78 "2024-04-09T10:28:30Z")

</div>

Tested it on MacOS + Arc Browser, works like a charm so far. Will test it with our staff and see how it performs on different devices and browsers

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [April 10, 2024, 4:03pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/79 "2024-04-10T16:03:13Z")

</div>

Sorry for the wait. I wanted to redo the branch to make the review easier!

[https://github.com/paviliondev/discourse-voice-recorder/pull/5](https://github.com/paviliondev/discourse-voice-recorder/pull/5)

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [April 10, 2024, 5:30pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/80 "2024-04-10T17:30:12Z")

</div>

Thanks to Angus, the PR has been merged. 🙏

I’m removing the #broken tag. 👍

---

<div class="post-metadata">

**Author:** ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)\
**Post date:** [April 15, 2024, 10:23am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/81 "2024-04-15T10:23:31Z")

</div>

Any way we could also add it to #chat ?

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [April 20, 2024, 1:27pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/82 "2024-04-20T13:27:12Z")

</div>

@angus, is it okay with you if I make a PR to use the [third-party library](https://github.com/vocaroo/simple-audio-recorder) that @peter.be used in his plugin? The library uses the [`AudioContext`](https://developer.mozilla.org/fr/docs/Web/API/AudioContext) API instead, so the output can be converted to MP3 in a web worker. This way, the playback seems more universally supported in the devices.

---

<div class="post-metadata">

**Author:** ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)\
**Post date:** [April 22, 2024, 7:58am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/83 "2024-04-22T07:58:30Z")

</div>

Yes, that would be much appreciated @Arkshine.

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [April 23, 2024, 4:06pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/84 "2024-04-23T16:06:08Z")

</div>

@denvergeeks

Can you give it a try, please?

URL: `https://github.com/Arkshine/discourse-voice-recorder`  
branch: `feature/playback-improvement`

If it is working as expected, I will add tests and will PR later. 👍

---

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [April 23, 2024, 6:57pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/85 "2024-04-23T18:57:16Z")

</div>

How do I install a branch?

I tried pasting `https://github.com/Arkshine/discourse-voice-recorder/tree/feature/playback-improvement` into the Theme Component installer field in my Discourse site admin at admin/customize/components, but am getting this error:

> An error occurred: Import Error: about.json does not exist, or is invalid. Are you sure this is a Discourse Theme?

 ![Screenshot 2024-04-23 125603](https://global.discourse-cdn.com/meta/original/4X/a/9/6/a969dd006bffd3d753d9f62f64531ce417215124.png)

[Previous page](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=3)

[Next page](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=5)
