Aspect Ratio Issue about fvp HOT 7 CLOSED

return Container(
      width: double.infinity,
      height: double.infinity,
      color: Colors.transparent,
      child: _controller.value.isInitialized ? AspectRatio(aspectRatio: _controller.value.aspectRatio, child: VideoPlayer(_controller)) : Container(),
    );

What does it mean?

from fvp.

return Container(
      width: double.infinity,
      height: double.infinity,
      color: Colors.transparent,
      child: _controller.value.isInitialized ? AspectRatio(aspectRatio: _controller.value.aspectRatio, child: VideoPlayer(_controller)) : Container(),
    );

What does it mean?

The code was not fully representative of the problem. I have updated the first post with a better code and more details

from fvp.

the video aspect ratio is not 5/4, but 5/4*1.45455 = 1.82, 1.45455 is pixel aspect ratio, i.e. a pixel width/height is not 1. the original video aspect ratio is correct in fvp, android official player is wrong, you can compare with other players, for example mpv. The official player supports macOS now, so you can also compare the results with and without fvp on macOS.

from fvp.

the video aspect ratio is not 5/4, but 5/4*1.45455 = 1.82, 1.45455 is pixel aspect ratio, i.e. a pixel width/height is not 1. the original video aspect ratio is correct in fvp, android official player is wrong, you can compare with other players, for example mpv. The official player supports macOS now, so you can also compare the results with and without fvp on macOS.

The issue at hand is not 100% about the original aspect ratio of the video, but more related to a custom aspect ratio due to what appears to be transparent bars at the top and bottom of videos played with FVP.

The player is intended for use in a scenario where my users may want to play videos with varying aspect ratios, but this becomes problematic as FVP interprets the transparent bars as part of the video content.
The sample video, originally in a 16:9 aspect ratio, has been stretched to some other non-standard aspect ratio to simulate this scenario.

It happens also if I use the backend api:

import 'package:flutter/material.dart';
import 'package:fvp/mdk.dart';
import 'package:fvp/fvp.dart';
import 'package:logging/logging.dart';


void main() {
  Logger.root.level = Level.ALL;
  Logger.root.onRecord.listen((record) {
    print('${record.loggerName}: ${record.message}');
  });
  registerWith();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: VideoPlayerScreen(),
      ),
    );
  }
}

class VideoPlayerScreen extends StatefulWidget {
  VideoPlayerScreen();

  @override
  _VideoPlayerScreenState createState() => _VideoPlayerScreenState();
}

class _VideoPlayerScreenState extends State<VideoPlayerScreen> {
  late final player = Player();

  @override
  void initState() {
    super.initState();
    player.media = 'https://supertest.netsons.org/output.mp4';
    player.loop = -1;
    player.state = PlaybackState.playing;
    player.setAspectRatio(16/9);
   

    player.updateTexture();
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: ValueListenableBuilder<int?>(
        valueListenable: player.textureId,
        builder: (context, id, _) => id == null ? const SizedBox.shrink() : Texture(textureId: id),
      ),
    );
  }


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

from fvp.

Now I know the reason. I use a texture in video frame size, but render the content to texture in another aspect ratio.

from fvp.

try the latest code. upgrading mdk is required

from fvp.

try the latest code. upgrading mdk is required

Tested and it is working. Thank you!

from fvp.