Репортер ошибок: Альтернативы getDisplayMedia?

Question

Я пытаюсь внедрить репортера ошибок на своем веб-сайте. Моя цель заключается в том, что пользователь сможет четко описать проблему и записать вкладку браузера во время прохождения этой проблемы. Отчет об ошибке будет просто видео-файлом, который может быть отправлен мне по электронной почте.

Похоже, что предлагаемый navigator.mediaDevices.getDisplayMedia - это именно то, что я хочу, но, похоже, ни один браузер его не реализовал, и я не нашел планов по реализации на дорожных картах.

Использование

var constraints = {video: {'mandatory' {'chromeMediaSource':'screen'}}, 
        audio: true }; 
navigator.mediaDevices.getUserMedia(constraints) 

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

Есть ли альтернативы для достижения моей цели?

Answer 1

Как вы уже заметили, Chrome и Firefox в настоящее время реализуют устаревшее unofficial draft. Отслеживание ошибок для getDisplayMedia в Firefox - here.

Если это поможет, вам больше не нужно расширение в Firefox, но вы должны использовать HTTPS (так что вы должны open this page in https first):

var constraints = {video: {mediaSource: "screen", width: 320, height: 200}}; 
 

 
navigator.mediaDevices.getUserMedia(constraints) 
 
    .then(stream => video.srcObject = stream) 
 
    .catch(e => console.log(e.message));

<video id="video" height="240" width="320" autoplay></video>

Однако, следует помнить о уникальный security risks of sharing your screen with a browser window on it.

Answer 2

В настоящее время реализованы более старые версии API. См. this module, который содержит примеры расширений для Chrome и Firefox (примечание: Firefox скоро больше не потребует расширения для белого списка)

Answer 3

Необходимо разработать расширение (по крайней мере, на хроме) с использованием API https://developer.chrome.com/extensions/desktopCapture. Поскольку это создает проблему безопасности, ее недоступность без расширения. Существует разговор, чтобы добавить это в следующую версию спецификации webrtc (https://w3c.github.io/mediacapture-screen-share/). Вы можете следить за ней и отслеживать прогресс.