Angular HttpIntercepter 적용 문제 (HTML5 오디오 파일 플레이시)

Question

안녕하세요.서버에 스트리밍 문제가 있어서 아래와 같이 앵귤러 인터셉터를 만들었습니다. 문제는 audio객체 플레이시 자동으로 range값이 추가되는데 이것을 제거해야 합니다. 그런데 새로운 문제는 audio player 재생시 인터셉터가 작동하지 않습니다.다른 페이지 호출시에는 인터셉터가 작동합니다. 구글링한 참조 예제로는 audio player 파일 로드시 JWT Token 해더 추가에 대한 이슈가있었습니다.똑같이 따라했는데 audio player 재생시 앵귤러 인터셉터가 작동하지 않습니다.글쓰다 보니 audio element 쪽을 봐야될 것 같긴한데.. 혹시 아시는분 계산가해서 질문 드립니다.감사합니다. 앵귤러 인터셉터@Injectable() export class AudioRangeInterceptor implements HttpInterceptor { constructor() {} intercept(request: HttpRequest, next: HttpHandler): Observable> { if (request.headers.get('Range')) { console.log(AudioRangeInterceptor, 'reset request headers range!'); request = request.clone({ setHeaders: { 'Range': '', } }); } return next.handle(request); } } 오디오 플레이 소스var player = new Audio() ; player.src = 'myAudioFileUri'; player.load(); player.play();

eastwook · Answer

제 생각엔 파일 경로로 직접 가는게 아니라 파일다운로드 서비스 페이지를 만들어서 서비스페이지에 인터셉트를 걸고 스트리밍으로 다운로드를 받아야하지 않을까 싶습니다.취중에 생각난대로 적은거라 맞을지 모르겠네요 ㅜㅜ

eastwook · Answer

대략 니런거요?http://amilspage.com/angular4-file-download/

서비스지향개발자 · Answer

질문을 약간 수정했습니다. 사실 문제는 다운로드가 아니라 audio element에 load() 호출시 문제입니다.파일 다운로드와 같은 증상이라 다운로드로 적었네요.

서비스지향개발자 · Answer

아무리 찾아봐도 url pramater로 token을 보내는 방법 뿐이네요.audio range는 없어 서버에서 미들웨어를 하나 등록해서 처리해야겠습니다..

Angular HttpIntercepter 적용 문제 (HTML5 오디오 파일 플레이시)

4개의 답변

Q&A 목록