HTML5 audio stopping automatically before reaching its duration in Chrome - html

Question

I have an Angular 2 project in production for a while and I've been informed that lately some functions are not working properly in Chrome. Safari works fine.
After some investigation I realized that the problem is that audio elements "ended" events are not being fired.
I'm printing the currentTime / Duration and all of them automatically stop short at a random percentage of completion.
e.g.
I'm completely lost on what might be suddenly causing this. Any ideas?
let el = <HTMLMediaElement>document.getElementById(id);
this.audio.src = <string>(<HTMLSourceElement>el.children[0].getAttribute("src"));
this.audio.load();
this.audio.play();
this.audio.onended = function() {
...// THIS NEVER RUNS
}
this.audio.ontimeupdate = function() {
console.log(this.currentTime, this.duration);
...// THIS DOES BUT currentTime never reaches duration
}
UPDATE:
I was testing with Chrome latest version 64.0.3282.140 at the moment and when I downgraded to version 63 the problem went away...

Answer 1

This was caused by a bug in a Chrome update that makes its audio player behave this way when reproducing "damaged" mp3 files.
It is discussed more in depth here and on this stackoverflow thread.
Recommended ways to fix the files are:
mp3val -f (didn't work for me)
Reencode with lame command (did work for me)
According to the chromium bug thread it will be fixed in version 66.