# Компонент диктофона

**URL:** https://meta.discourse.org/t/voice-recorder-component/215621
**Category:** Theme component
**Tags:** pavilion
**Created:** [22.Январь.2022 08:43:42 UTC](https://meta.discourse.org/t/voice-recorder-component/215621 "2022-01-22T08:43:42Z")
**Posts on this page:** 20
**Page:** 6

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [07.Май.2024 16:29:00 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/107 "2024-05-07T16:29:00Z")

</div>

Запуск Firefox в Debian: при выборе «Предпросмотр темы» значок отображается, можно записать аудио, сохранить и воспроизвести его. Однако без «предпросмотра темы» значок исчезает. Известна ли какая-либо процедура, чтобы вернуть его?

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [07.Май.2024 16:42:37 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/109 "2024-05-07T16:42:37Z")

</div>

Вы убедились, что компонент темы применён к используемой вами теме?

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [07.Май.2024 16:43:51 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/110 "2024-05-07T16:43:51Z")

</div>

Да, компонент темы применяется ко всем темам.

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [07.Май.2024 16:44:50 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/111 "2024-05-07T16:44:50Z")

</div>

Есть ли у вас другие компоненты темы, которые могут с этим конфликтовать?

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [07.Май.2024 19:09:58 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/112 "2024-05-07T19:09:58Z")

</div>

Выглядит действительно отлично! Я только что провёл быстрое тестирование, и всё работает безупречно. Молодец! Лично меня эта функция очень интересует, потому что я всегда мечтал делиться фотографиями на своём семейном форуме и позволять людям реагировать с помощью аудиозаписи. Если при этом запись ещё и будет автоматически расшифровываться, это было бы просто замечательно.

В голову приходит предложение по улучшению интерфейса: сделать ответ голосовой записью ещё проще, например, добавив 🎙 в меню поста. Нажмите на него, чтобы открыть модальное окно записи аудио. Сохраните запись, и тогда будет создан и сохранён ответ, содержащий эту аудиозапись.

Я не совсем могу сформулировать это точно, и дизайнер справился бы здесь лучше меня, но пользовательский опыт модального окна можно улучшить несколькими способами, чтобы сделать его более увлекательным, динамичным и понятным:

- при начале записи добавьте анимацию, указывающую на активную запись;
- при остановке записи замените Начать запись на Записать заново. При выборе этого варианта предупреждайте, что существующая запись будет удалена;
- замените Загрузить на Оставить запись;
- замените Отмена на Удалить запись.

На ум приходит приложение RodeReporter на моём iPhone, у которого довольно качественный интерфейс.

 ![На изображении показан интерфейс приложения для записи голоса с большой красной кнопкой записи, готовой к началу новой аудиозаписи. (Подписано ИИ)](https://global.discourse-cdn.com/meta/original/4X/f/3/3/f3386631d523312aca590a865c8ed3f2f29c1173.png) ![На изображении показан интерфейс смартфона, отображающий идущую запись голоса длительностью 4,8 секунды, кнопку паузы и опции для внешнего микрофона, а также различные значки состояния в верхней части. (Подписано ИИ)](https://global.discourse-cdn.com/meta/original/4X/3/1/a/31a2cefc8b620e5b17dfcaf8d95acbb7bb384cf9.png)

---

<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: [07.Май.2024 19:28:46 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/113 "2024-05-07T19:28:46Z")

</div>

Для меня это звучит как отличная функция. 👍

---

<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: [07.Май.2024 19:32:56 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/114 "2024-05-07T19:32:56Z")

</div>

Нет особых условий для появления кнопки. 🤔

Предполагая, что она подключена к вашей теме, проверьте консоль браузера — нет ли там ошибок, которые могли бы объяснить вашу проблему?

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [07.Май.2024 20:06:58 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/115 "2024-05-07T20:06:58Z")

</div>

Спасибо, @Arkshine, что посмотрели. Я загрузил страницу, затем открыл консоль и нажал «Новая тема», чтобы понаблюдать за редактором: кнопка микрофона не отображалась. Сообщения появились до любого действия.

> **Сообщения консоли**
>
> Предупреждения Content-Security-Policy: 2  
> Content-Security-Policy: Игнорирование «‘report-sample’» в script-src: указано «strict-dynamic»  
> Content-Security-Policy: Игнорирование «‘report-sample’» в script-src: указано «strict-dynamic»  
> ℹ Discourse v3.3.0.beta2-dev — [Commits · discourse/discourse · GitHub](https://github.com/discourse/discourse/commits/4d2dcdad9b) — Ember v5.5.0 app.js:240:10

---

<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: [28.Август.2024 23:33:56 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/116 "2024-08-28T23:33:56Z")

</div>

@angus

Интересно, есть ли у вас время добавить запись голоса в чат… Спасибо…

---

<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: [29.Август.2024 04:47:34 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/117 "2024-08-29T04:47:34Z")

</div>

Я провел быстрый тест. Это работает.  
Записанный аудиофайл можно прикрепить, а для отправки сообщения нужно нажать Enter.

Не уверен, следует ли отправлять сообщение автоматически после загрузки аудио.  
Что вы думаете?

---

<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: [29.Август.2024 06:21:01 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/118 "2024-08-29T06:21:01Z")

</div>

Две кнопки? Загрузить и Загрузить и отправить

---

<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: [29.Август.2024 13:08:06 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/119 "2024-08-29T13:08:06Z")

</div>

Это отличная идея. Спасибо за предложение. 👍

---

<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: [29.Август.2024 21:27:18 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/120 "2024-08-29T21:27:18Z")

</div>

Огромное спасибо за усилия, @Arkshine!  
Как это здорово! У вас есть ветка, которую я мог бы попробовать 🙂

Вероятно,  
play и  
send.  
Думаю, это редкий случай, когда кто-то загружает, но не отправляет…?  
Команда “send” выполняет и загрузку, и отправку.

---

<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: [29.Август.2024 21:31:39 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/121 "2024-08-29T21:31:39Z")

</div>

и это будет работать на iPhone тоже, верно?

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [29.Август.2024 23:08:47 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/122 "2024-08-29T23:08:47Z")

</div>

Это довольно круто. Хранятся ли аудиоклипы в течение определённого периода времени? Ведь при большом количестве трафика и загрузок со временем это может сильно нагружать дисковое пространство.

Это ещё больше сокращает разрыв благодаря внедрению надёжной системы чата.

---

<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: [30.Август.2024 14:49:54 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/123 "2024-08-30T14:49:54Z")

</div>

> [@Dan DeMontmorency](#):
>
> Хранятся ли аудиоклипы в течение определённого периода времени?

Думаю, так же как и контент чата, аудиоклипы будут храниться в течение периода, указанного в настройках канала… это может быть от одного дня до нескольких месяцев…

Похоже, система периодически удаляет медиафайлы, на которые больше нет ссылок… моё предположение, не уверен насчёт логики…

---

<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: [31.Август.2024 01:07:55 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/124 "2024-08-31T01:07:55Z")

</div>

Не могли бы вы попробовать ветку `feature/chat-support`? 🙂  
URL: `https://github.com/arkshine/discourse-voice-recorder`

Если всё будет хорошо, я отправлю запрос на слияние (PR), как только тесты будут готовы.

Как выглядит функция на данный момент:

---

<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: [31.Август.2024 03:02:53 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/125 "2024-08-31T03:02:53Z")

</div>

Спасибо @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: [31.Август.2024 14:22:04 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/126 "2024-08-31T14:22:04Z")

</div>

> [@fbpbdmin](#):
>
> Только что установил эту ветку и попробовал — работает отлично и в веб-версии, и на устройстве. Буду тестировать дальше и сообщу, если возникнут проблемы…

Спасибо за тестирование! 👍

> [@fbpbdmin](#):
>
> - Есть ли ограничение по времени записи? Возможно, нужно добавить настройку, чтобы избежать злоупотреблений?

На данный момент ограничения по времени нет, но действуют лимиты на размер вложения, и предупреждения об этом не выдаётся. Было бы отличным улучшением останавливать запись, если её размер превышает установленный лимит, так как, полагаю, в противном случае аудио теряется.

Также можно было бы добавить новую настройку для определения лимита по времени. Однако пока неясно, как вычислять итоговый размер на основе лимита времени.

---

<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: [31.Август.2024 19:38:26 UTC](https://meta.discourse.org/t/voice-recorder-component/215621/127 "2024-08-31T19:38:26Z")

</div>

> [@Arkshine](#):
>
> но это ограничивает вас размером вложения,

Верно, я забыл об этом.  
Кажется, настройка для этого не нужна, можно просто упомянуть об этом в документации, если потребуется…  
Спасибо, Arkshine!

[Предыдущая страница](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=5)

[Следующая страница](https://meta.discourse.org/t/voice-recorder-component/215621.md?page=7)
