Описание тега web-mediarecorder
Веб-API для записи аудио- и видеопотоков.
1
ответ
CanvasCaptureMediaStream / MediaRecorder Кадровая синхронизация
При использовании CanvasCaptureMediaStream и MediaRecorder, есть ли способ получить событие для каждого кадра? Что мне нужно, мало чем отличается requestAnimationFrame(), но мне это нужно для CanvasCaptureMediaStream (и / или MediaRecorder), а не ок…
18 ноя '16 в 22:38
0
ответов
Можно ли получить событие ondataavailable Буфер MediaRecorder вместо Blob?
Я получаю поток от getUserMedia и записываю его на dataavailable событие, которое я получаю e.data который Blob, Я могу преобразовать его в Buffer, но при конвертации он содержит данные, которые мне не нужны, мне нужно только Buffer/ArrayBuffer пото…
07 ноя '18 в 14:28
1
ответ
Управление памятью Firefox
Я работаю с MediaRecorder API для записи видео пользователя. каждый OnDataAvailable добавить чанк webm в массив (это чисто клиентское решение). После нескольких тестов длительной записи мы обнаружили проблему с управлением памятью в Firefox: Fierfox…
30 июл '17 в 08:47
2
ответа
Запишите 5-секундные сегменты аудио с помощью MediaRecorder и затем загрузите на сервер
Я хочу записать микрофон пользователя длиной 5 секунд и загрузить каждый на сервер. Я пытался использовать MediaRecorder, и я вызывал методы start() и stop() с интервалом в 5 секунд, но когда я объединяю эти записи, между ними появляется звук "сбрас…
13 июл '18 в 12:29
0
ответов
Как играть огромный файл WEBM Локально
Я работаю с Mediarecorder для записи видео. Мне нужно показать местный предварительный просмотр этого видео прямо из браузера. Моя проблема - долгое время записи и видео огромного размера. Поэтому я не могу хранить в памяти капли MediaRecorder, пото…
08 авг '17 в 11:14
1
ответ
MediaRecorder останавливается при выключенном экране
У меня есть приложение, которое использует медиа-рекордер с микрофонным потоком. Все отлично работает за одним исключением. Когда я выключаю дисплей, он останавливает запись, а когда я снова включаю его, продолжаю запись. Это как если бы он приостан…
01 май '15 в 19:24
0
ответов
JS MediaRecorder: как записать два видео по очереди?
Я пытаюсь объединить 2 видео в одном видео. Метод попробовал: Получить видео объекты Получить холст и захватить поток Запустить рекордер Воспроизведите первое видео и нарисуйте его на холсте Когда видео закончится, проиграйте следующее видео Останов…
25 окт '18 в 14:39
0
ответов
Высокоточный html5 медиаплеер
У меня есть элемент медиа-проигрывателя html5 с форматом WebM, и моя цель состоит в том, чтобы иметь возможность воспроизводить сегменты в нем с супер высокой точностью (до 10 мс). Легко установить точное время начала сегмента, но у меня есть пробле…
26 сен '18 в 17:24
1
ответ
Firefox не воспроизводит видео, записанное в Chrome
У меня есть видео, которое было записано в Chrome с использованием этого плагина реакции: rico345100 / реагировать-мультимедиа-захвата. Это видео загружено на сервер. Видео воспроизводится нормально в Chrome. Однако это же видео не открывается в Fir…
14 фев '18 в 15:48
3
ответа
Почему Chrome сохраняет анонимный объект MediaRecorder в памяти?
После попытки понять, почему некоторые объекты моего веб-приложения были сохранены в памяти Chrome, я думаю, что, возможно, я сузил их до случая недоступности в противном случае MediaRecorder объект сохраняется браузером. Пожалуйста, обратите вниман…
24 окт '18 в 15:12
0
ответов
Запись анимации ТРИЙС
Я хочу, чтобы у меня была возможность записать 4k видео моей сцены Threejs со скоростью 60 кадров в секунду. Я пробовал ccapture и canvas.captureStream(). Они ненадежно влияют на мою частоту кадров, и, следовательно, количество кадров уменьшается. С…
15 май '17 в 09:11
3
ответа
Видео / аудио потоки WebRTC не синхронизированы (MediaStream -> MediaRecorder -> MediaSource -> Video Element)
Я беру MediaStream и объединяю две отдельные дорожки (видео и аудио), используя холст и API WebAudio. Сам MediaStream, похоже, не выходит из строя, но после чтения его в MediaRecorder и буферизации его в элемент видео, звук всегда будет воспроизводи…
02 сен '18 в 07:12
1
ответ
Воспроизведение фрагментов webm как отдельного видео
Я построил некоторый код, который получит API MediaRecorder для захвата аудио и видео, а затем с помощью функции ondataavailable отправит соответствующий блоб веб-файла на сервер через веб-сокеты. Затем сервер отправляет эти большие двоичные объекты…
14 дек '17 в 19:24
0
ответов
Попытка медиа-записи холста, однако событие "ondataavailable" никогда не запускалось
Я пытаюсь воспроизвести видео на холсте, записанном с использованием captureStream и медиа-рекордера. Тем не менее, похоже, что "ondataavailable" никогда не запускается. $(function () { var canvas = document.getElementById('canvas'); var ctx = canva…
07 окт '18 в 17:57
2
ответа
Как преобразовать массив данных PNG изображения в видео файл
Я получаю кадры от canvas через canvas.getDataURL(), Тем не менее, теперь у меня есть массив изображений PNG, но я хочу видео файл. Как мне это сделать? var canvas = document.getElementById("mycanvaselementforvideocapturing"); var pngimages = []; ..…
12 авг '16 в 18:47
1
ответ
Сохранение огромных файлов
Мне нужно сохранить файл неизвестного размера, потенциально несколько гигабайт, в JS. Источник данных - это медиапоток, захваченный с помощью медиа-рекордера. В Chrome это может быть достигнуто с помощью файловой системы и файловой системы apis с фа…
30 мар '16 в 18:37
0
ответов
Web MediaRecorder - бесконечность продолжительности и сломанные кодеки
Я хочу записать пользовательский поток с веб-камеры MediaRecorder и создайте файл, который имеет: правильно установить длительность (которая может просматриваться и использоваться браузерами, например, видео проигрыватель html5 показывает правильную…
07 ноя '16 в 15:58
1
ответ
Захват аудиоданных (с использованием JavaScript) и загрузка на сервер в формате MP3
Следуя нескольким ресурсам в Интернете, я пытаюсь создать простую веб-страницу, на которой я могу записать что-то (мой голос), затем сделать из файла mp3-файл и, наконец, загрузить его на сервер. На данный момент я могу сделать запись и также воспро…
03 сен '18 в 06:43
1
ответ
Установка частоты дискретизации в JavaScript navigator.mediaDevices.getUserMedia
В настоящее время я пытаюсь установить частоту дискретизации внутри navigator.mediaDevices.getUserMedia, Вот фрагмент кода: navigator.mediaDevices.getUserMedia({audio: {"sampleRate": {"exact": 8000}}, video: false}).then(handleSuccess).catch(e =>…
24 сен '18 в 12:54
0
ответов
Простой пример MediaRecorder API / "Привет, мир"
Вот простой пример для MediaRecorder API: (async function() { let chunks = []; let stream = await navigator.mediaDevices.getUserMedia({ audio:true, video:false }); let mediaRecorder = new MediaRecorder(stream); // record for 3 seconds: mediaRecorder…
20 мар '17 в 10:41