Code Monkey home page Code Monkey logo

mixgrid's People

Contributors

kevincennis avatar samccone avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

mixgrid's Issues

Extremely High Process Memory Usage In Chrome

Just spent the past hour debugging (and eventually fixing) a really nasty memory leak in Chrome, but in the process, discovered that the tab's memory is almost 1GB.

Internally, Web Audio represents each buffer as 32-bit / 44.1 kHz. So that's 10MB per minute of mono audio. So, the raw ArrayBuffers alone on ten 4-minute mono tracks is over 400MB.

Luckily, the memory usage stays stable as BufferSources come and go, which is good, but that number is definitely concerning even though it's sort of expected.

Anyway, I need to see if there's any way to get that number down.

So far, the only idea I have is kind of crazy:

  1. Break each ArrayBuffer into 10-second (or whatever) chunks
  2. Store them with Chrome's FileSystem API
  3. Read them on-demand during playback and create AudioBuffers on the fly

This is more-or-less how native DAWs work. Entire buffers don't get stored in memory, they just load chunks as needed. But I really have no idea whether or not that approach will work in the browser. I also don't really want to even try that.

As long as we're not crashing and performance is good, I guess high memory usage is okay though. Have to keep on eye on this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.