안녕하세요.

서버에 스트리밍 문제가 있어서 아래와 같이 앵귤러 인터셉터를 만들었습니다.

문제는 audio객체 플레이시 자동으로 range값이 추가되는데 이것을 제거해야 합니다.

그런데 새로운 문제는 audio player 재생시 인터셉터가 작동하지 않습니다.

다른 페이지 호출시에는 인터셉터가 작동합니다.

구글링한 참조 예제로는 audio player 파일 로드시 JWT Token 해더 추가에 대한 이슈가있었습니다.

똑같이 따라했는데 audio player 재생시 앵귤러 인터셉터가 작동하지 않습니다.

글쓰다 보니 audio element 쪽을 봐야될 것 같긴한데..

혹시 아시는분 계산가해서 질문 드립니다.

감사합니다.

앵귤러 인터셉터

@Injectable()
export class AudioRangeInterceptor implements HttpInterceptor {
  constructor() {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    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();

앵귤러에서 HttpIntercepter를 통해서 http header파일을 조정하려고 합니다.

다른 요청은 다 intercepter가 걸리는데 파일 다운로드가 잡히지가 않습니다.

http://localhost/pdf/file.pdf

위 와 같은 식으로 브라우저에서 엔터를 치면.. 인터셉터가 잡히지 않네요.

크롬 개발자도구에서도 network를 모니터렁해도 이력이 찍히지 않습니다.

파일 다운로드는 http요청이 아닌건지.. 뭔지... 골치가 아프네요.ㅠ.

JWT Token 사용시 audio 엘리먼트는 인증 해더가 포함되지 않는 문제 때문에

Intercepter를 적용했는데.. http 다른 요청은 인터셉터가 잡히는데 파일은 안잡힙니다.

혹시 같은 문제 격어보신분 계신가요?..

도움 부탁합니다.

ㅠ. 감사합니다.

현재버전·원글보기

수정이력

2018-04-13 23:41:42 에 아래 제목에서 변경되었습니다.

2018-04-13 23:39:59 에 아래 내용에서 변경되었습니다.

2018-04-13 23:26:07 에 아래 내용에서 변경되었습니다.

2018-04-13 23:25:49 에 아래 내용에서 변경되었습니다.

2018-04-13 23:25:49 에 아래 제목에서 변경되었습니다.

2018-04-13 22:28:51 에 아래 제목에서 변경되었습니다.

2018-04-13 21:33:12 에 아래 내용에서 변경되었습니다.