|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>Summarizer</title> |
|
|
</head> |
|
|
<body> |
|
|
<h1>Summarization Demo</h1> |
|
|
<textarea id="inputText" rows="10" cols="60">Paste text here...</textarea><br> |
|
|
<button id="summarizeBtn">Summarize</button> |
|
|
<p id="output"></p> |
|
|
|
|
|
<script type="module"> |
|
|
import { pipeline } from "https://cdn.jsdelivr.net/npm/@huggingface/transformers@3.0.0/dist/transformers.esm.js"; |
|
|
|
|
|
const generator = await pipeline("summarization", "Xenova/distilbart-cnn-6-6"); |
|
|
|
|
|
document.getElementById("summarizeBtn").onclick = async () => { |
|
|
const text = document.getElementById("inputText").value; |
|
|
const output = await generator(text, { max_new_tokens: 100 }); |
|
|
document.getElementById("output").innerText = output[0].summary_text; |
|
|
}; |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
