Javascript Element works on Ionic Serve but not in the Simulator

1

Greetings, I am trying to use the TonedDen SDK in an Ionic App. When I serve to chrome it works perfectly and as expected. Within iOS it does not show the “player” but it still shows the default header.

Here is a github repo of the issue: https://github.com/LeedleDev/ToneDen-Ionic-Test

2

It appears to be an issue with Soundmanager2:

soundManager: useFlashBlock is false, 100% HTML5 mode is possible. Rebooting with preferFlash: false…
Jan 23 19:15:57 — last message repeated 737 times —

Is there a way to fix this?

3

Have you tried this on chrome on iOS or on an android emulator of sorts using the new crosswalk compiler options? It may be that only chrome displays it since chrome and mobile safari don’t use the same rendering system. Check what it supports and you might possibly find your answer there.

4

The Ionic Serve was in my Computer’s Browser.

5

Yes but there are many different browsers that use the code you have differently. Chrome, Safari, Opera, Firefox, and Internet explorer are all going to display things and possibly use your javascript code differently. This is why you need to test multiple browsers using ionic serve, and multiple devices.