尝试使用getUserMedia（next.js应用程序）时出现SyntaxError意外令牌

2024-05-07 • 问答

尝试通过Next.js使用getUserMedia设置应用程序。尝试创建可以获取媒体的组件时，出现语法错误。

试图找到其他获取数据的方法，但就我的目的而言，似乎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 ...

编辑：修复了代码的格式

fly_x 回答：尝试使用getUserMedia（next.js应用程序）时出现SyntaxError意外令牌

也许正在尝试等待？

try {
    var video = document.querySelector('video');
    video.srcObject = await navigator.mediaDevices.getUserMedia(constraints);
    video.onloadedmetadata = function(e) {
        video.play();
    };
}
catch(err) {
    console.log(err.name + ": " + err.message);
}

在使用await时，我遇到了同样的问题，当我将其更改为.then（）时，它开始工作，但是我真的不知道失败的原因，它们都应该工作。

getusermedia next.js syntax

本文链接：https://www.f2er.com/3158198.html

尝试使用getUserMedia（next.js应用程序）时出现SyntaxError意外令牌

fly_x 回答：尝试使用getUserMedia（next.js应用程序）时出现SyntaxError意外令牌

大家都在问