plugins icon indicating copy to clipboard operation
plugins copied to clipboard
verified publisher icon flutter-tizen

[webview_flutter] There are problems when loading a web page containing Video.js. There is an issue with Video.js not being able to play properly. The player shows a green screen and an error message is reported.

Open macjun opened this issue 10 months ago • 6 comments

There are problems when loading a web page containing Video.js. I used a webview to load the webpage videojs.com ,There is an issue with Video.js not being able to play properly. The player shows a green screen and an error message is reported.

Image

macjun avatar Mar 21 '25 08:03 macjun

pubspec.yaml: webview_flutter: ^4.10.0 webview_flutter_tizen: ^0.9.4

flutter-tizen doctor -v : [!] Flutter (Channel [user-branch], 3.27.1, on macOS 13.3 22E252 darwin-x64, locale zh-Hans-CN) ! Flutter version 3.27.1 on channel [user-branch] at /Volumes/MacData/Work/optnet/flutter/flutter-tizen/flutter Currently on an unknown channel. Run flutter channel to switch to an official channel. If that doesn't fix the issue, reinstall Flutter by following instructions at https://flutter.dev/setup. ! Warning: flutter on your path resolves to /Users/ma/development/flutter/bin/flutter, which is not inside your current Flutter SDK checkout at /Volumes/MacData/Work/optnet/flutter/flutter-tizen/flutter. Consider adding /Volumes/MacData/Work/optnet/flutter/flutter-tizen/flutter/bin to the front of your path. ! Warning: dart on your path resolves to /Users/ma/development/flutter/bin/dart, which is not inside your current Flutter SDK checkout at /Volumes/MacData/Work/optnet/flutter/flutter-tizen/flutter. Consider adding /Volumes/MacData/Work/optnet/flutter/flutter-tizen/flutter/bin to the front of your path. ! Upstream repository unknown source is not a standard remote. Set environment variable "FLUTTER_GIT_URL" to unknown source to dismiss this error. • Framework revision 17025dd882 (3 months ago), 2024-12-17 03:23:09 +0900 • Engine revision cb4b5fff73 • Dart version 3.6.0 • DevTools version 2.40.2 • Pub download mirror https://pub.flutter-io.cn • Flutter download mirror https://storage.flutter-io.cn • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Tizen toolchain - develop for Tizen devices • Framework revision 8851345ee6 (4 weeks ago), 2025-02-18 17:19:47 +0900 • Engine revision 4d673e9827 • Embedder revision 3b5d236f48 • Tizen Studio 6.0 at /Users/ma/tizen-studio • .NET SDK 9.0.200 at /usr/local/bin/dotnet

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0) • Android SDK at /Users/ma/Library/Android/sdk • Platform android-35, build-tools 34.0.0 • ANDROID_HOME = /Users/ma/Library • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694) • All Android licenses accepted.

[!] Xcode - develop for iOS and macOS (Xcode 14.3.1) • Xcode at /Applications/Xcode.app/Contents/Developer • Build 14E300c ! Flutter recommends a minimum Xcode version of 15. Download the latest version or update via the Mac App Store. • CocoaPods version 1.15.2

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

[✓] Android Studio (version 2022.2) • 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 17.0.6+0-17.0.6b802.4-9586694)

[✓] VS Code (version 1.98.2) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.106.0

[✓] Connected device (3 available) • macOS (desktop) • macos • darwin-x64 • macOS 13.3 22E252 darwin-x64 • Chrome (web) • chrome • web-javascript • Google Chrome 134.0.6998.118 • Tizen t-0226-1 (mobile) • emulator-26101 • flutter-tester • Tizen 9.0 (emulator)

[✓] Network resources • All expected network resources are available.

macjun avatar Mar 21 '25 08:03 macjun

Or it is possible that there is a problem with the emulator. Could anyone who has a real device help me test this issue? The example is the one in webview_flutter_tizen, where https://flutter.dev/ has been replaced with https://videojs.com/.

macjun avatar Mar 21 '25 08:03 macjun

flutter-tizen run:

