No graph visualization from examples on codepen.io

[hoch]

Reproduction:
Visit https://codepen.io/Rumyra/pen/qyMzqN/

Actual:
No graph is visualized.

Expected:
A graph should be visualized.

(This is one of Web Audio demos on MDN)

My suspicion is that DT events are not being fired from an embedded frame.

[mzgoddard]

The iframes on the page probably have a different domain so I think we likely need to expand the extensions permissions.

https://developer.chrome.com/docs/extensions/mv3/declare_permissions/

[mzgoddard]

The extension manifest is created from a template file https://github.com/GoogleChrome/audion/blob/main/src/build/manifest.json.mustache

[mzgoddard]

I don't think I thought of this earlier, if it isn't a permission we need to add there may be an additional debugger target for the iframe. The extension attaches to the tab's debugger target. If there is a debugger targets for the iframes too, we may need to additionally attach and enable web audio events for those.

[hoch]

That sounds like a bit of engineering work then. For now, I can add a short note that the extension doesn't support inspecting iframes.

[hoch]

Example code locations:
https://github.com/GoogleChrome/audion/blob/main/src/devtools/WebAudioGraphIntegrator.ts#L579

audion/src/devtools/WebAudioGraphIntegrator.ts

Line 618 in ef8072c

function ensureContextsExist(