|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap" > |
|
<style> |
|
body { |
|
font-family: 'Roboto', sans-serif; |
|
font-size: 16px; |
|
} |
|
.logo { |
|
height: 1em; |
|
vertical-align: middle; |
|
margin-bottom: 0.1em; |
|
} |
|
</style> |
|
|
|
<script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/[email protected]/dist/lite.js"></script> |
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/[email protected]/dist/lite.css" /> |
|
<link rel="stylesheet" href="https://gradio-hello-world.hf.space/theme.css"> |
|
</head> |
|
<body> |
|
<gradio-lite> |
|
|
|
<gradio-requirements> |
|
transformers_js_py |
|
</gradio-requirements> |
|
|
|
<gradio-file name="app.py" entrypoint> |
|
from transformers_js import import_transformers_js |
|
import gradio as gr |
|
|
|
transformers = await import_transformers_js() |
|
pipeline = transformers.pipeline |
|
pipe = await pipeline('translation', 'Xenova/nllb-200-distilled-600M') |
|
|
|
async def generate(text): |
|
return await pipe(text, |
|
src_lang = "eng_Latn", |
|
tgt_lang = "fra_Latn",) |
|
|
|
demo = gr.Interface( |
|
generate, |
|
gr.Textbox(label="English Text"), |
|
gr.JSON(label="Translated Text", flag=False), |
|
examples=["My name is VB and I live in Stuttgart.", "I like eating Maultaschen and Wurst.", "Can I have a pain au chocolate, please?"], |
|
theme=gr.themes.Soft(),) |
|
|
|
demo.launch() |
|
</gradio-file> |
|
|
|
</gradio-lite> |
|
</body> |
|
</html> |
