goldfire / howler.js

Javascript audio library for the modern web.
https://howlerjs.com
MIT License
23.87k stars 2.23k forks source link

In production mode, howlerjs ignore the buffering strategy and just download the hole file on every seek action #1630

Closed ghostneneji closed 1 year ago

ghostneneji commented 1 year ago

The Problem

I'm using nextjs to develop a podcast webapp, in localhost dev, everything is working fine. But once i deploy it to vercel, in production mode, it's downloading entire audio file and on every seek action, it download an extra file. this is the config im using:

const newPlayer = new Howl({
      src: [audio.publicUrl as string],
      format: ["m4a"],
      preload: "metadata",
      html5: true,
    });

Reproducible Example

No response

Reproduction Steps

nextjs v12, react v18 deploy to vercel

Possible Solution

No response

Context

No response

Howler.js Version

2.2.3

Affected Browser(s)/Versiuon(s)

all

ghostneneji commented 1 year ago

i find the problem: next-pwa, PWA is downloading the hole file to make it accessable offline.