MiniPlay | Control Google Play Music , Pandora , and Spotify | Music Player library

My project is created programmatically without using storyboard. And it is like Apple Music's miniPlayer, when clicking a row in tableView, will update the data of miniPlayer(which is in containerView).

I see some examples with storyboard and segue like below code: call child viewController's method in parent viewController to update data by using protocol & delegate.

But I don't use storyboard, so what is the alternative code to prepare()?

In react native, I use some component like audio player, header etc. Also, I use console.log() for debugging for component I put log in start of components :

My friend and I are almost done with our project. It's basically a now playing/miniplayer app for Spotify. When I was checking the render process console, I had one more warning that I wanted to clear. It was about worldSafeExecuteJavaScript being true and how it's unsafe. I looked farther in to it and it turns out I need to turn on contextIsolation too. I researched more and found out I have that I can't use require in my render process. I tried looking up the documentation and I am confused. We want to make our app secure for the long run, especially since I'm in college and my friend working on it might get busy as his school ramps up; and also since contextIsolation will be true by default in Electron 12.

In our render processes javascript, we just need to require jQuery and ipcRenderer. How would we incorporate contextBridge (I think that's what its called), to import jQuery and ipcRenderer into our javascript for the render process?

I'm using MediaPlayerElement, and I want to add Play/Pause/Next....button to taskbar preview window, as the following picture shows.

I tried the following answer, sadly it doesn't work. I also tried doc, doesn't work either.

My following code is

I am trying to make a custom shadow dom element get its HTML from an HTML file stored in a components folder. I can get the HTML just fine like this

I'm trying to achieve a similar effect as iTunes' miniPlayer when resizing happens on macOS. That is, detecting when a resizing of the the window has been completed, THEN resizing the height to a certain width. Here is a visual exemple :

The problem is that no signal in a QML window exist to notify me when the window manager is done resizing (that is the user released the handle). Hence, if I don't have a signal and apply it as soon as width or height is changed, the window will flicker (double resize happens) as long as the user didn't release the handle.

Thanks for any input or help !

Hello dear colleagues i need your help. When i add MPChangePlaybackPositionCommand all my controls (Play/Pause/Rew/Next track on lockscreen) has been disabled automatically. Slider of Playback on lockscreen works perfectly but i can not push no one controls button for why - i don't know.

Also i tried this:

I want to build a typical audio player in flutter, that has a miniplayer visible at the bottom of the screen, that can be dragger or tapped to become fullscreen, exactly like the built in iOS music app or spotify:

The element at the top should not be able to stop in between so, if the user drags halfway, then it should either go back down again, or complete the transition (depending on where it currently is).

It should also be possible to drag it down again.

Sidenote: I'm using CupertinoApp not MaterialApp... not sure if that makes a difference.