Question

I need to extend the Audio object to provide a stop function. Normally this code would work:

Audio.prototype.stop = function() {
    this.pause();
    this.currentTime = 0;
}

However, I need this to happen from within a content script of a Chrome Extension, and as the contexts are separate the change does not propagate to the other context.

I have tried using this unsafeWindow hack to attempt to break out of the isolated environment, with no success, as well as attempting to use Object.create and set the constructor property.

Answer 1

The content script has an isolated execution environment, but it shares the DOM with the page. You can run a script in the actual execution environment of the page by adding a <script> tag to the DOM:

var s = document.createElement("script");
s.innerText = "Audio.prototype.stop = function() { this.pause(); this.currentTime = 0; }";
document.documentElement.appendChild(s);

I believe this code will run the script in both execution environments (or, at the very least, it should run in the page’s environment).

Note that this solution can only run script during or after resource-load time, not as soon as the DOM is complete, since it requires the browser to process the new script resource being added to the page. That shouldn’t be a problem for your current needs.