Spaces:
Running
Running
import gradio as gr | |
from PIL import Image | |
import numpy as np | |
import os,sys | |
import torch | |
import cv2 | |
import base64 | |
import io | |
import multiprocessing | |
import random | |
import time | |
from loguru import logger | |
from share_btn import community_icon_html, loading_icon_html, share_js | |
from lama_cleaner.model_manager import ModelManager | |
from lama_cleaner.schema import Config | |
try: | |
torch._C._jit_override_can_fuse_on_cpu(False) | |
torch._C._jit_override_can_fuse_on_gpu(False) | |
torch._C._jit_set_texpr_fuser_enabled(False) | |
torch._C._jit_set_nvfuser_enabled(False) | |
except: | |
pass | |
from lama_cleaner.helper import ( | |
load_img, | |
numpy_to_bytes, | |
resize_max_size, | |
) | |
NUM_THREADS = str(multiprocessing.cpu_count()) | |
# fix libomp problem on windows https://github.com/Sanster/lama-cleaner/issues/56 | |
os.environ["KMP_DUPLICATE_LIB_OK"] = "True" | |
os.environ["OMP_NUM_THREADS"] = NUM_THREADS | |
os.environ["OPENBLAS_NUM_THREADS"] = NUM_THREADS | |
os.environ["MKL_NUM_THREADS"] = NUM_THREADS | |
os.environ["VECLIB_MAXIMUM_THREADS"] = NUM_THREADS | |
os.environ["NUMEXPR_NUM_THREADS"] = NUM_THREADS | |
if os.environ.get("CACHE_DIR"): | |
os.environ["TORCH_HOME"] = os.environ["CACHE_DIR"] | |
HF_TOKEN_SD = os.environ.get('HF_TOKEN_SD') | |
device = "cuda" if torch.cuda.is_available() else "cpu" | |
print(f'device = {device}') | |
def read_content(file_path: str) -> str: | |
"""read the content of target file | |
""" | |
with open(file_path, 'r', encoding='utf-8') as f: | |
content = f.read() | |
return content | |
def get_image_enhancer(scale = 2, device='cuda:0'): | |
from basicsr.archs.rrdbnet_arch import RRDBNet | |
from realesrgan import RealESRGANer | |
from realesrgan.archs.srvgg_arch import SRVGGNetCompact | |
from gfpgan import GFPGANer | |
realesrgan_model = RRDBNet(num_in_ch=3, num_out_ch=3, num_feat=64, | |
num_block=23, num_grow_ch=32, scale=4 | |
) | |
netscale = scale | |
model_realesrgan = 'https://github.com/xinntao/Real-ESRGAN/releases/download/v0.1.0/RealESRGAN_x4plus.pth' | |
upsampler = RealESRGANer( | |
scale=netscale, | |
model_path=model_realesrgan, | |
model=realesrgan_model, | |
tile=0, | |
tile_pad=10, | |
pre_pad=0, | |
half=False if device=='cpu' else True, | |
device=device | |
) | |
model_GFPGAN = 'https://github.com/TencentARC/GFPGAN/releases/download/v1.3.0/GFPGANv1.3.pth' | |
img_enhancer = GFPGANer( | |
model_path=model_GFPGAN, | |
upscale=scale, | |
arch='clean', | |
channel_multiplier=2, | |
bg_upsampler=upsampler, | |
device=device | |
) | |
return img_enhancer | |
image_enhancer = None | |
if sys.platform == 'linux' and 0==1: | |
image_enhancer = get_image_enhancer(scale = 1, device=device) | |
model = None | |
def model_process(image, mask, img_enhancer): | |
global model,image_enhancer | |
if mask.shape[0] == image.shape[1] and mask.shape[1] == image.shape[0] and mask.shape[0] != mask.shape[1]: | |
# rotate image | |
image = np.transpose(image[::-1, ...][:, ::-1], axes=(1, 0, 2))[::-1, ...] | |
original_shape = image.shape | |
interpolation = cv2.INTER_CUBIC | |
size_limit = 1080 | |
if size_limit == "Original": | |
size_limit = max(image.shape) | |
else: | |
size_limit = int(size_limit) | |
config = Config( | |
ldm_steps=25, | |
ldm_sampler='plms', | |
zits_wireframe=True, | |
hd_strategy='Original', | |
hd_strategy_crop_margin=196, | |
hd_strategy_crop_trigger_size=1280, | |
hd_strategy_resize_limit=2048, | |
prompt='', | |
use_croper=False, | |
croper_x=0, | |
croper_y=0, | |
croper_height=512, | |
croper_width=512, | |
sd_mask_blur=5, | |
sd_strength=0.75, | |
sd_steps=50, | |
sd_guidance_scale=7.5, | |
sd_sampler='ddim', | |
sd_seed=42, | |
cv2_flag='INPAINT_NS', | |
cv2_radius=5, | |
) | |
if config.sd_seed == -1: | |
config.sd_seed = random.randint(1, 999999999) | |
logger.info(f"Origin image shape_0_: {original_shape} / {size_limit}") | |
image = resize_max_size(image, size_limit=size_limit, interpolation=interpolation) | |
logger.info(f"Resized image shape_1_: {image.shape}") | |
logger.info(f"mask image shape_0_: {mask.shape} / {type(mask)}") | |
mask = resize_max_size(mask, size_limit=size_limit, interpolation=interpolation) | |
logger.info(f"mask image shape_1_: {mask.shape} / {type(mask)}") | |
if model is None: | |
return None | |
res_np_img = model(image, mask, config) | |
torch.cuda.empty_cache() | |
image = Image.open(io.BytesIO(numpy_to_bytes(res_np_img, 'png'))) | |
if image_enhancer is not None and img_enhancer: | |
start = time.time() | |
input_img_rgb = np.array(image) | |
input_img_bgr = input_img_rgb[...,[2,1,0]] | |
_, _, enhance_img = image_enhancer.enhance(input_img_bgr, has_aligned=False, | |
only_center_face=False, paste_back=True) | |
input_img_rgb = enhance_img[...,[2,1,0]] | |
img_enhance = Image.fromarray(np.uint8(input_img_rgb)) | |
image = img_enhance | |
log_info = f"image_enhancer_: {(time.time() - start) * 1000}ms, {res_np_img.shape} " | |
logger.info(log_info) | |
return image | |
def resize_image(pil_image, new_width=400): | |
width, height = pil_image.size | |
new_height = int(height*(new_width/width)) | |
pil_image = pil_image.resize((new_width, new_height)) | |
return pil_image | |
model = ModelManager( | |
name='lama', | |
device=device, | |
) | |
image_type = 'pil' # filepath' | |
def predict(input, img_enhancer): | |
if input is None: | |
return None | |
if image_type == 'filepath': | |
# input: {'image': '/tmp/tmp8mn9xw93.png', 'mask': '/tmp/tmpn5ars4te.png'} | |
origin_image_bytes = open(input["image"], 'rb').read() | |
print(f'origin_image_bytes = ', type(origin_image_bytes), len(origin_image_bytes)) | |
image, _ = load_img(origin_image_bytes) | |
mask, _ = load_img(open(input["mask"], 'rb').read(), gray=True) | |
elif image_type == 'pil': | |
# input: {'image': pil, 'mask': pil} | |
image_pil = input['image'] | |
mask_pil = input['mask'] | |
image = np.array(image_pil) | |
mask = np.array(mask_pil.convert("L")) | |
output = model_process(image, mask, img_enhancer) | |
return output, [resize_image(image_pil, new_width=400), resize_image(output, new_width=400)], gr.update(visible=True) | |
css = ''' | |
.container {max-width: 1150px; margin: auto;padding-top: 1.5rem} | |
#begin-btn {color: blue; font-size:20px;} | |
#work-container {min-width: min(160px, 100%) !important;flex-grow: 0 !important} | |
#op-container{margin: 0 auto; text-align: center;width:fit-content;min-width: min(150px, 100%);flex-grow: 0; flex-wrap: nowrap;} | |
#erase-btn-container{margin: 0 auto; text-align: center;width:150px;border-width:3px;border-color:#2c9748} | |
#erase-btn {padding:0;} | |
#enhancer-checkbox{width:520px} | |
#enhancer-tip{width:450px} | |
#enhancer-tip-div{text-align: left} | |
#image_output{margin: 0 auto; text-align: center;width:640px} | |
#download-container{margin: 0 auto; text-align: center;width:fit-content; min-width: min(150px, 100%);flex-grow: 0; flex-wrap: nowrap;} | |
#download-btn-container{margin: 0 auto; text-align: center;width: 100px;border-width:1px;border-color:#2c9748} | |
#download-btn {padding:0;} | |
#share-container{margin: 0 auto; text-align: center;width:fit-content; min-width: min(150px, 100%);flex-grow: 0; flex-wrap: nowrap;} | |
#image_upload .touch-none{display: flex} | |
@keyframes spin { | |
from { | |
transform: rotate(0deg); | |
} | |
to { | |
transform: rotate(360deg); | |
} | |
} | |
#share-btn-container { | |
display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem; | |
} | |
#share-btn { | |
all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; | |
} | |
#share-btn * { | |
all: unset; | |
} | |
#share-btn-container div:nth-child(-n+2){ | |
width: auto !important; | |
min-height: 0px !important; | |
} | |
#share-btn-container .wrap { | |
display: none !important; | |
} | |
''' | |
start_cleaner = """async() => { | |
function isMobile() { | |
try { | |
document.createEvent("TouchEvent"); return true; | |
} catch(e) { | |
return false; | |
} | |
} | |
var gradioEl = document.querySelector('body > gradio-app').shadowRoot; | |
if (!gradioEl) { | |
gradioEl = document.querySelector('body > gradio-app'); | |
} | |
const group1 = gradioEl.querySelectorAll('#group_1')[0]; | |
const group2 = gradioEl.querySelectorAll('#group_2')[0]; | |
const image_upload = gradioEl.querySelectorAll('#image_upload')[0]; | |
const image_output = gradioEl.querySelectorAll('#image_output')[0]; | |
const image_output_container = gradioEl.querySelectorAll('#image-output-container')[0]; | |
const data_image = gradioEl.querySelectorAll('#image_upload [data-testid="image"]')[0]; | |
const data_image_div = gradioEl.querySelectorAll('#image_upload [data-testid="image"] > div')[0]; | |
image_output_container.setAttribute('style', 'width: 0px; height:0px; display:none;'); | |
if (isMobile()) { | |
const group1_width = group1.offsetWidth; | |
image_upload.setAttribute('style', 'width:' + (group1_width - 13*2) + 'px; min-height:none;'); | |
data_image.setAttribute('style', 'width: ' + (group1_width - 14*2) + 'px;min-height:none;'); | |
data_image_div.setAttribute('style', 'width: ' + (group1_width - 14*2) + 'px;min-height:none;'); | |
image_output.setAttribute('style', 'width: ' + (group1_width - 13*2) + 'px;min-height:none;'); | |
const enhancer = gradioEl.querySelectorAll('#enhancer-checkbox')[0]; | |
enhancer.style.display = "none"; | |
} else { | |
max_height = 800; | |
const container = gradioEl.querySelectorAll('.container')[0]; | |
container.setAttribute('style', 'max-width: 100%;'); | |
data_image.setAttribute('style', 'height: ' + max_height + 'px'); | |
data_image_div.setAttribute('style', 'min-height: ' + max_height + 'px'); | |
} | |
if (!(gradioEl.parentNode)) { | |
const share_btn_container = gradioEl.querySelectorAll('#share-btn-container')[0]; | |
share_btn_container.setAttribute('style', 'width: 0px; height:0px;'); | |
const share_btn_share_icon = gradioEl.querySelectorAll('#share-btn-share-icon')[0]; | |
share_btn_share_icon.setAttribute('style', 'width: 0px; height:0px;'); | |
} | |
group1.style.display = "none"; | |
group2.style.display = "block"; | |
window['gradioEl'] = gradioEl; | |
window['doCheckAction'] = 0; | |
window['checkAction'] = function checkAction() { | |
try { | |
if (window['doCheckAction'] == 0) { | |
var gallery_items = window['gradioEl'].querySelectorAll('#gallery .gallery-item'); | |
if (gallery_items && gallery_items.length == 2) { | |
window.clearInterval(window['checkAction_interval']); | |
window['doCheckAction'] = 1; | |
gallery_items[gallery_items.length-1].click(); | |
} | |
} | |
} catch(e) { | |
} | |
} | |
window['checkAction_interval'] = window.setInterval("window.checkAction()", 500); | |
}""" | |
download_img = """async() => { | |
Date.prototype.Format = function (fmt) { | |
var o = { | |
"M+": this.getMonth() + 1, | |
"d+": this.getDate(), | |
"h+": this.getHours(), | |
"m+": this.getMinutes(), | |
"s+": this.getSeconds(), | |
"q+": Math.floor((this.getMonth() + 3) / 3), | |
"S": this.getMilliseconds() | |
}; | |
if (/(y+)/.test(fmt)) | |
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); | |
for (var k in o) | |
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); | |
return fmt; | |
} | |
var gradioEl = document.querySelector('body > gradio-app').shadowRoot; | |
if (!gradioEl) { | |
gradioEl = document.querySelector('body > gradio-app'); | |
} | |
const out_image = gradioEl.querySelectorAll('#image_output img')[0]; | |
if (out_image) { | |
var x=new XMLHttpRequest(); | |
x.open("GET", out_image.src, true); | |
x.responseType = 'blob'; | |
x.onload = function(e){ | |
var url = window.URL.createObjectURL(x.response) | |
var a = document.createElement('a'); | |
a.href = url; | |
a.download = (new Date()).Format("yyyyMMdd_hhmmss"); | |
a.click(); | |
} | |
x.send(); | |
} | |
}""" | |
image_blocks = gr.Blocks(css=css, title='Image Cleaner') | |
with image_blocks as demo: | |
with gr.Group(elem_id="group_1", visible=True) as group_1: | |
with gr.Box(): | |
with gr.Row(elem_id="gallery_row"): | |
with gr.Column(elem_id="gallery_col"): | |
gallery = gr.Gallery(value=['./sample_00.jpg','./sample_00_e.jpg'], show_label=False) | |
gallery.style(grid=[2], height='500px') | |
with gr.Row(): | |
with gr.Column(): | |
begin_button = gr.Button("Let's GO!", elem_id="begin-btn", visible=True) | |
with gr.Row(): | |
with gr.Column(): | |
gr.HTML(""" | |
<div style='margin: 0 auto; text-align: center;color:red;'> | |
<p> | |
Solemnly promise: this application will not collect any user information and image resources. | |
</p> | |
</div> | |
<div style='margin: 0 auto; text-align: center'> | |
The model comes from <a href='https://github.com/Sanster/lama-cleaner' target=_blank>[<font style='color:blue;'>Lama</font>]</a>. Thanks! ❤️<br> | |
<a href='https://huggingface.co' target=_blank>[<font style='color:blue;'>huggingface.co</font>]</a> provides code hosting. Thanks! ❤️ | |
</div> | |
""" | |
) | |
with gr.Group(elem_id="group_2", visible=False) as group_2: | |
with gr.Box(elem_id="work-container"): | |
with gr.Row(elem_id="input-container"): | |
with gr.Column(): | |
image_input = gr.Image(source='upload', elem_id="image_upload",tool='sketch', type=f'{image_type}', | |
label="Upload", show_label=False).style(mobile_collapse=False) | |
with gr.Row(elem_id="op-container").style(mobile_collapse=False, equal_height=True): | |
with gr.Column(elem_id="erase-btn-container"): | |
erase_btn = gr.Button(value = "Erase(⏬)",elem_id="erase-btn").style( | |
margin=True, | |
rounded=(True, True, True, True), | |
full_width=True, | |
).style(width=100) | |
with gr.Column(elem_id="enhancer-checkbox", visible=True if image_enhancer is not None else False): | |
enhancer_label = 'Enhanced image(processing is very slow, please check only for blurred images)' | |
img_enhancer = gr.Checkbox(label=enhancer_label).style(width=150) | |
with gr.Row(elem_id="output-container"): | |
with gr.Column(elem_id="image-output-container"): | |
image_out = gr.Image(elem_id="image_output",label="Result", show_label=False, visible=False) | |
with gr.Column(): | |
gallery = gr.Gallery( | |
label="Generated images", show_label=False, elem_id="gallery" | |
).style(grid=[2], height="600px") | |
with gr.Row(elem_id="download-container", visible=False) as download_container: | |
with gr.Column(elem_id="download-btn-container") as download_btn_container: | |
download_button = gr.Button(elem_id="download-btn", value="Save(⏩)") | |
with gr.Column(elem_id="share-container") as share_container: | |
with gr.Group(elem_id="share-btn-container"): | |
community_icon = gr.HTML(community_icon_html, elem_id="community-icon", visible=True) | |
loading_icon = gr.HTML(loading_icon_html, elem_id="loading-icon", visible=True) | |
share_button = gr.Button("Share to community", elem_id="share-btn", visible=True) | |
erase_btn.click(fn=predict, inputs=[image_input, img_enhancer], outputs=[image_out, gallery, download_container]) | |
download_button.click(None, [], [], _js=download_img) | |
share_button.click(None, [], [], _js=share_js) | |
begin_button.click(fn=None, inputs=[], outputs=[group_1, group_2], _js=start_cleaner) | |
image_blocks.launch(server_name='0.0.0.0') | |