Getting music to load through CDO's media.

Varrience I'm trying to load it through this:
https://cdo-backend.onrender.com/fetch?url=https://dl.sndup.net/dbs8/electromedieval.mp3&test=1
which then links to a URL like this:
https://cdo-backend.onrender.com/audiocache/electromedieval.mp3?id=712224333549 (the id will change)

When I open the audiocache in the browser it works, however, I can't get it to load via playSound.

The AI generated music won't work in playSound either, and getting that to work is the end goal:
https://cdo-backend.onrender.com/ai/facebook/musicgen-small?data=%7B%22inputs%22%3A%22a%20chill%20song%20with%20influences%20from%20lofi%2C%20chillstep%20and%20downtempo%E2%80%8BPreview%22%2C%22parameters%22%3A%7B%7D%2C%22options%22%3A%7B%22use_cache%22%3Atrue%2C%22wait_for_model%22%3Atrue%7D%7D&test=1

Letti42
I wonder what happens if you do a different format like this:
https://example.com/path/to/music.wav?param=song.mp3

Varrience Well, I'm assuming that you are not caching it. Perhaps slicing a video into 5 second segments and then cutting up the frames would be faster. At least you could start watching the video. The idea is that while you watch a segment, the next one is being cut up and sent.

Varrience Well, for my gif loader, I actually stack the images on top of one-another into a spritesheet and then turn that into the builtin cdo animations

window.loadGIF = function(url,speed,callback,callback2,failure) {
  var serverurl = server+"/gif?url="+url;
  var gif = {};
  gif.width = 1;
  gif.height = 1;
  gif.draw = function() {};
  loadImage(url,function(frame) {
    gif.width = frame.width;
    gif.height = frame.height;
    gif.draw = function(x,y,width,height) {
      image(frame,x,y,width,height);
    };
    loadImage(serverurl, function (sheetImage) {
      var spriteSheet = loadSpriteSheet(sheetImage, frame.width, frame.height, sheetImage.height/frame.height);
      gif.animation = loadAnimation(spriteSheet);
      gif.animation.offX = frame.width/2;
      gif.animation.offY = frame.height/2;
      gif.animation.frameDelay = speed || 4;
      gif.draw = function(x,y,width,height) {
        translate(x,y);
        scale(width/this.width,height/this.height);
        this.animation.draw();
        scale(this.width/width,this.height/height);
        translate(-x,-y);
      };
      if (typeof callback == 'function')  callback(gif);
    }, failure);
    if (typeof callback2 == 'function')  callback2();
  },failure);
  return gif;
};

Server

var gm = require("gm");
var request = require("request");
app.get("/gif", async (req, res) => {
  let url = req.query.url;
  if (!url) return;
  console.log("Starting: " + url);
  gm(request(url))
    .coalesce()
    .append()
    .toBuffer((err, buffer) => {
      if (err) {
        throw err;
      } else {
        console.log("Done with: " + url);
        res.set("Content-Type", "image/png");
        res.send(buffer);
        //fs.writeFile("/cache/"+encodeURIComponent(url)+".png",buffer)
      }
    });
});

Varrience I would presume it is a decent amount of frames. Hopefully enough for a 5 second clip. Either way, I'm too busy with Codemon at the moment, but getting a youtube player working in cdo would be awesome.