Animated Splashscreen ?

[dvlwjoffice]

Hello again guys,

I know maybe this is doesn’t have any connection to Onsen UI , but its not wrong and not bad to ask first right ?

Is it possible to manipulate Animated Splashscreen in Onsen UI ? I think it would be nice if we can use our own custom animated splashscreen instead the boring one from cordova plugin.

So what do you guys thinks ?

Regards.

[Gaurav]

hey @dvlwjoffice I am also trying to do so maybe you could play video or gif something and hide splash screen by navigator.splashscreen.hide(); something I found here but before that u need to change priority of index page from config.xml

[dvlwjoffice]

@Gaurav yo gaurav, so you think i need to make another page ? are you already done this ? can you a explain to me a little bit ? cause i doesn’t get that stack dicussion.

[Gaurav]

no I am working on this I will let you know once done

[dvlwjoffice]

@Gaurav I see. I will wait for yours.
Thanks.

[Gaurav]

ok hopefully I will finish this today :smile:

[Gaurav]

@dvlwjoffice I have tried animated splash screen and it has worked successfully but even I hide default splashscreen it shows black splashscreen for 3 seconds and then my video get played

[Fran Diox]

(Moving this to Developer Corner section since it’s not directly related to Onsen UI)

[Gaurav]

This post is deleted!

[Gaurav]

anyone has better option ??

[dvlwjoffice]

@Gaurav yo gaurav, sorry late respond.
Can i see your code for that? maybe post it in git/jsfiddle/codepen ? I want try to take a look for it.
And for that blank screen, i think because of the cordova’s behavior that will run a splashscreen before application start, and your splashscreen is considered as the application itself ?

btw thanks @Fran-Diox for moving the thread.

Thanks.

[Gaurav]

that’s ok @dvlwjoffice this is my codepen before that just change priority so that this page will appear first

[dvlwjoffice]

@Gaurav sry late reply again.
I want to inform that i try your code. And the result is same, i trying to modify it so the first blank screen doesn’t appear but i think its doesnt work.

and i just have an idea right now. To make the first splashscreen from cordova as a usual wallpaper that appear when you open the application, and then the one from your code as the real splashscreen that load data, etc.

[Gaurav]

try this code in config.xml

 <preference name="AutoHideSplashScreen" value="true" />
    <preference name="SplashScreenDelay" value="0" />

I found this here

[Gaurav]

This is not a perfect solution still black blank screen appears on mobile if I remove splashscreen plugin got blank white screen anybody has better option guys ??

[dvlwjoffice]

sorry late reply again @Gaurav , yeah i try that code in config.xml before :p

and yes its not a perfect solution. and i googling everywhere, nothing share/ask about that splashscreen. Maybe we need to ask cordova developer for this ?

[Gaurav]

@dvlwjoffice you’re right but there has to be some other alternative

[dvlwjoffice]

@Gaurav Well, i am asked in Cordova’s slack channel, seem we doesn’t have any solution except make it a white / black screen and start the animation page.

I think its the dead end for us. What a sad life.