← Back to team overview

openlp-dev team mailing list archive

Re: Background video and transitions

 

Hi Daniel!

Thanks that spent your time for this.

I'd say, that this change the idea of multi stages (background, video,
lyrics, alarm and so on..) to much simplier idea:

   - Background layer
   - and content layer

both layers has two frames each. and we can change frames (and apply CSS
transitions and javascript) separatly for each layers.

Content layer can be:

   - lyrics
   - bible
   - costom slides
   - black screen
   - images
   - html-video by webKit
   - countdown (in future)
   - logo screen (which is not useful now, but now can become such in
   future :)
   - may be something else in future? who knows...

Content layer cannot shows two or more items listed above at the same time.
But now we can show transitions between lyrics and images, or black screen
and coundown, or bible and lyrics and etc.

Background layer can be:

   - theme background
   - image replaced background
   - html-video replaced background (this part isnt impliment well for
   webKit-player yet)
   - vlc-video replaced background - just hides background layer and shows
   vlc widget under.

with this idea we can easy add (later) video background to theme source and
play it continuously during whole worship set and change just lyrics, for
example.

Alarm can be exeption from this rule and has its own layer.



On Mon, Jul 13, 2015 at 8:21 PM, Daniel Borges <
daniel_borges_93@xxxxxxxxxxxx> wrote:

> Or you use only video tag and lyrics, changing the source and the poster
> attribute of the video using css3 transitions (if it is allowed).
>
> :)
>
> --
>
>
>
> *Daniel Borges Ferreira da SilvaBacharel em Ciência da computação pela
> UFALMestrando em Informática pela UFALMembro do Núcleo de Excelência em
> Tecnologias Sociais - NEES*
>
> *Lattes:
> <http://lattes.cnpq.br/0755689140229552>http://lattes.cnpq.br/0755689140229552
> <http://lattes.cnpq.br/0755689140229552>*
>
> Em 13/07/2015, à(s) 13:59, Daniel Borges <daniel_borges_93@xxxxxxxxxxxx>
> escreveu:
>
> Hi Dmitriy!
>
> I had the curiosity to look at the code in “htmlbuilder” and a doubt
> arose: Are CSS3 animation and the *video* tag the solution to these
> problem?
>
> In live HTML we would have 3 stages: (i) Background, (ii) *Video* tag,
> (iii) Lyrics, where (iii) is in front of (ii) that is in front of (i),
> where we can determine some status for each one.
>
> To show an image:
>
>    - Background: *is the image*;
>    - *Video* tag: *transparent*;
>    - Lyrics: *no text (or transparent)*.
>
>
> To show a song:
>
>    - Background: *is the theme background (solid color, image, gradient
>    or transparent)*;
>    - *Video* tag: *if the background uses one of options
>    above: transparent; else no transparent*;
>    - Lyrics: *no transparent with the text*.
>
>
> To play a video:
>
>    - Background: *black*;
>    - *Video* tag: *is the video*;
>    - Lyrics: *transparent*.
>
>
> And so on…
>
> The idea is to play with these 3 stages using CSS3 transitions and
> javascript :)
>
>
>
>
> _______________________________________________
> Mailing list: https://launchpad.net/~openlp-dev
> Post to     : openlp-dev@xxxxxxxxxxxxxxxxxxx
> Unsubscribe : https://launchpad.net/~openlp-dev
> More help   : https://help.launchpad.net/ListHelp
>
>

Follow ups

References