Skip to content

[video_player] m3u8 videos are distorted when played on iOS #109116

@aboyo

Description

@aboyo

When playing a particular m3u8 video, that aspect ratio is wrong, I referred to this commit [flutter/plugins#5069] and used the latest video player plugin,
this file's aspect ratio of video for mp4 format is correct, but when I convert it to m3u8 and play with the network it seems upside down the width and height, this only affects iOS.

the m3u8 content src: https://videodelivery.net/11a75f7cf7314f5a880d49fb8bebaaed/manifest/video.m3u8

Expected results:
the aspect ratio is the same as the mp4 format.

Actual results:
the video seems upside down the width and height.

$flutter doctor -v

[✓] Flutter (Channel stable, 2.10.3, on macOS 12.2 21D49 darwin-x64, locale zh-Hant-TW)
    • Flutter version 2.10.3 at /Users/abo/flutter2
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 7e9793dee1 (5 month ago), 2022-03-02 11:23:12 -0600
    • Engine revision bd539267b4
    • Dart version 2.16.1
    • DevTools version 2.9.2

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/abo/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • 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+0-b60-7590822)

[✓] VS Code (version 1.70.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] Connected device (2 available)
    • iPhone 12 Pro (mobile) • 98C54F15-C96B-4757-962F-119E43CEF121 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-15-2 (simulator)
    • Chrome (web)           • chrome                               • web-javascript • Google Chrome 103.0.5060.134

Metadata

Metadata

Assignees

Labels

P0Critical issues such as a build break or regressionfound in release: 3.0Found to occur in 3.0found in release: 3.1Found to occur in 3.1has reproducible stepsThe issue has been confirmed reproducible and is ready to work onp: video_playerThe Video Player pluginpackageflutter/packages repository. See also p: labels.platform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer version

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions