Why isn't sound working in webview for p5.js

[DylnPickl]

The program Im making uses the p5 library. The sound works in the repl site but doesn’t work in the actual website.

Heres the code:

let timeElapsed = 0;
let c1,c2;
let noiseScale=0.0045;
var moon
let w, h, x, y, lag;
let trx, trry, tlx, tly, brx, bry, blx, bly;

var background;

function preload()
{
  moon = loadImage("moon.svg");
  background = loadSound("Lofi.mp3");
}
function setup()
{
	createCanvas(windowWidth,windowHeight)
	frameRate(100);
   w = width/2;
   h = height/2;
   x = width/2;
   y = height/2;
   lag = 10;
  noCursor();
  background.play();
}

function draw()
{

  timeElapsed++;

  //237, 187, 85(c1)
  //207, 143, 203(c2)
  
 c1 = color(138, 65, 121);
  c2 = color(227, 127, 144);
  
  for(let y=0; y<height; y++){
    n = map(y,0,height,0,1);
    let newc = lerpColor(c1,c2,n);
    stroke(newc);
    line(0,y,width, y);
  }


    image(moon,width-170,60,250,200);
  
for (let x=0; x < width; x++) {
 let noiseVal = noise((mouseX+x)*noiseScale, 
  10*noiseScale);
    stroke(245);
    line(x, 300+noiseVal*650, x, height);
    }

  noStroke();
  fill(255);
  rect (0, height-65, width, 65);
    x += (mouseX-x)/lag
   y += (mouseY-y)/lag
   circle(x, y, 30);
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}

[dragonhunter1]

Hello @DylnPickl! Please edit your post’s code to be formatted like this:

```javascript
Your code here
```

So that it is easier for staff and members of the community to help you with your issue!

Also see this guide on how to share your code:

How to share your code

To share your code with others, you can simply link to your repl or paste and format the code into your post! Linking to a repl The easiest way to share your code is by linking to your repl. You can find the link by clicking on your repl title, selecting “Cover page” and then copying the cover page URL. NOTE: only share repl join links or use the invite button with people you trust! [Kapture 2022-06-23 at 16.51.07] Sharing short code samples Share a snippet of your code by wrapping it in b…

[DylnPickl]

Sorry. How do I edit the post

[dragonhunter1]

There should be a bar like this at the bottom of your post, click the pencil icon.

[DylnPickl]

nope, i just made a new one

[MattDESTROYER]

Welcome to the community @DylnPickl!

Could you provide a link to the repl this code is in?

[DylnPickl]

https://replit.com/@DylnPickl/School-Game-Jam?v=1

[MattDESTROYER]

Ah, so in the console, you’ll see P5 warning you you’ve made a variable background but a function with that name already exists as a post of the P5 library. I forked your repl and renamed the background variable to _background and that served to fix the issue, try rehabbing the variable and let me know if that works.

[DylnPickl]

Thanks for the feedback! I tried it out and the song plays on the repl site but it still doesn’t play when in the webview tab.

[savardo]

It seems to be playing on my side, did you accidentally muted Replit or something like that?