embed a tiktok video onto an app page with flutter? - flutter

Video player, webview, custom widgets on pubdev, all seem to be failing me on what should be a simple problem... how do i display a tiktok video on a page using flutter widgets? Embarassed to admit how long I have tried to code this.
I have tried the html-editor widget too.
Coding/interface is via flutterflow.

Related

Youtube Iframe Player messing up BottomNavBar positoning

When I have the Youtube IFrame player be used on a page, once i navigate back to my previous page the bottom navbar (using speeddial package) is lowered. I don't know what might be causing this but i know its the Youtube player because i tested it by removing the YT player and the bottomNavBar was fine.
Without Youtube Iframe Player Scaffold
With Youtube iFrame Player Scaffold
Let me know what code you would like to see as its too large to place the three pages on this post atm.

get thumbnail of online video as widget

How to get first frame of online video on flutter?
I try use https://pub.dev/packages/video_thumbnail_imageview but their backend not working, so library do not return thumbnail. Any idea how to do it without downloading whole video from web?
For me it is important to run this on platform iOS/Android/Web

How to show video on carousel using flutter?

I am new to flutter. I am trying to show video in a carousel. I am able to show images but when it comes to video I'm stuck. I have searched everywhere but couldn't find any example.
If you know how to implement a photo carousel, it should be easy to make a video carousel. Just implement a video player using chewie package and just place the video widget instead of the image widget.
https://pub.dev/packages/chewie
As you have provided no code in your question. So, I do not know why you are stuck in video. Also, you can check the below question/ans:
Video Carousel slider for flutter

Is there any way to add many yt videos on carousel and slide them horizontally (lazy loading) in Flutter?

This is actually a request! I googled that video carousel slider repo or sample for flutter (mobile). But i couldn't find any example.
These are unanswered questions about it:
Carousal slider with video player getting memory leak error in flutter
Video Carousel slider for flutter
I need to show in active index of slider, animated yt video (gif thumbnails) instead a thumbnail image on carousel slider in Flutter mobile app. When i touched on video/gif, it'll replace page and play the video in new page. Unluckily, there's no video carousel slider for Flutter in Google.
Hope someone help me!

Flutter - PIP mode similar to Youtube (Android)

I am trying to create an app in flutter which consists of:
Home Page
Video Player Page
From the Home Page, the user is able to navigate to the video player page. If the video is playing, when the user clicks the back button or swipe down from the video player, I want to minimize the video player to the bottom of the app (while continue playing) and navigate back to the homepage. This is how Youtube works right now.
After research, I found two approaches to implement this, but each with its own problems.
1. Use the Android PIP mode
Problem:
Android PIP mode works on activity basis. Flutter has only one activity. If I were to implement it this way, the entire app will be minimized when I invoke the PIP mode. I want the user to be able to navigate within the app while the video player is in PIP mode.
Is there a way to have more than one activity in Flutter? If it is possible, then is it advisable to implement it this way?
2. Create a persistent widget
Create a widget that persists on navigation similar to this.
Problem:
I can't wrap my head on how to implement it this way. How do I animate the media player in the nested MaterialApp to minimize to the bottom of the app where the persistent widget is (because it's two separate Material Apps). How do I pass data between them?