dibangun oleh imageslider

gradio_imageslider

Komponen Gradio untuk membandingkan dua gambar.

Komponen ini dapat digunakan dalam beberapa cara:

• sebagai input/output terpadu di mana pengguna akan mengunggah satu gambar dan fungsi inferensi akan menghasilkan gambar yang dapat dibandingkan (lihat demo),
• sebagai input unggahan manual yang memungkinkan pengguna membandingkan dua gambar mereka sendiri (yang kemudian dapat diteruskan ke tempat lain, misalnya ke model),
• sebagai komponen keluaran statis yang memungkinkan pengguna membandingkan dua gambar yang dihasilkan oleh fungsi inferensi.

Instalasi

pip install gradio_imageslider

Penggunaan

 import gradio as gr
from gradio_imageslider import ImageSlider
from PIL import ImageFilter


def fn ( im ):
    if not im or not im [ 0 ]:
        return im
    return ( im [ 0 ], im [ 0 ]. filter ( filter = ImageFilter . GaussianBlur ( radius = 10 )))


with gr . Blocks () as demo :
    with gr . Group ():
        img1 = ImageSlider ( label = "Blur image" , type = "pil" , slider_color = "pink" )
        img1 . upload ( fn , inputs = img1 , outputs = img1 )

if __name__ == "__main__" :
    demo . launch ()

ImageSlider

Inisialisasi

nama	jenis	bawaan	keterangan
value	tuple [ str , str ] | tuple [ PIL . Image . Image , PIL . Image . Image ] | tuple [ numpy . ndarray , numpy . ndarray ] | None	None	Gambar PIL, array numpy, jalur, atau URL untuk nilai default yang akan digunakan komponen Gambar. Jika dapat dipanggil, fungsi tersebut akan dipanggil setiap kali aplikasi dimuat untuk menyetel nilai awal komponen.
position	int	0.5	Posisi penggeser, antara 0 dan 1.
upload_count	int	1	Jumlah gambar yang dapat diunggah ke komponen. 1 atau 2.
height	int | None	None	Tinggi gambar yang ditampilkan dalam piksel.
width	int | None	None	Lebar gambar yang ditampilkan dalam piksel.
type	"numpy" | "pil" | "filepath"	"numpy"	Format gambar dikonversi sebelum diteruskan ke fungsi prediksi. "numpy" mengonversi gambar menjadi array numpy dengan bentuk (tinggi, lebar, 3) dan nilai dari 0 hingga 255, "pil" mengonversi gambar menjadi objek gambar PIL, "jalur file" meneruskan jalur str ke file sementara yang berisi gambar.
label	str | None	None	nama komponen di antarmuka.
every	float | None	None	Jika `nilai` dapat dipanggil, jalankan fungsi 'setiap' beberapa detik saat koneksi klien terbuka. Sebaliknya tidak berpengaruh. Antrian harus diaktifkan. Acara dapat diakses (misalnya untuk membatalkannya) melalui atribut .load_event komponen ini.
show_label	bool | None	None	jika Benar, akan menampilkan label.
show_download_button	bool	True	Jika Benar, akan muncul tombol untuk mendownload gambar.
container	bool	True	Jika Benar, akan menempatkan komponen dalam sebuah wadah - memberikan beberapa bantalan tambahan di sekitar perbatasan.
scale	int | None	None	lebar relatif dibandingkan dengan Komponen yang berdekatan dalam satu Baris. Misalnya, jika Komponen A mempunyai skala=2, dan Komponen B mempunyai skala=1, A akan dua kali lebih lebar dari B. Harus berupa bilangan bulat.
min_width	int	160	lebar piksel minimum, akan membungkus jika ruang layar tidak mencukupi untuk memenuhi nilai ini. Jika nilai skala tertentu mengakibatkan Komponen ini lebih sempit dari min_width, parameter min_width akan dipatuhi terlebih dahulu.
interactive	bool | None	None	jika Benar, akan memungkinkan pengguna mengunggah dan mengedit gambar; jika False, hanya dapat digunakan untuk menampilkan gambar. Jika tidak disediakan, hal ini disimpulkan berdasarkan apakah komponen tersebut digunakan sebagai input atau output.
visible	bool	True	Jika Salah, komponen akan disembunyikan.
elem_id	str | None	None	String opsional yang ditetapkan sebagai id komponen ini di DOM HTML. Dapat digunakan untuk menargetkan gaya CSS.
elem_classes	list [ str ] | str | None	None	Daftar string opsional yang ditetapkan sebagai kelas komponen ini di DOM HTML. Dapat digunakan untuk menargetkan gaya CSS.
show_share_button	bool | None	None	Jika Benar, akan menampilkan ikon bagikan di sudut komponen yang memungkinkan pengguna membagikan output ke Diskusi Hugging Face Spaces. Jika Salah, ikon tidak muncul. Jika diatur ke Tidak Ada (perilaku default), maka ikon akan muncul jika aplikasi Gradio ini diluncurkan di Spaces, namun tidak sebaliknya.
slider_color	str | None	None	Warna pemisah penggeser.

Acara

nama	keterangan
change	Dipicu ketika nilai ImageSlider berubah karena masukan pengguna (misalnya pengguna mengetik di kotak teks) ATAU karena pembaruan fungsi (misalnya gambar menerima nilai dari keluaran pemicu peristiwa). Lihat .input() untuk pendengar yang hanya dipicu oleh masukan pengguna.
upload	Listener ini dipicu ketika pengguna mengunggah file ke ImageSlider.

Fungsi pengguna

Dampaknya terhadap fungsi prediksi pengguna bervariasi tergantung pada apakah komponen tersebut digunakan sebagai input atau output untuk suatu peristiwa (atau keduanya).

• Saat digunakan sebagai Input, komponen hanya memengaruhi tanda tangan input dari fungsi pengguna.
• Saat digunakan sebagai output, komponen hanya memengaruhi tanda tangan kembalian fungsi pengguna.

Cuplikan kode di bawah ini akurat jika komponen digunakan sebagai masukan dan keluaran.

• Sebagai keluaran: Diteruskan, sejumlah gambar dalam format yang diminta.
• Sebagai masukan: Harus mengembalikan, gambar sebagai array numpy, Gambar PIL, jalur file string/Jalur, atau URL string.

 def predict (
    value : tuple [ str , str ]
   | tuple [ PIL . Image . Image , PIL . Image . Image ]
   | tuple [ numpy . ndarray , numpy . ndarray ]
   | None
) -> tuple [ str , str ]
   | tuple [ PIL . Image . Image , PIL . Image . Image ]
   | tuple [ numpy . ndarray , numpy . ndarray ]
   | None :
    return value