Launching tizen/flutter/generated_main.dart on Tizen t-0226-1 in debug mode... The optnet_cer profile is used for signing. Building a Tizen application in debug mode... 97.9s ✓ Built build/tizen/tpk/org.tizen.webview_flutter_tizen_example-1.0.0.tpk (36.5MB) Installing build/tizen/tpk/org.tizen.webview_flutter_tizen_example-1.0.0.tpk... 21.3s Syncing files to device Tizen t-0226-1... 180ms

Flutter run key commands. r Hot reload. 🔥🔥🔥 R Hot restart. h List all available interactive commands. d Detach (terminate "flutter run" but leave application running). c Clear the screen q Quit (terminate the application on the device).

A Dart VM Service on Tizen t-0226-1 is available at: http://127.0.0.1:63472/LbVSc8wqqyA=/ The Flutter DevTools debugger and profiler on Tizen t-0226-1 is available at: http://127.0.0.1:9106?uri=http://127.0.0.1:63472/LbVSc8wqqyA=/ [I] flutter: WebView is loading (progress : 10%) [I] flutter: allowing navigation to https://videojs.com/ [I] flutter: url change to https://videojs.com/ [I] flutter: Page started loading: https://videojs.com/ [I] flutter: WebView is loading (progress : 35%) [I] flutter: WebView is loading (progress : 69%) [I] flutter: allowing navigation to https://widgets.ign.com/video/embed/content.html?url=https://www.ign.com/videos/2019/06/12/cyberpunk-2077-our-thoughts-after-seeing-50-minutes-of-new-gameplay-e3-2019 [I] flutter: allowing navigation to https://widgets.ign.com/video/embed/content.html?url=https://www.ign.com/videos/2019/06/12/cyberpunk-2077-our-thoughts-after-seeing-50-minutes-of-new-gameplay-e3-2019 [I] flutter: allowing navigation to https://www.ign.com/video-embed?url=https://www.ign.com/videos/2019/06/12/cyberpunk-2077-our-thoughts-after-seeing-50-minutes-of-new-gameplay-e3-2019 [I] flutter: WebView is loading (progress : 100%) [I] flutter: WebView is loading (progress : 100%) [I] flutter: allowing navigation to about:blank [I] flutter: allowing navigation to about:blank [I] flutter: url change to https://videojs.com/city [I] flutter: allowing navigation to about:blank [E] (process:19039): GLib-CRITICAL **: 00:48:46.688: g_path_get_basename: assertion 'file_name != NULL' failed [I] gst_ffmpegtsfilter_register [E] (:19039): GLib-GObject-CRITICAL **: 00:48:48.600: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:48:48.602: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' [E] (:19039): GLib-GObject-CRITICAL **: 00:48:48.602: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' [E] (:19039): GLib-GObject-CRITICAL **: 00:48:48.603: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [I] flutter: allowing navigation to about:blank [E] (:19039): GLib-GObject-CRITICAL **: 00:48:55.146: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:48:55.147: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' (:19039): GLib-GObject-CRITICAL **: 00:48:55.148: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' (:19039): GLib-GObject-CRITICAL **: 00:48:55.148: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [I] flutter: allowing navigation to https://imasdk.googleapis.com/js/core/bridge3.688.0_en.html#fid=goog_257651015 [I] flutter: allowing navigation to https://imasdk.googleapis.com/js/core/bridge3.688.0_en.html#fid=goog_257651015 [I] flutter: allowing navigation to https://i.liadm.com/sync-container/?duid=bdf6b1134129--01jpvtt9cdyfyacee09235tvxt&appId=a-01si&euns=0&s=&version=v3.10.0&cd=.www.ign.com&pv=5cc960d9-d114-4c22-8e1f-94405c1eead4 [I] flutter: allowing navigation to https://i.liadm.com/sync-container/?duid=bdf6b1134129--01jpvtt9cdyfyacee09235tvxt&appId=a-01si&euns=0&s=&version=v3.10.0&cd=.www.ign.com&pv=5cc960d9-d114-4c22-8e1f-94405c1eead4 [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.088: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'multiview-window-id' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.089: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'audio-preloading' (:19039): GLib-GObject-CRITICAL **: 00:49:02.089: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'anti-acoustic-shock' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.089: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'mls-player-id' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.100: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.103: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.103: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.103: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.465: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'device-audio-out' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:02.478: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'audio-delay-info-for-avsync' [E] (:19039): GStreamer-WARNING **: 00:49:03.011: ../subprojects/gstreamer/gst/gstpad.c:5389:store_sticky_event:<ffdec_h264-2:src> Sticky event misordering, got 'segment' before 'caps' [E] (:19039): GStreamer-CRITICAL **: 00:49:03.014: gst_caps_get_structure: assertion 'GST_IS_CAPS (caps)' failed [E] (:19039): GStreamer-CRITICAL **: 00:49:03.014: gst_structure_get_int: assertion 'structure != NULL' failed [E] (:19039): GStreamer-CRITICAL **: 00:49:03.014: gst_structure_get_int: assertion 'structure != NULL' failed [E] (:19039): GStreamer-WARNING **: 00:49:03.025: ../subprojects/gstreamer/gst/gstpad.c:5389:store_sticky_event:directvideosink:sink Sticky event misordering, got 'segment' before 'caps' [E] (:19039): GStreamer-CRITICAL **: 00:49:03.044: gst_caps_set_simple: assertion 'IS_WRITABLE (caps)' failed [E] (:19039): GStreamer-CRITICAL **: 00:49:03.436: gst_clock_get_time: assertion 'GST_IS_CLOCK (clock)' failed [I] flutter: allowing navigation to https://gum.criteo.com/syncframe?origin=publishertagids&topUrl=videojs.com#{%22bundle%22:{%22value%22:%22usXWSV9LaEdESnllWkh4WFdEcGE0SGRoTlFCQklKJTJGNkE5Qms4bzdxaUkxY0ZvJTJCNDRmOXNORk0wM0U4UTcyRTBsc1dUNVFOZGR5QkxUVWhDSTIxS0pMeXQzREszcFBhNk9pNGVwTmhTeGdGekloeU0lM0Q%22,%22origin%22:2},%22optout%22:{%22value%22:false,%22origin%22:0},%22tld%22:%22www.ign.com%22,%22topUrl%22:%22videojs.com%22,%22version%22:159,%22cw%22:false,%22lsw%22:true,%22origin%22:%22publishertagids%22,%22requestId%22:%220.3096369716722571%22} [I] flutter: allowing navigation to https://gum.criteo.com/syncframe?origin=publishertagids&topUrl=videojs.com#{%22bundle%22:{%22value%22:%22usXWSV9LaEdESnllWkh4WFdEcGE0SGRoTlFCQklKJTJGNkE5Qms4bzdxaUkxY0ZvJTJCNDRmOXNORk0wM0U4UTcyRTBsc1dUNVFOZGR5QkxUVWhDSTIxS0pMeXQzREszcFBhNk9pNGVwTmhTeGdGekloeU0lM0Q%22,%22origin%22:2},%22optout%22:{%22value%22:false,%22origin%22:0},%22tld%22:%22www.ign.com%22,%22topUrl%22:%22videojs.com%22,%22version%22:159,%22cw%22:false,%22lsw%22:true,%22origin%22:%22publishertagids%22,%22requestId%22:%220.3096369716722571%22} [E] (:19039): GLib-GObject-CRITICAL **: 00:49:07.842: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' (:19039): GLib-GObject-CRITICAL **: 00:49:07.842: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' (:19039): GLib-GObject-CRITICAL **: 00:49:07.842: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' (:19039): GLib-GObject-CRITICAL **: 00:49:07.842: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [E] (:19039): GStreamer-CRITICAL **: 00:49:10.159: gst_mini_object_copy: assertion 'mini_object != NULL' failed [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.602: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'multiview-window-id' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.604: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'audio-preloading' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.604: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'anti-acoustic-shock' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.604: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'mls-player-id' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.607: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.607: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.608: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.608: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.765: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'device-audio-out' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:10.986: g_object_set_is_valid_property: object class 'GstPulseSink' has no property named 'audio-delay-info-for-avsync' [E] (:19039): GStreamer-WARNING **: 00:49:12.152: ../subprojects/gstreamer/gst/gstpad.c:5389:store_sticky_event:<ffdec_h264-4:src> Sticky event misordering, got 'segment' before 'caps' [E] (:19039): GStreamer-CRITICAL **: 00:49:12.153: gst_caps_get_structure: assertion 'GST_IS_CAPS (caps)' failed [E] (:19039): GStreamer-CRITICAL **: 00:49:12.153: gst_structure_get_int: assertion 'structure != NULL' failed (:19039): GStreamer-CRITICAL **: 00:49:12.154: gst_structure_get_int: assertion 'structure != NULL' failed [E] (:19039): GStreamer-WARNING **: 00:49:12.166: ../subprojects/gstreamer/gst/gstpad.c:5389:store_sticky_event:directvideosink:sink Sticky event misordering, got 'segment' before 'caps' [E] (:19039): GStreamer-CRITICAL **: 00:49:12.173: gst_caps_set_simple: assertion 'IS_WRITABLE (caps)' failed [E] (:19039): GLib-GObject-CRITICAL **: 00:49:14.139: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:14.143: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' (:19039): GLib-GObject-CRITICAL **: 00:49:14.144: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' (:19039): GLib-GObject-CRITICAL **: 00:49:14.144: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [I] flutter: allowing navigation to https://google-bidout-d.openx.net/w/1.0/pd?plm=5 [I] flutter: allowing navigation to https://google-bidout-d.openx.net/w/1.0/pd?plm=5 [I] flutter: allowing navigation to https://google-bidout-d.openx.net/w/1.0/pd?cc=1&plm=5 [E] (:19039): GLib-GObject-CRITICAL **: 00:49:19.719: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'extradata_flag' [E] (:19039): GLib-GObject-CRITICAL **: 00:49:19.719: value "2" of type 'gint' is invalid or out of range for property 'decoding-type' of type 'gint' (:19039): GLib-GObject-CRITICAL **: 00:49:19.719: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'force-max-resolution' (:19039): GLib-GObject-CRITICAL **: 00:49:19.720: g_object_set_is_valid_property: object class 'ffdec_h264' has no property named 'enable-forced-eos' [I] flutter: Page finished loading: https://videojs.com/city [I] flutter: WebView is loading (progress : 100%)

