Hugging Face's logo

Spaces:
HARISH20205
/
Speech-Summarize
Sleeping

App Files Community
Speech-Summarize
File size: 2,812 Bytes 
fe98768
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
document.getElementById("transcribeForm").addEventListener("submit", function(event) {
    event.preventDefault();

    var form = event.target;
    var formData = new FormData(form);
    var xhr = new XMLHttpRequest();

    // Display the processing message before sending the request
    document.getElementById("processing").style.display = "block";
    document.getElementById("processing").textContent = "Processing...";

    xhr.open("POST", form.action, true);

    xhr.onreadystatechange = function() {
        if (xhr.readyState === XMLHttpRequest.DONE) {
            document.getElementById("processing").style.display = "none";

            var response = JSON.parse(xhr.responseText);

            if (xhr.status === 200) {
                document.getElementById("summary-content").textContent = response.summary;
                document.getElementById("transcription-content").textContent = response.transcription;
            } else {
                document.getElementById("processing").style.display = "block";
                document.getElementById("processing").textContent = response.error;
            }

            document.getElementById("youtube-url").disabled = false;
            document.getElementById("file-input").disabled = false;
        }
    };

    xhr.send(formData);

    document.getElementById("youtube-url").disabled = true;
    document.getElementById("file-input").disabled = true;
    document.getElementById("summary-content").textContent = "Summary content will appear here...";
    document.getElementById("transcription-content").textContent = "Transcription content will appear here...";
});

document.getElementById('clear-btn').addEventListener('click', function() {
    document.getElementById('youtube-url').value = '';
    document.getElementById('file-input').value = '';
    document.getElementById("summary-content").textContent = "Summary content will appear here...";
    document.getElementById("transcription-content").textContent = "Transcription content will appear here...";
    document.getElementById("processing").style.display = "none";
    document.getElementById("processing").textContent = "Processing...";
});

document.getElementById('copy-summary-btn').addEventListener('click', function() {
    copyToClipboard('summary-content');
});

document.getElementById('copy-transcription-btn').addEventListener('click', function() {
    copyToClipboard('transcription-content');
});

function copyToClipboard(elementId) {
    var text = document.getElementById(elementId).textContent;
    var textarea = document.createElement("textarea");
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand("copy");
    document.body.removeChild(textarea);
    alert("Copied to clipboard");
}