MediaRecorder - события паузы и возобновления не работают в Firefox

Я пытаюсь осознать MediaRecorder API, поэтому я написал простое веб-приложение, которое запускается, приостанавливает, возобновляет и останавливает запись звука. Код работает нормально, пока я не протестировал его в Firefox (последней версии).

[Полный код здесь]

Код Javascript:

var mediaRecorder = null,
constraints = { audio: true };


function onSuccess( stream ) {
   mediaRecorder = new MediaRecorder( stream );

   function getStatus() {
      alert('The mediaRecorder is ' + mediaRecorder.state);
   }

   mediaRecorder.onstart = getStatus;
   mediaRecorder.onpause = getStatus;
   mediaRecorder.onresume = getStatus;
   mediaRecorder.onstop = getStatus;
}

var onError = function(err) {
   console.info('Error: ' + err);
}

navigator.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);

HTML-код:

<button type = "button" onclick = "mediaRecorder.start()">Start</button>
<button type = "button" onclick = "mediaRecorder.pause()">Pause</button>
<button type = "button" onclick = "mediaRecorder.resume()">Resume</button>
<button type = "button" onclick = "mediaRecorder.stop()">Stop</button>

Я понял, что в Firefox при нажатии на паузу mediaRecorder фактически приостанавливается, но не запускает событие паузы (onpause), и то же самое для возобновления.

Вопрос: Есть способ исправить эту проблему?

известная ошибка, см. bugzilla.mozilla.org/show_bug.cgi?id=1363915

Philipp Hancke 03.05.2018 10:24

@PhilippHancke Большое спасибо, это имеет смысл. Об ошибке сообщили год назад!?!, Идиот, почему они не исправили ее!

CryptoBird 03.05.2018 10:44

@PhilippHancke Похоже, этот MediaRecorder очень нестабильный.

CryptoBird 03.05.2018 10:59

@CryptoBird, потому что он наткнулся на неясную область спецификация.

Dexter 03.05.2018 11:27

@Dexter Ты УДИВИТЕЛЬНЫЙ, теперь картина кристально чистая.

CryptoBird 03.05.2018 11:46

@PhilippHancke Ребята, поздравляю, ошибка исправлена ​​ошибка 1458538

CryptoBird 22.12.2018 10:18
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
6
627
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

К сожалению, это ошибка в Mozilla Firefox, и в качестве обходного пути я нашел эту потрясающую кроссбраузерную библиотеку, и она сработала для меня как шарм: Audrec

Ребята, поздравляем, ошибка исправлена ​​ошибка 1458538

CryptoBird 22.12.2018 10:17

Другие вопросы по теме