GoogleChrome/audion

Visualization breaks on dynamic changes

vneznaikin opened this issue · 5 comments

vneznaikin commented

See Codepen example:
https://cdpn.io/gradopetr/fullpage/BarqZjV [Edit: https://codepen.io/gradopetr/pen/BarqZjV]

Browser: Chrome 104.0.5112.81
Audion 3.0.5

If we use a Timeout of 10 seconds, to simulate dynamic changes, the visualization is not collected correctly

temp-2

braebo commented

I've been struggling with this issue in Brave Browser as well. It seems to create spaghetti once something updates (and I suspect it doesn't properly remove nodes from the graph after they're GC'd).

  • 👍2
TenghuiZhang commented

Hi, @vneznaikin when I am running your code in my local browser, it seems works for me.

The reproduce steps:

  1. Open the page
  2. Left click the browser and click on the "inspect" button
  3. Click the "Web Audio" button in the dev tool to turn on "Audion"
  4. Refresh the page to load all web audio component event
  5. you can see the correct visualization and after 10s the graph changed dynamically.
Dynamic graph change

Please let me know if I miss any steps relate to reproducing this error.

vneznaikin commented

@TenghuiZhang Yes, your result is correct. But I still get a broken tree. I don't know why.

TenghuiZhang commented

@vneznaikin Did you refresh your web page after opened Audion extension?

vneznaikin commented

@TenghuiZhang Of course. The result is consistently repeatable.
Windows 10
Chrome 114.0.5735.90