☰

Sleazy Fork is available in English.

Soundgasm Progress Bar

Adds a progress bar when uploading a file to Soundgasm. Also displays an estimated time of completion.

  1. // ==UserScript==
  2. // @name         Soundgasm Progress Bar
  3. // @description  Adds a progress bar when uploading a file to Soundgasm. Also displays an estimated time of completion.
  4. // @namespace    RoundPension
  5. // @include      https://soundgasm.net/upload
  6. // @version      1.0
  7. // @license      MIT-0
  8. // ==/UserScript==
  9.  
  10. var form = document.querySelector("form");
  11.  
  12. var req = new XMLHttpRequest();
  13. var progbar;
  14. var eta;
  15. var starttime;
  16. var lasttime;
  17.  
  18. form.addEventListener("submit", function(e) {
  19.   e.preventDefault();
  20.   
  21.   req.upload.addEventListener("progress", prog);
  22.   req.upload.addEventListener("loadstart", start);
  23.   req.addEventListener("load", end);
  24.   req.open("POST", "https://soundgasm.net/upload");
  25.   req.send(new FormData(form));
  26. });
  27.  
  28. function start() {
  29.   starttime = Date.now();
  30.   lasttime = starttime;
  31.   var div = document.createElement("div");
  32.   document.querySelector("body").append(div);
  33.   div.innerHTML += `
  34. <label>
  35.   Uploading File: <progress id="prog" value="0"></progress>
  36. </label>
  37. <p>Estimated time remaining: <span id="eta"></span></p>`;
  38.   progBar = document.getElementById("prog");
  39.   eta = document.getElementById("eta");
  40. }
  41.  
  42. function prog(e) {
  43.   var ratio = e.loaded/e.total
  44.   progBar.value = ratio;
  45.   if (Date.now() - lasttime > 1000) {
  46.     updateETA(ratio);
  47.   }
  48. }
  49.  
  50. function end() {
  51.   document.querySelector("body").innerHTML = `
  52. <p>Upload completed!</p>
  53. <p><a href="https://soundgasm.net/upload">Upload another</a></p>`
  54. }
  55.  
  56. function updateETA(ratio) {
  57.   lasttime = Date.now();
  58.   var totalTime = (Date.now() - starttime)/ratio;
  59.   var etaTime = totalTime*(1-ratio);
  60.   eta.innerHTML = msToTime(etaTime);
  61. }
  62.  
  63. //modified from https://stackoverflow.com/a/19700358
  64. function msToTime(duration) {
  65.   var seconds = Math.floor((duration / 1000) % 60),
  66.     minutes = Math.floor((duration / (1000 * 60)) % 60),
  67.     hours = Math.floor(duration / (1000 * 60 * 60));
  68.   
  69.   minutes = (minutes < 10) ? "0" + minutes : minutes;
  70.   seconds = (seconds < 10) ? "0" + seconds : seconds;
  71.  
  72.   return hours + ":" + minutes + ":" + seconds;
  73. }