Попытка настроить приложение, используя getUserMedia через Next.js. При попытке создать компонент, который может извлекать носитель, я получаю синтаксическую ошибку.
Пытался найти другие способы получения данных, но мне кажется, что getUserMedia - лучший вариант для моих целей. Next.js также является предпочтительным фреймворком, хотя я не эксперт в этом.
Вот как я пытаюсь настроить компонент:
const Recorder = () => (
var constraints = {audio: true, video: true};
navigator.mediaDevices.getUserMedia(constraints)
.then(funtion(mediaStream) {
var video = document.querySelector('video');
video.srcObject = mediaStream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {console.log(err.name + ": " + err.message);})
)
export default Recorder;
Когда я пытаюсьзапустить приложение, я получаю SyntaxError в третьей строке ...
РЕДАКТИРОВАТЬ: Исправлено форматирование кода