i want do play an audio file useing the Audio() class in JavaScript. But the file is not loading, i get an idle state and than the download suspends.
I tried following code:
let newMediaElem = new Audio(lastSrc + '?debugload=' + Date.now());
newMediaElem.preload = 'auto';
newMediaElem.setAttribute('preload', 'auto');
let playProm = newMediaElem.play();
playProm.then(function (res) {
console.log('playProm result: ', res);
}).catch(function (err) {
console.log('playProm err: ', err);
});
newMediaElem.addEventListener('suspend', function () {
console.log('TEST suspend 2 mediaElem:', newMediaElem);
console.log('TEST suspend 2 networkState', newMediaElem.networkState);
newMediaElem.play();
});
newMediaElem.addEventListener('stalled', function () {
console.log('TEST stalled 2', newMediaElem.error);
});
newMediaElem.addEventListener('waiting', function () {
console.log('TEST waiting 2', newMediaElem.error);
});
newMediaElem.addEventListener('playing', function () {
console.log('TEST playing 2', newMediaElem.error);
});
newMediaElem.addEventListener('canplaythrough', function () {
console.log('TEST canplaythrough 2', newMediaElem.error);
});
newMediaElem.addEventListener('canplay', function () {
console.log('TEST canplay 2', newMediaElem.error);
});
newMediaElem.addEventListener('emptied', function () {
console.log('TEST emptied 2', newMediaElem.error);
});
newMediaElem.addEventListener('abort', function () {
console.log('TEST abort 2', newMediaElem.error);
});
newMediaElem.addEventListener('error', function (e) {
console.log('TEST error 2', e);
});
newMediaElem.addEventListener('loadeddata', function (e) {
console.log('TEST loadeddata 2', e);
});
newMediaElem.addEventListener('loadedmetadata', function (e) {
console.log('TEST loadedmetadata 2', e);
});
newMediaElem.addEventListener('loadstart', function (e) {
console.log('TEST loadstart 2', e);
});
newMediaElem.addEventListener('progress', function (e) {
console.log('TEST progress 2', e);
});
I got
TEST waiting 2 null Mediaplayer.js:1238:33
TEST loadstart 2 loadstart { target: audio, isTrusted: true, srcElement: audio, currentTarget: audio , eventPhase: 2, bubbles: false, cancelable: false, returnValue: true, defaultPrevented: false, composed: false, … } Mediaplayer.js:1265:33
TEST progress 2 progress { target: audio, isTrusted: true, srcElement: audio, currentTarget: audio , eventPhase: 2, bubbles: false, cancelable: false, returnValue: true, defaultPrevented: false, composed: false, … } Mediaplayer.js:1268:33
TEST progress 2 progress { target: audio, isTrusted: true, srcElement: audio, currentTarget: audio , eventPhase: 2, bubbles: false, cancelable: false, returnValue: true, defaultPrevented: false, composed: false, … } Mediaplayer.js:1268:33
TEST suspend 2 mediaElem: <audio preload="auto" src="https://music.xn--fairtr…?debugload=1723189173149"> Mediaplayer.js:1230:33
TEST suspend 2 networkState 1
What can i do to get the audio playing?
