title: loading local file in <audio> tag working alternately
body: <p>I need to load local audio file into <code>&lt;audio&gt;</code> tag.</p>
  <p>I did it with the following code.</p>
  <p><strong>Let the user choose a file with:</strong></p>
  <pre><code>&lt;ion-input type=&quot;file&quot; (change)=&quot;laodLocalFile($event)&quot;&gt;
  </code></pre>
  <p><strong>Prepare it for <code>&lt;audio&gt;</code> tag:</strong></p>
  <pre><code>laodLocalFile(event: any)
  {    
    file_url = URL.createObjectURL(event.target.files[0]);
    document.getElementById('audio_file').setAttribute(&quot;src&quot;, file_url);
  }
  </code></pre>
  <p><strong>And use it as following:</strong></p>
  <pre><code>&lt;audio id=&quot;audio_file&quot; type=&quot;audio/mpeg&quot; controls&gt;&lt;/audio&gt;
  </code></pre>
  <p>I tried it with several different mp3 files. It worked several times, but most of the times it didn't work, without any warning or error.</p>
  <p>What can be the issue?</p>