[ HTML ] Solve Audio Tag Refresh Error

 

증상

Audio 태그의 Source 링크가 변환되어도 플레이어가 갱신되지 않음

 

해결

1. 소스 차일드를 사용하지 않고 직접 src 어트리뷰트 할당

<audio controls src={{filetoplay}}></audio>

2. 오디오 객체를 재 로드

audio.load(); 

 

링크

stackoverflow.com/questions/41312472/angular2-restart-the-html-audio-tag-on-real-time

stackoverflow.com/questions/25821915/how-to-force-the-html5-audio-tag-to-reload-a-changing-file