CODEWITHSUNDEEP
javascriptfirefox-addonhtml5-audiofirefox-addon-sdk
DoTheEvo
DoTheEvo

Reputation: 931

How to play audio in an extension?

AudioObj = new Audio;

will return "Audio is not definied"

I also tried the classic fix:

var audio = require("audio");

but with no luck. I could add audio playback in some other part of the extension than in main.js, like some content script where it works, but maybe there is a simpler and elegant solution.

Upvotes: 5

Views: 1038

Answers (3)

jmjm
jmjm

Reputation: 159

var window = require("sdk/window/utils").getMostRecentBrowserWindow();
AudioObj = new window.Audio;

Upvotes: 4

Wladimir Palant
Wladimir Palant

Reputation: 57651

new Audio creates a new <audio> HTML element - this only works in a context that is bound to a document. SDK modules execute in a context however that has no document, consequently no DOM methods will work including this one. A work-around would be loading about:blank via page-worker module and injecting a content script there. You could then send messages to that content script and let it play audio for you whenever you need it.

The alternative would be using nsISound.play(), something along these lines:

var {Cc, Ci} = require("chrome");
var sound = Cc["@mozilla.org/sound;1"].createInstance(Ci.nsISound);
var uri = Cc["@mozilla.org/network/io-service;1"]
            .getService(Ci.nsIIOService)
            .newURI(self.data.url(...), null, null);

sound.play(uri);

Note that nsISound is likely to be deprecated soon. It is an old API that is inferior to HTML5 audio.

Upvotes: 6

therealjeffg
therealjeffg

Reputation: 5830

main.js does not have access to the DOM apis that typically exist in web content. If you want to use DOM apis, you need to use content scripts. For more on how the SDK module system works, please see the docs:

https://addons.mozilla.org/en-US/developers/docs/sdk/1.7/dev-guide/guides/commonjs.html

Upvotes: 1

Related Questions