I want to change video by click on each videos url.

Player player = Player(id: 123); String url = 'http://company.com/video/1.mp4'; player.open( Media.network(url), );

setState(() { url = 'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4'; });

Thank you!

Describe the bug Using the native video widget some times application crash(without showing any errors) and if it works the audio is playing correctly but with no output (black screen ) also a small window pops up in the center of the black screen and then disappers (doesent have text inside it from what i saw)

Media

both url and local files does the same bug

Minimal reproducible code

followed example code

Flutter logs output is too long so i cant provide it

[√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [Version 10.0.19043.1586], locale en-US)
    • Flutter version 2.10.4 at G:\My Work HDD2\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c860cba910 (2 weeks ago), 2022-03-25 00:23:12 -0500
    • Engine revision 57d3bac3dd
    • Dart version 2.16.2
    • DevTools version 2.9.2

[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at C:\Users\zezo_\AppData\Local\Android\sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.11+9-b60-7590822)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.8)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
    • Visual Studio Community 2019 version 16.11.32002.261
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.1)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+9-b60-7590822)

[√] IntelliJ IDEA Community Edition (version 2021.3)
    • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2021.3
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart

[√] VS Code, 64-bit edition (version 1.65.2)
    • VS Code at C:\Program Files\Microsoft VS Code
    • Flutter extension can be installed from:
       https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Connected device (3 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.19043.1586]
    • Chrome (web)      • chrome  • web-javascript • Google Chrome 100.0.4896.75
    • Edge (web)        • edge    • web-javascript • Microsoft Edge 100.0.1185.29

[√] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

Operating system:

• Platform: Windows.

• OS version: Windows 10 21H1.

• [x] I confirm this is not a bug in the VLC app & only dart_vlc.

• [ ] I have donated / sponsored dart_vlc.

Screenshots If applicable, add screenshots to help explain your problem. Otherwise, do nothing.

Imported using

dependencies:
  dart_vlc:
    git:
      url: https://github.com/alexmercerind/dart_vlc.git
      ref: master

dependency_overrides:
  dart_vlc_ffi:
    git:
      url: https://github.com/alexmercerind/dart_vlc.git
      ref: master
      path: ffi

Launching lib/main.dart on macOS in debug mode... lib/main.dart:1 Command CompileSwift failed with a nonzero exit code Command CompileSwift failed with a nonzero exit code CMake Error: The source directory "/Users/Mac15/Documents/Flutter Projects/sample flutter projects/sample_project/macos/Pods/projects/sample_project/macos/Flutter/ephemeral/.symlinks/plugins/dart_vlc/macos/deps" does not exist. Specify --help for usage, or press the help button on the CMake GUI. Command PhaseScriptExecution failed with a nonzero exit code Command CompileSwift failed with a nonzero exit code note: Using new build system note: Building targets in parallel note: Planning build note: Analyzing workspace note: Constructing build description note: Build preparation complete ** BUILD FAILED **

