JavaScript plugin for playing sounds and music in browsers

I'm using jQuery.ionSound version 1.3.0 on iOS 8.1.1, but the issue already existed in iOS 7.

When I visit my site using mobile Safari, everything is fine and sounds play normally. However, when I add my site to the home screen and visit it from there, sounds don't play.

This might be a hard restriction imposed by iOS (which I'd like to know for sure), but if it isn't, I hope you can fix it.

Hello, I have an app mobile and it is working fine with ion js, but in some cases when the mobiles got a call it happens that, after the call is finished, the sound doesnt play. Is there a way to re-load the driver or other way to fix the problem? thanks.

Hello guys as the title says im having issued, i added this library for a mobile web app that im working on, it works well but turns out that the sound is beign played even when the mobile is muted, or in vibartinon mode, im calling the sound via onclick event. How can i fix this? is there any way?

Hi, I was hoping that sound should play based on user pref stored , so when i play sound like

ion.sound.play("pop_cork", {
      volume: 0
});

Sound is still audible with intensity set at base ? is this required behavior ?

After trying many sound library in js, finally your lib can help me play some sound(aac - iphone). It is really good, but I want to play multiple sound in the same time. Can your lib do that?

For detail: I am making a game and it require to play multiple sound effect. Every time I try to call ion.sound.play("beer_can_opening"); it cancel the previous sound and play again. It is not good in a game scene.

I hope this feature exist and if yes, please tell me or show me document about that

Thank in advance !

I threw this together last night and it doesn't seem to work on iOS at all: http://www.neeel.ie/ion/

Its just one page so you could you possibly have a look at the page source? It works fine on desktop and android (HTC M8s)

Hi,

I tried using jquery trigger click event to play the sound. The function is triggered but the sound doesn't play. Wonder whether you can help me with this?

Thanks. ian

Hi, I have no sounds when playing on iOS (iPhone and iPad) whereas it works perfectly on Mac and PC. I just try to play one .mp3 file and make it loop.

Any idea why ?

Hi,

It would be nice if you can stop the playback.

I added: var stopSound = function (name) { var $sound = sounds[name]; $sound.pause(); $sound.currentTime = 0; };

and

$.ionSound.stop = function (name) { stopSound(name); };

This seems to work however I don't know if it stays in memory of the browser like this and takes unnecessary memory, you probably know better... :)

It would also be nice to add the stop fade-out-over-time (linear, ease, etc...)

Logs: Remote Address:IP:80 Request URL:http://cdn.domain.org/js/ion.sound/sounds/icq.mp3?1445183860226 Request Method:GET Status Code:200 OK

error log is empty

Hi,

please check this simple project: https://dl.dropboxusercontent.com/u/6974/ion.soundsbug.zip Strangely, sounds 1, 3 and 5 plays; sounds 2, 4 and 6 doesn't. What's wrong?

Im working on some app that has calls, and im need to play incoming ringtone. Sometimes it happens that user open page and do not touch it at all (hence audiocontext are blocked), then at some point he got incoming call and no sound, its fine. User accept or decline call and im execute ion.sound.stop(ringtoneName). Still all fine at this point, as it was no sounds and im stop it - no sounds too. Also at this point audioContext are became to unblocked state and can be used without user 'gestures', in my case it will be used by event from webSocket. Next part are produce unexpected behaviour - when user receive one more call - it play sounds, all good, user accept or decline call, im execute stop() function BUT SOUND STILL PLAYS!

Have only one idea why it happens - first sound which was attempted to play with blocked context somehow 'captured' but not played, stop() does not drop it. So with second call to play() it start both sounds, and on second stop() it just stop one of them, and one of them stays. Not sure if i can prove this assumption, but it just looks like that. It maybe obvious that i may fix issue with double call to stop() but its not, even if i will make second call with setTimeout, or if i will do 10 calls in loop, it still playing. BUT when im call stop() two times from console - it working fine.

Im using angular, maybe its important for this issue. for sounds im using this simple wrapper, and have another class that hold all sounds (variables type of SoundHandle). Im calling Play() and Stop() from events received by websocket

export class SoundHandle {
    constructor(private sound_name: string, private opts?: { part: string }) { }
    private get IonSound() { return window.ion.sound as IonSound };
    public Play() {
        this.IonSound.play(this.sound_name, this.opts); 
    }
    public Stop() {
        this.IonSound.stop(this.sound_name, this.opts);
        //setTimeout(() => {
        //    this.IonSound.stop(this.sound_name, this.opts);
        //}, 300); 

    }
}

I have live example, but its closed from public for the moment as it not in production yet. So if you will want to see what exactly happens on site - contact me and I will grant access to you, not in public conversation

Having problem with ion-sound v3.0.7, angular 9.1.0

To reproduce the problem:

Play a sound with loop = true; if you try to stop playing during the interval threshold of 15 ms before the end to replay, loop continue infinitely.

concerned code : (this.time_offset >= this.end || this.end - this.time_offset < 0.015

The problem disappear with this PR.

Related issue: #44

function timelineFinished(destImg) {	
  ion.sound.play("pop_cork");
  $('#roulette-img' + destImg).css('box-shadow','rgb(18, 18, 19) 0px 3px 16px 3px');
  clearInterval(spin_sound);
  setTimeout(function() {   window.mainModal.showModal(); window.stateRulet = 1; }, 600);
}

I get errors from client browsers chrome and samsung internet:

TypeError undefined is not a function 
    node_modules/ion-sound/js/ion.sound.js:321 Object.h.decode
    node_modules/ion-sound/js/ion.sound.js:313 Object.h.ready

How can I fix this?

As happened in google chrome, now there is an error on the safari too.

"The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission."