Rumah > hujung hadapan web > tutorial js > WebGPU Hebat: Saya Bina Dua Alat Pemprosesan Imej AI Sepantas Kilat!

WebGPU Hebat: Saya Bina Dua Alat Pemprosesan Imej AI Sepantas Kilat!

Linda Hamilton
Lepaskan: 2024-11-06 03:00:02
asal
761 orang telah melayarinya

Sebagai jurutera web yang berminat dengan teknologi baru muncul, terutamanya AI, saya telah meneroka perpustakaan onnxruntime-web Microsoft. Menggunakan alat berkuasa ini, saya membangunkan BatchTool - platform pemprosesan imej berkuasa AI dalam talian.

ONNX Runtime Web ialah pustaka Javascript untuk menjalankan model ONNX pada penyemak imbas dan pada Node.js. ONNX Runtime Web telah menggunakan teknologi WebAssembly dan WebGL untuk menyediakan masa jalan inferens model ONNX yang dioptimumkan untuk kedua-dua CPU dan GPU.

Pada masa ini, BatchTool menawarkan dua ciri utama:

  1. Penyingkiran Latar Belakang Kelompok
  2. Penyingkiran Objek Kelompok/Tanda Air

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Ciri Utama BatchTool

  • Privasi-Diutamakan: Menggunakan model AI tempatan - tiada muat naik pelayan diperlukan
  • Dikuasakan AI: Memanfaatkan kecerdasan buatan untuk memudahkan tugas yang rumit
  • Prestasi Tinggi: Pecutan WebGPU membolehkan pemprosesan setiap imej dalam milisaat
  • Pemprosesan Kelompok Cekap: Proses berbilang fail dengan satu klik
  • Mesra Pengguna: Antara muka yang mudah dan intuitif dengan keluk pembelajaran sifar
  • Rentas Platform: Berfungsi dalam penyemak imbas anda - tiada pemasangan diperlukan

Pembuangan Latar Belakang Kelompok

Muat Turun Model

Alih Keluar Latar Belakang berjalan pada penyemak imbas anda dan tidak perlu dimuat naik ke pelayan. Cuma muat turun model yang sepadan pada penggunaan pertama. Selepas itu, fail model akan dicache dalam cache penyemak imbas dan anda boleh menggunakannya secara langsung pada kali berikutnya anda menggunakannya.

Dipaparkan pada skrin berikut: WebGPU ✅ menunjukkan bahawa peranti semasa menyokong pecutan WebGPU.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Pilih Imej

Selepas memilih imej untuk diproses, Alat Batch akan secara automatik mengesan persekitaran berjalan semasa dan mendayakan mod pecutan WebGPU jika persekitaran semasa menyokong pecutan WebGPU, jika tidak, ia akan bertukar secara automatik kepada mod CPU.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Setelah latar belakang imej telah dialih keluar, klik pada ikon Bandingkan Imej untuk melihat kesan latar belakang yang dialih keluar.

Imej daripada: https://pixabay.com/

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Seterusnya, anda boleh klik pada butang muat turun kelompok untuk memuat turun kelompok semua imej yang telah diproses.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Pembuangan Objek/Tanda Air Kelompok

Muat Turun Model

Seperti pengalihan keluar latar belakang, pengalihan keluar objek dijalankan pada penyemak imbas dan tidak perlu dimuat naik ke pelayan. Ia hanya perlu memuat turun model yang sepadan pada penggunaan pertama. Selepas itu, fail model akan dicache dalam cache penyemak imbas dan boleh digunakan terus pada kali berikutnya anda menggunakannya.

Senario 1

Dalam adegan ini, anda boleh memilih berbilang imej serentak, dan kemudian melakukan operasi memadam objek pada setiap imej satu demi satu.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Selepas melengkapkan pemadaman, anda boleh sama ada memuat turun imej tunggal yang telah dibaiki dengan serta-merta atau tunggu sehingga semua imej telah dilaraskan dan kemudian memuat turun kesemuanya sekali gus.

Senario 2

Senario ini sesuai untuk memadam tera air kelompok dalam kawasan yang sama pada berbilang imej dengan saiz yang sama. Langkahnya juga sangat mudah, hanya empat langkah kecil.

1.Pilih berbilang gambar untuk diproses;
2. Dayakan mod Padam Kelompok Sama Tera air;

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

3.Pilih gambar pertama dan lukis kawasan tera air dengan berus;
4.Klik butang Pembaikan (ikon pemadam) pada reben.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Selepas itu, program akan dilaksanakan secara automatik, apabila pemprosesan gambar selesai, ia akan memaparkan logo yang telah lengkap pada lakaran kecil sebelah kanan, seperti yang ditunjukkan dalam rajah berikut:

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Senario 2 sangat sesuai untuk penyingkiran kumpulan tera air kawasan tetap, yang sangat meningkatkan kecekapan kerja. Jika komputer anda menyokong pecutan WebGPU, kelajuan pemprosesan akan menjadi sangat pantas, dengan purata hanya beberapa ratus milisaat untuk satu imej.

Saya menjemput anda untuk mencuba keupayaan pemprosesan imej BatchTool! Jika anda menghadapi sebarang masalah semasa menggunakan alat, sila jangan teragak-agak untuk meninggalkan ulasan.

Atas ialah kandungan terperinci WebGPU Hebat: Saya Bina Dua Alat Pemprosesan Imej AI Sepantas Kilat!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan