[video_player] Add network cache functionality

[nagoya0]

Steps to Reproduce

I built this sample:

https://github.com/flutter/plugins/tree/master/packages/video_player/example
(v0.10.0+2)

and switched tab from side to side. Downloaded videos are disappear and started redownloading every time.

Flutter Doctor

[√] Flutter (Channel beta, v0.11.10, on Microsoft Windows [Version 10.0.17763.316], locale ja-JP)
    • Flutter version 0.11.10 at C:\flutter
    • Framework revision c27c4a265e (3 months ago), 2018-11-26 17:07:24 -0500
    • Engine revision eebc6a5895
    • Dart version 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

[√] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    • Android SDK at C:\Users\XXXXXXXX\AppData\Local\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)
    • All Android licenses accepted.

[√] Android Studio (version 3.3)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 33.0.1
    • Dart plugin version 182.5215
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1248-b01)

[√] Connected device (1 available)
    • Pixel 3 • XXXXXXXXX • android-arm64 • Android 9 (API 28)

• No issues found!

[Agraphie]

Is there any intermediate solution for this problem? Otherwise any app which uses videos will drain your data volume quite fast.

[ohjs88]

I cached the data by adding some code as shown below.
(I modified video_player 0.10.1+6.)

VideoPlayerPlugin.java

Added code

    private static SimpleCache sDownloadCache;

    class CacheDataSourceFactory implements DataSource.Factory {
      private final Context context;
      private final DefaultDataSourceFactory defaultDatasourceFactory;
      private final long maxFileSize, maxCacheSize;

      CacheDataSourceFactory(Context context, long maxCacheSize, long maxFileSize) {
        super();
        this.context = context;
        this.maxCacheSize = maxCacheSize;
        this.maxFileSize = maxFileSize;
        //String userAgent = Util.getUserAgent(context, context.getString("ExoPlayer"));
        DefaultBandwidthMeter bandwidthMeter = new DefaultBandwidthMeter();
        defaultDatasourceFactory = new DefaultDataSourceFactory(this.context, bandwidthMeter,
            new DefaultHttpDataSourceFactory("ExoPlayer", bandwidthMeter,DefaultHttpDataSource.DEFAULT_CONNECT_TIMEOUT_MILLIS, DefaultHttpDataSource.DEFAULT_READ_TIMEOUT_MILLIS,true));
      }

      @Override
      public DataSource createDataSource() {
        LeastRecentlyUsedCacheEvictor evictor = new LeastRecentlyUsedCacheEvictor(maxCacheSize);
        
        if (sDownloadCache == null) {
            sDownloadCache = new SimpleCache(context.getCacheDir(),evictor);
        }

        return new CacheDataSource(sDownloadCache, defaultDatasourceFactory.createDataSource(), new FileDataSource(),
            new CacheDataSink(sDownloadCache, maxFileSize),
            CacheDataSource.FLAG_BLOCK_ON_CACHE | CacheDataSource.FLAG_IGNORE_CACHE_ON_ERROR, null);
      }
    }

Modified code

 if (isFileOrAsset(uri)) {
        dataSourceFactory = new DefaultDataSourceFactory(context, "ExoPlayer");
      } else {
        // dataSourceFactory = new DefaultHttpDataSourceFactory("ExoPlayer", null,
        //     DefaultHttpDataSource.DEFAULT_CONNECT_TIMEOUT_MILLIS, DefaultHttpDataSource.DEFAULT_READ_TIMEOUT_MILLIS,
        //     true);
        dataSourceFactory = new CacheDataSourceFactory(context, 100 * 1024 * 1024, 5 * 1024 * 1024);
      }

See the url below.

• https://stackoverflow.com/questions/28700391/using-cache-in-exoplayer
• https://stackoverflow.com/questions/52507270/java-lang-illegalstateexception-another-simplecache-instance-uses-the-folder

[lifenautjoe]

Any other way so far that doesn't involve monkey-patching the library? And that works for iOS as well?

[lifenautjoe]

Here's a plugin for the iOS AV player that might help. https://github.com/vitoziv/VIMediaCache

[lukepighetti]

I need video caching as well, iOS and Android with video_player, does anyone have time to put this together? Use case is a Instagram Stories type of interface where users will progress slowly through videos but reverse quickly. Even if we could get video_player to cache the first 10 seconds that would be fine, just enough to give it time to buffer again.

[lukepighetti]

@ohjs88 Can you make a PR against video_player for your cached android code? Do you happen to have iOS code as well?

[lukepighetti]

Is it possible to get the file out of video_player and save it to disk with Dart code? Not sure if that's obscene or not.

[lukepighetti]

Has anyone tried caching the loaded VideoPlayerControllers in Dart?

[lukepighetti]

I tried that out and it does work but you end up with some strange behavior. The app runs out of memory real quick.

[lifenautjoe]

For what's worth, @999eagle got caching working on both iOS and android on a custom fork of the plugins repository video_player. We hope to open a PR with this back into the plugins repo at some point.

  video_player:
    git:
      url: https://github.com/999eagle/plugins.git
      ref: feature/caching
      path: packages/video_player

Limit is set to 200mbs

Here are the commits with the magic.

https://github.com/999eagle/plugins/commits/feature/caching

Thanks to her work, we've now got video playing in our app :-)