Load a video file content and base64 encode it into a videoElement src

load-video-encode

  //---
//-------------------------------------------------------------------------------------------------
// Create the very first VideoElement in the dom
// It would later be used to know the width and
// height of the cloned videoData objects

Future<VideoData> load(String url, {
      bool mp4: true, bool ogg: true, bool webm: true}) {

  VideoElement video;
  var onCanPlaySubscription;
  var onErrorSubscription;

  var videoUrls = _getOptimalVideoUrls(url, mp4, ogg, webm);
  var loadCompleter = new Completer<VideoData>();
  print("video path : ${videoUrls}");

  onCanPlay(event) {
    onCanPlaySubscription.cancel();
    onErrorSubscription.cancel();

    video.width = video.videoWidth;
    video.height = video.videoHeight;

    var videoData = new VideoData(video);

    loadCompleter.complete(videoData);
  };

  onData(HttpRequest request) {
    FileReader reader = new FileReader();
    reader.readAsDataUrl(request.response);

    reader.onLoadEnd.first.then((e){

      if(reader.readyState != FileReader.DONE) {
        throw 'Error while reading ${url}';
      }

      video = new VideoElement();

      onCanPlaySubscription = video.onCanPlayThrough.listen(onCanPlay);
      onErrorSubscription = video.onError.listen((_){
        loadCompleter.completeError(new StateError("Failed to create video with data."));
      });

      video.src = reader.result;
      video.load();
    });
  };

  onError(event) {
    print("+ error grabing try next : ${event}");
    if (videoUrls.length > 0) {
      print("+ grab ${videoUrls[0]}");
      HttpRequest.request(videoUrls.removeAt(0), responseType: 'blob')
        .then(onData)
        .catchError(onError);
    } else {
      loadCompleter.completeError(new StateError("Failed to load uri."));
    }
  };
  print("+ grab ${videoUrls[0]}");
  HttpRequest.request(videoUrls.removeAt(0), responseType: 'blob')
    .then(onData)
    .catchError(onError);

  return loadCompleter.future;
}