Angular에서 Base64 Url로 audio 재생시키기

Question

angular를 사용해 웹 페이지를 만들고 있습니다.서버에서 Base64로 인코딩된 Url을 받아 아래와 같이 가공하여 src에 넣어주었지만 파일을 찾을 찾지 못하며 제대로 작동하지 않았습니다.component.ts 파일this.recordSource = this._sanitizer.bypassSecurityTrustResourceUrl(data:audio/mp4;base64, ${base64RecordUrl});component.html 파일

혹시 mp4 파일은 data:audio로 접근할 수 없을까봐 video 태그로도 시도해보았지만 동일한 문제가 발생했습니다.component.ts 파일this.recordSource = this._sanitizer.bypassSecurityTrustResourceUrl(data:video/mp4;base64, ${base64RecordUrl});component.html 파일

base64 url로 변환하는 과정에서는 문제가 없을 것이라고 생각했습니다. 왜냐하면 동일하게 변환된 이미지 파일의 url은 서버에 잘 표출되었기 때문입니다.component.ts 파일this.imageSrc = this._sanitizer.bypassSecurityTrustResourceUrl(`data:image/JPEG;base64, ${base64ImageUrl});component.html 파일어떻게 하면 현재 상황에서 Base64로 인코딩된 Url을 사용해 audio 파일을 재생할 수 있을까요?현재 "@angular/common": "^15.2.0", 버전의 angular를 사용하고 있으며, angular를 위한 audio player 라이브러리를 사용하여도 괜찮습니다.감사합니다.

캐티 · Answer

android - Play audio using base64 data in html5 - Stack Overflow명시적인 mime 타입 지정이 가능하빈다

Angular에서 Base64 Url로 audio 재생시키기

1개의 답변

Q&A 목록