openlp-dev team mailing list archive

[Daniel Borges <daniel_borges_93@xxxxxxxxxxxx>]

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 Silva
Bacharel em Ciência da computação pela UFAL
Mestrando em Informática pela UFAL
Membro 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 :)