macjun avatar Mar 21 '25 09:03 macjun

Hi did you check this out? https://pub.dev/packages/webview_flutter_tizen#note

+) Video playback may not work properly in webview (slow, crashes, etc.). This can be due to a problem with the web engine or device, and the embedded web engine may not provide all functions because it is optimized. Please be aware of this.

JSUYA avatar Mar 21 '25 09:03 JSUYA

@JSUYA
This note only states that in Tizen 6.0, there were some devices that failed to create the web view. However, I'm using Tizen 9.0, and the web view has already been successfully created. It's just that there are problems with video playback. Video.js is a very popular video playback library on the web and is used in many places. The video playback on a lot of websites is also based on it. Does this problem only occur on some devices, such as emulators? Or is it quite common, and all devices are unable to support playing videos using Video.js?

macjun avatar Mar 21 '25 09:03 macjun

Sorry for the confusion. I meant about background. Did you change background to Colors.transparent?

--- a/packages/webview_flutter/example/lib/main.dart
+++ b/packages/webview_flutter/example/lib/main.dart
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-       backgroundColor: Colors.green,
+       backgroundColor: Colors.transparent,
       appBar: AppBar(
         title: const Text('Flutter WebView example'),

JSUYA avatar Mar 21 '25 09:03 JSUYA

This page has been automatically closed since there has not been any recent activity. If you are still experiencing a similar issue, please open a new issue with additional information about the issue.

github-actions[bot] avatar Aug 12 '25 03:08 github-actions[bot]