极客前沿

AI入门:在浏览器中跑神经网络,一步步安装与上手

2026-05-24 01:32
DEV Machine Learning
查看原文

零基础学会安装SpawnDev.ILGPU.ML,在浏览器中运行AI模型,无需GPU或复杂环境。

想试试AI但被安装环境吓到了?今天介绍一个C#库SpawnDev.ILGPU.ML,让你直接在浏览器里运行神经网络,不用装Python、CUDA或ONNX Runtime。它把C#代码翻译成WebGPU、WebGL等后端,一次编写,到处运行。

Tutorial Image

准备工作

  • 一台能上网的电脑(Windows/Mac/Linux均可)
  • 一个现代浏览器:推荐Chrome或Edge(支持WebGPU)
  • 一个文本编辑器,比如VS Code
  • .NET SDK 6.0以上(从dotnet.microsoft.com下载安装)

安装步骤

  1. 打开终端(命令提示符或PowerShell),运行:dotnet new blazorwasm -n MyFirstAI,创建一个Blazor WebAssembly项目。
  2. 进入项目文件夹:cd MyFirstAI
  3. 添加NuGet包:dotnet add package SpawnDev.ILGPU.ML --version 4.0.0-preview.4
  4. Program.cs中注册服务:builder.Services.AddBlazorILGPUML();
  5. _Imports.razor中添加:@using SpawnDev.ILGPU.ML

验证是否成功

打开Pages/Index.razor,替换为以下代码,然后运行dotnet run,在浏览器中打开显示的地址。

Tutorial Image
@page "/"
@inject MLModel model

<button @onclick="RunModel">运行AI模型</button>
<p>结果:@result</p>

@code {
    string result;
    async Task RunModel()
    {
        // 加载一个预训练模型(示例:图像分类)
        var pipeline = await model.LoadAsync("https://huggingface.co/onnxmodel/resnet50.onnx");
        var output = await pipeline.RunAsync(inputData);
        result = "模型运行成功!";
    }
}

如果页面显示“模型运行成功!”,说明环境安装正确。常见坑:确保浏览器支持WebGPU(chrome://gpu查看),否则自动降级到WebGL。

Tutorial Image

下一步可以做什么

  • 试试官方案例:访问live demo,体验图像分类、风格迁移等。
  • 修改代码,用你自己的图片或模型。
  • 阅读官方文档了解更多API。

内容来源

DEV Machine Learning

发布时间

2026-05-24 01:32

返回 AI技术