C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: 命令“setlocal [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: cd C:\Git\dasi-spd\windows\flutter\ephemeral.plugin_symlinks\dart_vlc\windows\bin [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: C: [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: "C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\Common7\IDE\CommonExtensions\Microsoft\CMake\CMake\bin\cmake.exe" -E tar xzf "C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/bin/vlc-3.0.9.2.7z" [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: "C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\Common7\IDE\CommonExtensions\Microsoft\CMake\CMake\bin\cmake.exe" -E tar xzf "C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/bin/libvlcpp.zip" [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: "C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\Common7\IDE\CommonExtensions\Microsoft\CMake\CMake\bin\cmake.exe" -E copy_directory C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/bin/vlc-3.0.9.2/sdk/include/vlc C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/include/vlc [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: "C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\Common7\IDE\CommonExtensions\Microsoft\CMake\CMake\bin\cmake.exe" -E copy_directory C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/bin/libvlcpp-master/vlcpp C:/Git/dasi-spd/windows/flutter/ephemeral/.plugin_symlinks/dart_vlc/windows/include/vlcpp [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: :cmEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: :cmErrorLevel [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: exit /b %1 [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: :cmDone [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: if %errorlevel% neq 0 goto :VCEnd [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Microsoft\VC\v160\Microsoft.CppCommon.targets(143,5): error MSB3073: :VCEnd”已退出，代码为 1。 [C:\Git\dasi-spd\build\windows\plugins\dart_vlc\LIBVLC_EXTRACT.vcxproj] Exception: Build process failed.

It would be interesting to incorporate a variable called start at.

player.open(
  Media.file(File('C:/music0.mp3')),
  autoStart: true, // default,
  startAt: Duration(minutes: 1, seconds: 30) // optional
);

I'm using this package for streaming multiple cameras on a page of my Flutter App. With the new version (0.0.8) I'm facing a problem, I see all the images of the Players in a single Video, but in my code I create more than one Video. With the old version (0.0.7) I haven't this problem and the code was the same, with the asyncand the awaitcalls obviously.

Below there is the code of my Streaming page:

class CameraScreen extends StatefulWidget {
  CameraScreen(
      {required Key key,
      required this.onPageChange,
      required this.onLogout,
      required this.id})
      : super(key: key);
  final Function(String, String) onPageChange;
  final VoidCallback onLogout;
  final String id;
  @override
  CameraScreenState createState() => CameraScreenState();
}

class CameraScreenState extends State<CameraScreen>
    with TickerProviderStateMixin {
  PageConfig pageConfig = PageConfig();
  String project = '';
  List<ResponsiveGridCol> children = [];
  List<Player> players = [];
  List<dynamic> items = [];
  double initialSliderValue = 0;


  @override
  void initState() {
    DartVLC.initialize();

    project = Project.getCurrentProject();
    pageConfig = Project.getProjectPageDetails(widget.id);
    getData();
    super.initState();
  }

  @override
  void dispose() {
    stopAndDisposePlayers();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      text: pageConfig.name!,
      onPageChange: widget.onPageChange,
      onLogout: widget.onLogout,
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: SingleChildScrollView(
          child: ResponsiveGridRow(
            children: children,
          ),
        ),
      ),
    );
  }

  void getData() {
    File cameraFile = File(AppStrings.CONFIG_DIRECTORY_PATH +
        project +
        AppStrings.CAMERA_CONFIG_FILE_NAME);
    items = jsonDecode(cameraFile.readAsStringSync());
    List<Video> videos = [];
    List<ResponsiveGridCol> widgets = [];
    for (int i = 0; i < items.length; i++) {
      var cameraConfig = Camera.fromJson(items[i]);
      Player player = Player(id: 100 + i, videoWidth: 400, videoHeight: 300);
      var media = Media.network(cameraConfig.url,
          parse: true, timeout: Duration(seconds: 2));
      player.open(media);
      player.play();
      players.add(player);
      var video = Video(
        playerId: 100 + i,
        width: 500,
        height: 375,
        showControls: false,
      );
      videos.add(video);
      widgets.add(
        ResponsiveGridCol(
          lg: 6,
          child: Card(
            child: Column(
              children: [
                Text(cameraConfig.title, style: AppStyles.BOLD),
                Text(AppStrings.CAMERAS_TEXT),
                video,
                Divider(),
                IconButton(
                  icon: Icon(Icons.open_in_browser),
                  onPressed: () {
                  },
                )
              ],
            ),
          ),
        ),
      );
    }
    for (var item in videos) {
      print(item.playerId);
    }
    if (mounted) {
      setState(() {
        children = widgets;
      });
    }
  }


  void stopAndDisposePlayers() {
    for (var player in players) {
      player.stop();
      player.dispose();
    }
  }
}

Running even the simple example app seems to cause high CPU usage and very high power usage.

When playing:

When paused:

Comparing to VLC:

When playing:

Comparing to MPV:

When playing:

Honestly the usages of vlc and the app is very similar when considering only the player but an average should not use this much of resources for just video playback. Comparatively MPV seems to use very less amount of resources. The gap between 8% / 22% and 42% is just too much. My average app seems to use nearly 62% CPU which is just too much when someone is multitasking.

Hi,

first of thanks for the awesome package!

So, my problem is that I'm trying to loop a playlist. I've tried playlistMode, but when i add playlistMode: PlaylistMode.loop it gives me Undefined name 'PlaylistMode'.

Would be great if you could look into it or have a solution.

I installed libvlc-dev (version 3.0.12-1~mx19+1) and included the library on my pubspec.yaml file. When I try to run the application i get this error:

Launching lib/main.dart on Linux in debug mode...  
clang: error: linker command failed with exit code 1 (use -v to see invocation)  
Exception: Build process failed  
Exited (sigterm)

I'm working on a Flutter Windows application. When I'm trying to play multiple short audio files in a short succession the whole UI becomes very laggy and causes lag spikes. Sometimes the UI remains unresponsive until the sound playback finishes. Am I doing something wrong?

The code looks something like this:

// initilitzing the player
Player soundPlayer = Player(id: 0, commandlineArguments: ['--no-video']);

// method that plays a sound
void playSound(String sound) {
    soundPlayer?.open(Media.asset(sound), autoStart: true);
}

Steps to reproduce: call playSound() multiple times in short succession (i.e. on a button click).

Tested with:

flutter 2.10.4
dart_vlc: ^0.1.9
dart_vlc_ffi: ^0.1.5+1
windows 10

[WIP]

• Add VideoResizeCallback to Player::OnVideo listener, to get callback ahead of buffer reallocation (if the frame size is changed).
• Now PlayerRegisterTexture & PlayerUnregisterTexture are renamed to PlayerCreateVideoOutlet & PlayerDeleteVideoOutlet.
• Now method channel call no longer creates texture ahead of time, but when first frame of the video is received.
• If a new media of different video dimensions is opened, the previous texture is deleted & new is created (VideoOutlet::CreateNewTexture), whose texture ID is notified through the method channel.
• Currently UnregisterTexture is causing exception (from VideoOutlet::DeleteTexture).
  • Not sure about the reason.
  • Although I'm sure that I'm NOT deleting the texture ID which was never created.

Because the video is as seamless as a gif. Introduce a video through this package and then set it to loop. There will be a noticeable pause before and after the switch.

Here is a demo of the video.

https://user-images.githubusercontent.com/13862699/207139591-e22e9ce6-b277-4fcd-ad44-366118c218b3.mp4

This plugin no more is able to load audio files from /storage/emulated/0 and its sub-directories . The error status is: LateError (LateInitializationError: Field 'dynamicLibrary')

**Plugin version: dart_vlc: ^0.1.9 **

Operating system: Tested on: Android OS emulator and the project was running on Parrot Security OS .

Kindly, check .

how i can ignore compile lib for web?

i check platform in my dart code and for Linux all ok. but for web see this:

Launching lib/main.dart on Chrome in debug mode...
Waiting for connection from debug service on Chrome...
../../.pub-cache/hosted/pub.dartlang.org/dart_vlc_ffi-0.2.0+1/lib/src/internal/ffi.dart:1:8: Error: Not found: 'dart:ffi'
import 'dart:ffi';
       ^
../../.pub-cache/hosted/pub.dartlang.org/dart_vlc_ffi-0.2.0+1/lib/src/internal/dynamiclibrary.dart:1:8: Error: Not found: 'dart:ffi'
import 'dart:ffi';
       ^
../../.pub-cache/hosted/pub.dartlang.org/dart_vlc_ffi-0.2.0+1/lib/src/internal/typedefs/player.dart:1:8: Error: Not found: 'dart:ffi'
import 'dart:ffi';
       ^
../../.pub-cache/hosted/pub.dartlang.org/dart_vlc_ffi-0.2.0+1/lib/src/internal/typedefs/media.dart:1:8: Error: Not found: 'dart:ffi'
import 'dart:ffi';
       ^
Failed to compile application.

How is current video rendering?

Currently, whenever you show a video using Video widget from package:dart_vlc, it produces redundant load on your CPU. It is because every frame is copied from GPU back to RAM through CPU for rendering inside Flutter i.e. no hardware-acceleration. This load on CPU increases significantly with higher resolution or higher FPS videos.

This still works fine -ish with 720p videos (bearable CPU load).

What is hardware acceleration?

From Google:

Hardware acceleration is the use of computer hardware designed to perform specific functions more efficiently when compared to software running on a general-purpose central processing unit.

Playing a video should make use of dedicated hardware i.e. GPU (and not CPU). CPU is for general-purpose computation, not copying frames/buffers or rendering things efficiently. As discussed above, since every video frame is copied from GPU back to RAM through CPU for rendering inside Flutter, redundant CPU load is seen. This also increases the power usage (battery consumption).

Currently, 720p videos result in bearable CPU load & work fine -ish. Higher than that, high CPU usage.

NOTE: If you are showing the Video in a small part of the UI, you can limit the dimensions of each frame manually. This will reduce CPU usage & give you finer control to tweak the performance.

Player player = Player(id: 0, videoDimensions: const VideoDimensions(640, 360));

Why is hardware acceleration not supported (yet)?

First of all, because this is way too complex to be part of someone's hobby. A funding is necessary here.

Both, due to Flutter & libVLC's limitations at that time.

• libVLC 3.x.x does not have any API to handle hardware accelerated video rendering in client code. libVLC 4.x.x will have an API to render into a client defined texture through OpenGL or Direct3D. However, it is still not possible to use it since shipment of dependencies on Linux will be a big challenge & I don't think consumers will receive the new VLC anytime soon (even after the release).
• Flutter recently added the new Direct3D texture interop capability for Windows. See my testing playground. This is hardware-accelerated & uses Direct3D. This was not present earlier.
• Flutter recently added texture support (both pixel-buffer & GL) for Linux. This is also hardware-accelerated. This was not present earlier.

When & how will be hardware accelerated video playback implemented?

Fortunately, package:dart_vlc & my work in this regard is now sponsored by Stream.

This is a concern for Windows & Linux currently. Scope of work may be increased as required, however package:video_player already seems to have hardware acceleration. Maybe I will add support to package:video_player itself at some point.

Rapidly ship in-app messaging with Stream's highly reliable chat infrastructure and feature-rich SDKs, including Flutter!

Try the Flutter Chat tutorial

I made a POC implementation (posted on my Twitter) showing hardware-accelerated video rendering inside Flutter. It is using libmpv & ANGLE based Direct3D & open-gl interop. Notice minimal CPU 2 % - 5% usage. Slight usage can still be seen due to logging/flushing etc. for debugging. It will be improved. Same would have caused about 20-25% with package:dart_vlc (even more with higher resolution & FPS videos).

I have decided to use libmpv because it has API for rendering video output using open-gl. Since, this package has everything specifically around VLC, it makes no sense to work on it here.

Thus, expect a new package really-really soon with hardware accelerated video playback. Other than just hardware-accelerated video embedding, it has things like metadata / tags reader, shifting support, pitch shifting, volume boost, dynamic playlists & native OS controls etc. out-of-the-box along-side basic features. Audio-only support is ready & used in Harmonoid: A Material Design-led music player to play & manage music library. Most importantly: It is far smaller in size compared to package:dart_vlc, stable & even supports Windows 7.

Switching to libmpv does not mean that I do not like VLC or the awesome work that developers have done on it. It is still the best of best (& my preferred) media player, which I have installed on every device I own. However, from the library / plugin standpoint, I'm not quite satisfied.

https://user-images.githubusercontent.com/28951144/196414122-9e860a3b-df85-4352-96a3-1a5dbfaca4c4.mp4

Thanks!

You may subscribe to the issue for updates.

Hi @alexmercerind, as the title suggests, I wanted to know if it is possible to perform a custom buffering.

In particular I need to be able to perform a sequential fetching in different qualities from my CDN. I must therefore do a fetch to a different url (qualities) keeping the buffering already performed and passing as parameters the starting bytes and ending bytes to be buffered over.

The desired behavior is like loading an m3u playlist made up of several "controllable" .ts files.

I wanted to ask if this exists or it is possible to create a loading function like Media.stream

Thanks again for your contribution!