Krivodanov 16 янв 2020 в 11:36

Запись звука JS c микрофона или голосовые комментарии

4 мин

34K

JavaScript * PHP *

Из песочницы

+12

Комментарии 8

savostin 16 янв 2020 в 20:16

Было бы хорошим дополнением указать какими браузерами поддерживается (и polyfill для старых браузеров), какие нужны разрешения и как их получить, обработка ошибок, переполнений (ограничения на размер Blob же есть, да? у каждого браузера своё?). Ну, и может какие библиотеки существуют, чтоб велосипед не писать (разобраться, конечно же, в ванильном Javascript — дело нужное!)

EuropeStar 20 янв 2020 в 03:39

Согласен, сейчас занимаюсь такой же задачей на проекте, очень серьезная проблема с совместимостью. К примеру, navigator.mediaDevices довольно новая фича, и в старых браузерах вместо этого navigator.<prefix;>GetMediaDevice. В общем, мучаюсь с этим до сих пор)

LborV 17 янв 2020 в 08:49

Спасибо, вроде задача простая, но никогда не приходилось сталкиваться

indestructable 17 янв 2020 в 09:20

Это была простая часть. А сложная — это записать звук в Хроме, и воспроизвести на Сафари.

Sungmaster 17 янв 2020 в 17:03

у нас наоборот, проблем с воспроизведением не было, но возникали сложности с записью на мобильном Safari (MediaRecorder API нужно активировать вручную)

indestructable 20 янв 2020 в 08:23

У меня не получилось в Хроме записать формат, отличный от webm (Я находил ссылку на исходники, где, вроде бы, только вебм формат проходит тест https://cs.chromium.org/chromium/src/third_party/blink/web_tests/fast/mediarecorder/MediaRecorder-isTypeSupported.html?q=MediaRecorder-isTypeSupported&dr)

ht-pro 17 янв 2020 в 10:16

Спасибо за базовой пример.

andrewfromtver 10 янв 2024 в 22:36

Добрый вечер, в вашем примере и в примерах на MDN показано как захватывать микрофон, а пробовали ли вы делать совместный захват и микрофона и системного вывода - то есть тех звуков которые слышны в колонки компьютера, и делали ли реализацию с переключением захвата звука из разных источников?

Зарегистрируйтесь на Хабре, чтобы оставить комментарий