I am using SoundCloud's own JavaScript API to embed HTML5 widgets on a site but am finding that often their HTML5 widget will not function correctly: neither the waveform nor the artwork displays correctly. Whether the widget functions as expected seems to be on a track-by-track basis.
This is especially noticeable in the WebKit-based browsers (Chrome & Safari) but I also see the issue in Firefox (all browsers used to test are their respective latest versions).
Checking each browser's dev console shows that the SoundCloud code is triggering DOM INDEX_SIZE_ERR exceptions.
The following JSFiddle demonstrates the problem, both using SC's own API as well as a hard-coded embed HTML copied straight from what's given on the SC track page: http://jsfiddle.net/yoknapatawpha/z6axa/
The Thurston Moore track displays correctly, which suggests that this is an issue related to specific tracks. (It is worth noting have also reproduced this problem in a clean page outside JSFiddle, thus removing any possible interference from other elements on the page.)
Does anyone have any ideas or insight as to what is going wrong?
