Playing a sound from a URL from Processing JS

chrisjj

Is there a way I can play a sound from within a Processing JS program?

I do mean within. Not using a separate file.

KevinWorkman

What do you mean by not using a separate file? Does an .mp3 file count as a separate file?

But the general answer is going to be: you have to look for a JavaScript library that does what you're looking for.

chrisjj

What do you mean by not using a separate file?

Not using a separate file. I.e. any file other than the .pde.

But the general answer is going to be: you have to look for a JavaScript library that does what you're looking for.

Can a .pde call a JS library, then? I thought not.

KevinWorkman

Not using a separate file. I.e. any file other than the .pde.

This is probably not going to be possible. You need to use a JavaScript library.

Can a .pde call a JS library, then? I thought not.

Not in Java mode, no. But you're presumably using Processing.js.

Please check out this guide: http://processingjs.org/articles/jsQuickStart.html#accessingjsobjectsfrompjs

chrisjj

This is probably not going to be possible. You need to use a JavaScript library.

I have found it is possible taking advantage of this from near your link http://processingjs.org/articles/jsQuickStart.html#mixingjsandprocessing

I just add e.g.

    var audio = new Audio('https://upload.wikimedia.org/wikipedia/commons/6/6e/(Audio_Bahasa_Melayu)_ibu.ogg');
    audio.play();

Thanks.

KevinWorkman

Note that this requires an external .ogg file. I thought you were looking for something like a sound synthesizer, which I believe would require a JavaScript library.

Although doing some googling now, it appears you can play sounds from base64 files: https://stackoverflow.com/a/23395136/873165

GoToLoop

https://OpenProcessing.org/sketch/385738

https://www.Reddit.com/r/processing/comments/5b85k3/this_a_planetoids_game_i_made_with_sound_without/

chrisjj

Kevin

Note that this requires an external .ogg file

Indeed. That's what I want. As I said in question title, "Playing a sound from a URL". Sorry I didn't make this clear by repeating it in the body.

Thanks anyway for your link to the embedded solution. Good to know that I can embed the sound in the page.

GoToLoop, thanks for the HTML5 .play()o solution. It works fine here on desktop, but fails on Android tablet with both browsers I tried (inc. Chrome) saying "Fail to execute ... The event is already being dispatched." Same with a minimal program of mine having .play() in draw(), also on openprocessing.org. https://www.openprocessing.org/sketch/499777

Some other openprocessing programs can play sound on Android e.g. https://www.openprocessing.org/sketch/499363 but in setup() - not in draw().