html5 audio play from cache in iOS 11

[xixiaofinland]

My ionic app uses html5 audio to play a audio file, which is in prior recorded by user using Native Media Plugin with the mobile microphone.

let audioAsset = new Audio(local_recorded_file_URI_by_user);
audioAsset.play();

In iOS 10 or Android it works as expected.

In iOS 11, the issue appears. html5 audio reads and plays from a cached audio copy. Due to this, it only plays the very first record no matter how many times the user record and save to the same audio file.

I am sure it reads from cache because:

1. the issue occurs only in iOS 11. It works as expectedin iOS 10.
2. I upgraded one iPhone today from iOS 10 to iOS 11, confirmed this symptom

One possible solution is to let users record each time to files with different names. But this will add a lot of unnecessary complications.