如何从Blazor调用javascript函数并返回数据(网络摄像头应用程序videostream和保存屏幕截图)?

如何从Blazor调用javascript函数并返回数据(网络摄像头应用程序videostream和保存屏幕截图)?,blazor,webcam,blazor-jsinterop,Blazor,Webcam,Blazor Jsinterop,如何从Blazor调用javascript函数并返回数据(网络摄像头应用程序videostream和保存屏幕截图) 您好,我考虑过使用Blazor和网络摄像头(目标->浏览器中Cam的视频流//拍摄流的屏幕截图//将屏幕截图保存到Hd)。 我在视频流中添加了代码,从视频流中截取一个屏幕截图,这也可以,但只有通过“js”按钮调用时才可以。 从使用的Javascript内部: startbutton.addEventListener('click',函数(ev){ takePic(); ev.p

如何从Blazor调用javascript函数并返回数据(网络摄像头应用程序videostream和保存屏幕截图)

您好,我考虑过使用Blazor和网络摄像头(目标->浏览器中Cam的视频流//拍摄流的屏幕截图//将屏幕截图保存到Hd)。

我在视频流中添加了代码,从视频流中截取一个屏幕截图,这也可以,但只有通过“js”按钮调用时才可以。 从使用的Javascript内部:


startbutton.addEventListener('click',函数(ev){
takePic();
ev.preventDefault();
},假);
我不明白的是:

一,。 我想从Blazor通过js互操作调用js函数,而不是从JavaScript内部通过Eventlistener调用js函数。但是我不能把那个电话的密码弄对!?也许Answare是超级简单的一行。我对Javascript一无所知(这就是为什么我(必须)使用Blazor:)

二,。 如何将js发送回Blazor的imagedata转换成字节[]

我的代码Blazor/RazorPage:


@第“/”页
@*https://www.youtube.com/watch?v=5Uth1wXRil4*@
@使用数据
@注入IJSRuntime JSRuntime
趣味Blazor网络摄像头应用程序
开始
视频流不可用。
{onStart(选项);}
};
很抱歉出现代码墙

请尝试以下操作:

  • 1:在../wwwroot/js中创建新的JavaScript文件(我们称之为webcam.js)

  • 2:不要忘记在../wwwroot/index.html中添加指向JavaScript文件的链接

请记住:标记前的脚本文件