From Remote URL

VideoEditor SDK supports loading video files from a remote URL, this can be a resource hosted by a video hosting provider such as Vimeo or Wistia or your own servers.

Download the remote video#

Although you can pass a URL directly to the editor, we strongly recommend that you manage downloading the remote resource yourself. This allows for more control over where and how the download task is being executed and avoids potential problems around UI locking.

Open the editor#

When the download is finished we load the local video URL into the editor and open it. Once the video has been exported, we handle the result and possible occurring errors.

Handle user interaction#

For this example, we are disabling user interaction while the download task is executing. In production, you might want to indicate download progress here. When the download has finished, we can reenable user interaction and dismiss the progress indicator.


import 'dart:io';

import 'package:catalog/bloc/interaction_bloc.dart';
import 'package:catalog/models/code_example.dart';
import 'package:flutter/foundation.dart';
import 'package:path_provider/path_provider.dart';
import 'package:video_editor_sdk/video_editor_sdk.dart';

class OpenVideoRemoteURLExample extends CodeExample {
  @override
  void invoke() async {
    try {
      // Disable user interaction.
      InteractionBloc.shared.disable();

      // Download the remote resource before loading it into the editor.
      final client = HttpClient();
      final request = await client
          .getUrl(Uri.parse("https://img.ly/static/example-assets/Skater.mp4"));
      final response = await request.close();
      final bytes = await consolidateHttpClientResponseBytes(response);
      final outputDirectory = await getTemporaryDirectory();
      final outputFile = File('${outputDirectory.path}/Skater.mp4');
      await outputFile.writeAsBytes(bytes);

      // Open the video editor and handle the export as well as any occurring errors.
      final result = await VESDK.openEditor(Video(outputFile.path));

      if (result != null) {
        // The user exported a new video successfully and the newly generated video is located at `result.video`.
        print(result.video);
      } else {
        // The user tapped on the cancel button within the editor.
        return;
      }
    } catch (error) {
      // There was an error generating the video.
      print(error);
    } finally {
      // Enable user interaction.
      InteractionBloc.shared.enable();
    }
  }
}