# 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:** 5
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 23, 2024, 6:59pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/86 "2024-04-23T18:59:06Z")
Like that! Make sure you’re using the URL I gave you. 👍
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 23, 2024, 8:23pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/88 "2024-04-23T20:23:11Z")
Here are my [before](https://noobish.me/t/voice-recorder-tc-test-debugging/602) and [after](https://noobish.me/t/voice-recorder-tc-test-debugging/602/2) results:
(Also note that the only embedded .mp3 player _ **not showing** _ the length of time for the clip is the one recorded on Windows, both before and after.)
### BEFORE:
### AFTER:
> ### Let me know if you’d like me to do any more tests!
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [April 24, 2024, 6:01am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/89 "2024-04-24T06:01:28Z")
It works for me using iPad and iPhone, on DiscourseHub too. Lenght of a clip shows up when playing.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 24, 2024, 3:10pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/90 "2024-04-24T15:10:32Z")
Thanks for the feedback, Jakke!
Also, thanks to @denvergeeks, I fixed two issues, and he confirmed that everything now plays perfectly.
I’m going to PR soon. 👍
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 24, 2024, 10:41pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/91 "2024-04-24T22:41:45Z")
I made the PR 👍
[https://github.com/paviliondev/discourse-voice-recorder/pull/6](https://github.com/paviliondev/discourse-voice-recorder/pull/6)
Possible features for other PRs:
- Add support for chat
- Add support for pause/resume
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 24, 2024, 10:45pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/92 "2024-04-24T22:45:07Z")
Such awesomeness
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 25, 2024, 2:34am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/93 "2024-04-25T02:34:48Z")
Here’s a crazy thought – an AI Transcription Button for uploaded .mp3 audio files in the composer? That way a user could (now) record a post in the composer, and also make it text-readable and searchable.
What would it take to include the OpenAI/Whisper capability?
[https://github.com/openai/whisper](https://github.com/openai/whisper)
Or, in the AI dropdown options which appear upon selecting the file in the composer…
…could include a _Transcribe Text_ option
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 25, 2024, 3:08am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/94 "2024-04-25T03:08:38Z")
That would be an interesting and helpful feature! 👍
I will check the feasibility another day.
---
### Author:  [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 25, 2024, 11:06pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/95 "2024-04-25T23:06:00Z")
> [@Arkshine](#):
>
> Add support for chat
Highly appreciated on this one !
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 25, 2024, 11:12pm UTC](https://meta.discourse.org/t/voice-recorder-component/215621/96 "2024-04-25T23:12:18Z")
If implemented in Chat, then inline auto-transcribing could also include translations.
---
### Author:  [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 26, 2024, 12:30am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/97 "2024-04-26T00:30:33Z")
I updated this component in the system.
`https://github.com/paviliondev/discourse-voice-recorder`
tried on firefox/safari/chrome on mac, and iphone
it shows this, it does not record.
could someone confirm, thanks…
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 26, 2024, 12:47am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/98 "2024-04-26T00:47:50Z")
Can you check the browser’s console if you see errors?
At this point, it means something is blocking the library script loading.
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 26, 2024, 12:53am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/99 "2024-04-26T00:53:44Z")
I just freshly installed the TC from the paviliondev repository as linked above.
Everything is working in my Discourse instance. Here is a video…
(And no errors appear in the console at any step of creating/uploading/playing.)
[ ](https://vimeo.com/939378422)
---
### Author:  [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 26, 2024, 12:57am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/100 "2024-04-26T00:57:19Z")
this is discourse 3.2.1 hosted on communiteq
load-script.js:43 Refused to load the script ‘[https://www.mydiscoursesite.com/uploads/db9860/original/3X/c/f/cf579d0503105d41f84653929d510e17f12d9f5b.js](https://www.mydiscoursesite.com/uploads/db9860/original/3X/c/f/cf579d0503105d41f84653929d510e17f12d9f5b.js)’ because it violates the following Content Security Policy directive:
"script-src
[https://www.mydiscoursesite.com/logs/](https://www.mydiscoursesite.com/logs/)
[https://www.mydiscoursesite.com/sidekiq/](https://www.mydiscoursesite.com/sidekiq/)
[https://www.mydiscoursesite.com/mini-profiler-resources/](https://www.mydiscoursesite.com/mini-profiler-resources/)
[https://www.mydiscoursesite.com/assets/](https://www.mydiscoursesite.com/assets/)
[https://www.mydiscoursesite.com/extra-locales/](https://www.mydiscoursesite.com/extra-locales/)
[https://www.mydiscoursesite.com/highlight-js/](https://www.mydiscoursesite.com/highlight-js/)
[https://www.mydiscoursesite.com/javascripts/](https://www.mydiscoursesite.com/javascripts/)
[https://www.mydiscoursesite.com/plugins/](https://www.mydiscoursesite.com/plugins/)
[https://www.mydiscoursesite.com/theme-javascripts/](https://www.mydiscoursesite.com/theme-javascripts/)
[https://www.mydiscoursesite.com/svg-sprite/](https://www.mydiscoursesite.com/svg-sprite/)
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 26, 2024, 1:43am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/101 "2024-04-26T01:43:19Z")
I can reproduce.
A recently introduced setting allows external scripts to run dynamically without manual configuration.
It’s not available in 3.2.
it’s definitively not a good idea to allow the “_/uploads_” directory.
However, as a workaround, allowing only the URLs should be okay.
If you go to the component settings:
You can right-click on each link to copy and paste them to the `content security policy script-src` setting.
I don’t know if there is a better way to handle the CSP issue here from a theme component. 🤔
---
### Author:  [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 26, 2024, 2:17am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/102 "2024-04-26T02:17:32Z")
thanks @Arkshine
in the console, I saw these 2 js in /uploads/ url, and added to the list of “content security policy script src”
`https://www.site.com/uploads/db9860/original/3X/c/f/cf579d0503105d41f84653929d510e17f12d9f5b.js`
`https://www.site.com/uploads/db9860/original/3X/a/2/a25eb4ec6c9652e57eefc81bc25c81105232369b.js`
confirmed the browser permission for recording.
then, everytime when start a recording, it gets the error with a different url, seems the id is generated on the fly ?
`https://www.site.com/8f955841-9b8b-4857-8549-ac57ee0e4517`
`https://www.site.com/d43014ac-e80d-4879-83a2-bd046d43a25c`
…
adding these url does not help, seems it is generated for each recording… ?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 26, 2024, 2:21am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/103 "2024-04-26T02:21:57Z")
Can try to add `script-src: blob:` in `content security policy script-src`, too, please?
---
### Author:  [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [April 26, 2024, 2:49am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/104 "2024-04-26T02:49:51Z")
it works, thanks @Arkshine !
looking forward to the voice-recording in chat 🙂
---
### Author:  [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [April 26, 2024, 3:32am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/105 "2024-04-26T03:32:14Z")
I didn’t have this error, apparently because I already had **blob:** as an entry in **content security policy script src** because @peter.be’s [plugin](https://meta.discourse.org/t/discourse-audio-message/270432) had required it and since removing that plugin I had not removed **blob:** as an entry in **content security policy script src** , so it was already there, as below…
Is it also required to add `mp3` to the authorized extensions list in the Discourse admin settings? I also have that already from before as well…
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [April 26, 2024, 8:50am UTC](https://meta.discourse.org/t/voice-recorder-component/215621/106 "2024-04-26T08:50:04Z")
Just to think about: CSP has tendency break things badly, and because of that it is quite usual to use rules that are practically just wildcards — and then CSP looses its idea totally.
So?
[Previous page](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=4)
[Next page](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=6)