相关疑难解决方法(0)

我已经将我的问题归结为样板 Blazor Web Assembly 应用程序。

该项目直接来自向导，添加了以下代码。

1. 我已将 Index.razor 页面更改为：

@page "/"
@inject IJSRuntime JSRuntime;
@using System.Drawing;
@using System.IO;

<div>
    <h1>Video Test</h1>
</div>

<video id="video" width="640" height="480" autoplay></video>

<div>
    <button type="button" class="btn btn-primary" @onclick="StartVideo">Click Me</button>
</div>


@code {

    async Task StartVideo()
    {
        await JSRuntime.InvokeVoidAsync("startVideo");
    }

}

我有一个像这样附加的 JavaScript 页面：

function startVideo() {
    alert("Test Alert!");

    var video = document.getElementById('video');

    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({ video: true }).then(function (stream) {
            video.src = window.URL.createObjectURL(stream);
            video.srcObject = stream;
            video.play();
        });
    }
}

该应用程序编译没有问题。当我运行它并单击按钮时，我收到警报。我添加到警报以确认 Java …