Any idea how to to build a component that float on evey page

Ionic Framework ionic-v3
1

Hi

I found one compenent from Youtube App, it will appear whenever video is playing and it also float on every page.

IMG_1291
IMG_1291.jpg750×1334 248 KB
IMG_1290
IMG_1290.PNG750×1334 140 KB

I woulf like to create a component like this on my ionic app. When user play an audio, this component will show above the tab. After audio finish, it will disappear automatically.

Any idea how to create a component?

Many thanks. Regards.

2

you have to place a component inside your root page. so that it’s displaysed at every page (as example in the tab page).
You can style it with css/scss that it floats on top of everything position absoulute and an higher z-idex
You can create a component with ionic g component [name]