中文版

Paddle.js

<p > <img src="https://travis-ci.org/PaddlePaddle/Paddle.js.svg?branch=master" alt="building"> <img src="https://github.com/paddlepaddle/paddle.js/actions/workflows/ut.yml/badge.svg" alt="UnitTest"> <img src="https://img.shields.io/github/commit-activity/m/paddlepaddle/paddle.js/master?color=important" alt="commit-activity"> <img src="https://img.shields.io/github/license/paddlepaddle/paddle.js" alt="license"> <img src="https://img.shields.io/github/package-json/v/paddlepaddle/paddle.js/master?color=yellow" alt="license"> <img src="https://img.shields.io/github/v/release/paddlepaddle/paddle.js?color=skyblue" alt="license"> <img src="https://img.shields.io/pypi/pyversions/paddlejsconverter" alt="python"> </p>

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.

Ecosystem

| Project | version | Description | | ------------------------ | ---------------------- | --------------------| | paddlejs-core | | inference engine | | paddlejs-backend-webgl | | webgl backend | | paddlejs-backend-wasm | | wasm backend | | paddlejs-backend-webgpu | | webgpu backend | | paddlejsconverter | | convert paddlepaddle model | | humanseg | | human segmentation library | | ocr | | optical character recognition library | | gesture | | gesture recognition library | | mobilenet | | image classification library | | ocr detection | | optical character detection library | | facedetect | | face detection library |

Website

https://paddlejs.baidu.com

Key Features

Module

• paddlejs-core, the core part of the Paddle.js ecosystem, which is responsible for the operation of the inference process of the entire engine. <img src="https://img.shields.io/bundlephobia/min/@paddlejs/paddlejs-core" alt="size"> <img src="https://img.shields.io/npm/dm/@paddlejs/paddlejs-core?color=orange" alt="downloads"> <img src="https://img.shields.io/npm/dt/@paddlejs/paddlejs-core" alt="downloads">
• paddlejsconverter, model transformation tool for Paddle.js, convert PaddlePaddle models (also known as fluid models) into a browser-friendly format.
• paddlejs-models, model projects, supply flexible low-level APIs for users to implement their AI scenario.
• paddlejs-examples, Paddle.js AI examples
• paddlejs-mediapipe, tools for live and streaming media, support webrtc camera and a lightweight opencv package

Backends

• paddlejs-backend-webgl, webgl backend, the main backend for Paddle.js, ops supported <img src="https://img.shields.io/bundlephobia/min/@paddlejs/paddlejs-backend-webgl" alt="size"> <img src="https://img.shields.io/npm/dm/@paddlejs/paddlejs-backend-webgl?color=orange" alt="downloads"> <img src="https://img.shields.io/npm/dt/@paddlejs/paddlejs-backend-webgl" alt="downloads">
• paddlejs-backend-webgpu, webgpu backend, an experimental backend, WebGPU draft, ops supported
• paddlejs-backend-wasm, WebAssembly backend, ops supported
• paddlejs-backend-cpu, cpu backend, ops supported
• paddlejs-backend-nodegl, nodegl backend, a backend in Node.js for Paddle.js, using the webgl backend ops. ops supported

Examples

• image classification game image classification game example in wx miniprogram
• gesture gesture recognition example online experience
• humanStream video-streaming human segmentation online experience
• humanseg human segmentation example online experience
• ocr optical character recognition example online experience
• ocr detection optical character detection example online experience
• mobilenet classify images into 1000 object categories online experience
• wine classify bottles into 7 categories online experience
• webglworker This demo help us to use Paddle.js in WebWorker.

<p> <a target="_blank" href="./packages/paddlejs-examples/clasGame/README.md"> <img alt="clasGame" src="./packages/paddlejs-examples/clasGame/exampleImage/demo1.gif" style="width: 100%"> </a><a target="_blank" href="./packages/paddlejs-examples/wine/README.md"> <img alt="wine" src="https://user-images.githubusercontent.com/43414102/156372713-d07e190f-bdb6-433e-a5cd-866fffbbb5d6.gif" style="width: 100%"> </a><a target="_blank" href="./packages/paddlejs-examples/gesture/README.md"> <img alt="gesture" src="https://user-images.githubusercontent.com/43414102/156379706-065a4f57-cc75-4457-857a-18619589492f.gif" style="width: 100%"> </a><a target="_blank" href="./packages/paddlejs-examples/ocr/README.md"> <img alt="ocr" src="https://user-images.githubusercontent.com/43414102/156380942-2ee5ad8d-d023-4cd3-872c-b18ebdcbb3f3.gif" style="width: 100%"> </a> </p> <p> <a target="_blank" href="./packages/paddlejs-examples/humanseg/README.md"> <img alt="humanseg" src="https://user-images.githubusercontent.com/43414102/156384741-83f42d25-7062-49e1-9106-677bbbefbcfb.jpg" style="width: 40%"> </a><a target="_blank" href="./packages/paddlejs-models/facedetect/README.md"> <img alt="facedetect" src="https://user-images.githubusercontent.com/43414102/156384732-cb053df6-826e-42d7-92ba-536ab67011c4.jpg" style="width: 40%"> </a> </p>

Browser/Platforms Coverage

• PC: Chrome, Safari, Firefox
• Phone: Baidu App , Chrome , UC and QQ Browser
• Smartprogram: Baidu Smartprogr