Paddle.js 使用教程

2026-01-16 09:25:48作者：庞眉杨Will

Paddle.js is a web project for Baidu PaddlePaddle, which is an open source deep learning framework running in the browser. Paddle.js can either load a pre-trained model, or transforming a model from paddle-hub with model transforming tools provided by Paddle.js. It could run in every browser with WebGL/WebGPU/WebAssembly supported. It could also run in Baidu Smartprogram and WX miniprogram.

项目地址：https://gitcode.com/gh_mirrors/pa/Paddle.js

项目介绍

Paddle.js 是百度 PaddlePaddle 的开源深度学习框架的网页项目，能够在浏览器中运行。Paddle.js 可以加载预训练模型，或者通过提供的模型转换工具从 paddle-hub 转换模型。它支持 WebGL、WebGPU 和 WebAssembly，并且可以在百度智能小程序和微信小程序中运行。

项目快速启动

以下是一个简单的快速启动示例，展示如何在浏览器中使用 Paddle.js 加载和运行一个预训练模型。

安装 Paddle.js

首先，你需要在你的 HTML 文件中引入 Paddle.js 库：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Paddle.js 快速启动</title>
    <script src="https://unpkg.com/@paddlejs/paddlejs-core"></script>
    <script src="https://unpkg.com/@paddlejs/paddlejs-backend-webgl"></script>
</head>
<body>
    <h1>Paddle.js 快速启动</h1>
    <script>
        async function main() {
            // 初始化 Paddle.js
            const paddlejs = new Paddlejs({
                backend: 'webgl'
            });

            // 加载模型
            await paddlejs.loadModel({
                modelPath: 'path/to/your/model.json'
            });

            // 运行模型
            const input = new Float32Array(1 * 224 * 224 * 3); // 示例输入
            const output = await paddlejs.run(input);

            console.log(output);
        }

        main();
    </script>
</body>
</html>

运行模型

在上面的代码中，我们首先引入了 Paddle.js 的核心库和 WebGL 后端库。然后，我们初始化 Paddle.js 并加载一个预训练模型。最后，我们创建一个示例输入并运行模型，输出结果将在控制台中显示。

Paddle.js 使用教程

项目介绍

项目快速启动

安装 Paddle.js

运行模型

应用案例和最佳实践

图像分类

目标检测

人脸识别

典型生态项目

paddlejs-core

paddlejs-converter

paddlejs-models

paddlejs-examples

paddlejs-mediapipe

项目优选