Flutter widget show on all screen - android

I have music list screen and when press to play the music, the small music player is show at the end of the screen. If click or scroll up, full screen music player will show. User can click button to collapsed the full screen music player. I am using sliding_up_panel plugin to achieve this.
So my question is that I want to show the small music player on every screen in the app if music is playing.
May I know how where to put SlidingUpPanel?
Regards,
Alex

It will need to go in or above or in your router. You could put it in a Stack widget, where one layer is your player widget and the other is your routed view.

Related

What is a proper way to connect with a media browser who is currently playing audio?

I am currently working on an app that includes an audio media player. What I want to accomplish is to start a track on a fragment that represents the UI of the media player (like a bottom collapsed media player), and then when I click on this media player layout, I want to start an activity that will display the media player expanded (including skip buttons and progress bar). Right now, whenever I click on the above-mentioned layout, the activity starts but the track starts all over again instead of resuming. Summing up, I would like to ask if there is a proper way to connect with the media browser in another activity without causing the playlist to start from the beginning. Thank you in advance

Bottom Sheet Animation, Mini Music player to full screen Music player

I am struggling to add media functionality to the app. At this point I am stuck to have a professional visual transition for mini player to full screen media player.
While It is a common feature for music player app, I could not find any article or guide related to this.
I am using Bottom sheet to handle mini player. Basically , my question is how to handle the transition of bottom sheet state from STATE COLLAPSED to STATE EXPANDED like in the video.
Desired Result:
Thanks for reading this. Any help is appreciated.

Video cannot close from fullscreen in react-native webview (ios)

I am using react-native-community/react-native-webview and on the website we have Nexx player for playing videos.
Android works fine but I have problems with ios. On ios, I have a fullscreen modal where is possible to play video. And if I click on play button video jump into fullscreen mode and start playing. That is right. But if I want to close video by X button on the corner Video will jump back to start position and immediately jump back to the fullscreen mode and sometimes show an icon over the video. I will try to close it and the situation will be repeating after a few repeating is finally closed.
I think the problem is in ios fullscreen video player. Because if I want to play video some fancy webview features will handle video and show it in fullscreen (because Nexx player looks different then this view and I also tried to turn off fullscreen mode but video always jumps in fullscreen). I try to pause the video when it will jump out of fullscreen but it doesn't work. (It works when I pause the video first in fullscreen mode and then I will click on close button = video is close right but if I click on a close button it is doesn't work)
Is there some way how to fix this issues? Or How to control webview feature pause it and then close it when the user clicks on X button?

MiniControllerFragment for MediaPlayer application as like Cast SDK

I'm developing a MediaPlayer application which plays videos and want to show mini controller at the bottom of every screen while something is playing.
Question
I want to show mini controller at the bottom of every screen while something is playing, you can refer application like Spotify, google play, and other music applications.app
MiniController that appear when the user navigates away from the current content page. The mini controller provides instant access and a visible reminder for the current mediaplayer is playing or not.
I just checked cast sdk codelabb and found this. It has MiniControllerFragment which manages everything for cast session. Is there any MiniControllerFragment for mediaplayer application so I can show MiniController at bottom of every page when my application does play any video.
Please provide your valuable inputs on this.

Surface View Appears Black while the associated audio is playing in the background(android)

I am basically running a set of video tracks using a custom media player. Every thing works fine until I press home button or go to any other screen, then on after returning to the video play screen I can only hear the audio track as the videos play and screen appears black.
I would also like to highlight another issue for which i have got a stop gap arrangement, which is when i switch videos in the playlist, the surface view retains the last frame or image of the video that was previously played. I have tried to invalidate(), force the layout and all possible ways to refresh screen that i could think of, yet I couldn't find an appropriate solution for both of the issues mentioned.

Categories

Resources