nchutchind/cordova-plugin-streaming-media

Adding Authentication Header to Request

Open

#111 opened on Nov 29, 2017

View on GitHub
 (5 comments) (0 reactions) (0 assignees)Java (392 stars) (285 forks)batch import
enhancementhelp wantedpull-request-welcome

Description

Trying to stream media from an API that requires the header "Authorization: Bearer ".

I've used the following to inject the header:

@Injectable()
export class ApiAuthInterceptor implements HttpInterceptor {
  constructor( @Inject(forwardRef(() => SessionProvider)) private session: SessionProvider) { }
  intercept(req: HttpRequest<any>, next: HttpHandler) {
    let auth: any = {};
    if (this.session.auth) auth = this.session.auth;
    const newReq = req.clone({ headers: req.headers.set('Authorization', 'Bearer ' + auth.access_token) });
    return next.handle(newReq);
  }
};
@NgModule({
  providers: [
    ApiProvider,
    { provide: HTTP_INTERCEPTORS, useClass: ApiAuthInterceptor, multi: true }
  ]
})

This works great for images, and video will load and play, but the file appears to download in its entirety and play. Also the video time is listed at --:-- and the seek control slider is disabled.

If I disable all authentication on the API and streamed the same file it worked normally, buffering, seek, etc.

Is there a proper way to add the "Authentication" header to the stream request?

Contributor guide

Tech stack
javascriptandroidios
Domain
mobile
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic knowledge of Cordova plugin developmentUnderstanding of HTTP headers
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
The issue requests adding support for custom HTTP headers (specifically Authorization) to the streaming request. The current implementation likely uses standard URL loading without headers. To implement, examine the plugin's source code (likely in Java for Android and Objective C/Swift for iOS) where the streaming media URL is handled. Investigate how the video/audio is loaded (e.g., using MediaPlayer or AVPlayer) and whether it supports adding request headers. Look for any existing option to pass headers in the plugin API. The maintainer has not responded, so research should focus on the plugin's own codebase and possible solutions like using a custom URLProtocol on iOS or OkHttp on Android.