Slider Revolution Scroll Video Add-On

Criando Vídeos em Fundo de Tela com o Slider Revolution

O uso do Slider Revolution permite a criação de conteúdos visuais envolventes, e uma das suas funcionalidades mais interessantess é o Slider Revolution Scroll Video Add On. Com essa extensão, é possível criar vídeos que interagem de maneira única com a rolagem da página, tocando para frente ou para trás conforme o usuário navega. Essa abordagem aumenta o impacto visual das suas páginas e pode elevar a experiência do usuário.

O que é o Slider Revolution Scroll Video Add On?

O Slider Revolution Scroll Video Add On é uma ferramenta poderosa que transforma a maneira como os vídeos são usados em páginas da web. Ao invés de apenas reproduzir vídeos como um elemento estático, esta funcionalidade permite que os vídeos se comportem de acordo com a ação de rolar a página. Isso significa que o vídeo avança conforme o usuário rola para baixo e retrocede quando rola para cima. Essa técnica pode ser aplicada para criar fundos dinâmicos e outros efeitos visuais impressionantes.

Como Funciona o Add On?

A mágica por trás do Scroll Video Add On está na geração de quadros. O complemento converte um vídeo em várias imagens estáticas chamadas frames, que são exibidas em tempo real, dependendo da posição de rolagem da página. Isso significa que você não está simplesmente reproduzindo um vídeo; você está criando uma experiência de vídeo interativa que pode ser ajustada para diferentes partes da sua página.

Instalando o Scroll Video Add On

Para começar a usar o Scroll Video Add On, primeiro é importante instalá-lo e ativá-lo no Slider Revolution. A instalação é um processo simples, que segue o mesmo procedimento utilizado para outros complementos. Uma vez ativado, você verá opções adicionais no editor de módulos que permitirão customizar seu vídeo de rolagem.

Ajustes Iniciais

Após ativar o add-on, você precisa acessar as configurações do módulo que deseja editar. Clique na aba de opções gerais do módulo e encontre a seção específica do Scroll Video. Habilite a opção de reprodução de vídeo de rolagem. Assim que ativado, as opções padrão para o layer de fundo da sua configuração serão substituídas, e você verá um aviso indicando que o Scroll Video está ativo.

Seleção e Configuração do Vídeo

Um dos primeiros passos ao configurar o Scroll Video é escolher a fonte do vídeo que você usará. Você pode optar por fazer upload de um vídeo do seu próprio dispositivo ou, caso não tenha um disponível, pode escolher entre mais de 60 vídeos integrados ao Slider Revolution. Após essa escolha, a próxima etapa é configurar a geração dos frames, que incluem os seguintes ajustes:

• Início e Fim: Por padrão, os frames são gerados do vídeo completo, mas você pode modificar para abarcar apenas uma parte específica do vídeo.
• Frames por Segundo: O padrão é de 1 fps, mas você pode aumentar esse valor até 30 fps para maior suavidade na reprodução.
• Qualidade: Essa opção pode variar de 0,1 (baixa qualidade e arquivos pequenos) até 1,0 (alta qualidade e arquivos grandes). A escolha afetará diretamente o tamanho do arquivo e a eficiência de carregamento do vídeo.
• Tamanho do Frame: Aqui você define a largura e altura das imagens, com opções que vão de 240p até 4k. Tamanhos maiores resultam em mais detalhes, mas também em tempos de carregamento maiores.

Ao finalizar essas configurações, você poderá gerar os frames do seu vídeo. Isso é feito através de um simples clique no botão de gerar frames, e uma janela será exibida para mostrar o progresso desse processo.

Configurando Opções de Scroll do Vídeo

Depois de gerar os frames, algumas opções adicionais que você pode ajustar incluem:

• Manter o Carregador Durante o Carregamento: Ativar essa opção mantém um indicador de carregamento visível na tela enquanto os frames estão sendo carregados para melhorar a experiência do usuário.
• Bloquear Rolagem Durante o Carregamento: Essa opção garante que os frames do vídeo sejam totalmente carregados antes que o usuário comece a rolar a página.
• Deslocamento Inicial: Esse ajuste permite que o vídeo comece em um determinado ponto da rolagem do usuário. Quanto maior o valor, mais para dentro do vídeo ele começará.
• Deslocamento Final: Articula quanto da rolagem precisa ser feita antes que o vídeo comece a se mover, permitindo o controle sobre a experiência do visualizador.

Interações Criativas com Vídeos em Scroll

Uma vez que você tenha ajustado as configurações do Slider Revolution Scroll Video Add On, é hora de testar e assistir ao resultado do seu trabalho. A interação entre a rolagem da página e os vídeos pode ser aprimorada ainda mais quando combinada com outras animações e elementos gráficos nos módulos. O efeito visual será muito mais impressionante se você adicionar camadas de texto, botões ou gráficos sobrepostos, permitindo que todos os elementos se movam juntos de forma harmoniosa.

Integrar o Scroll Video com outros recursos, como keyframes baseados em rolagem, pode resultar em composições dinâmicas que atraem a atenção do visitante, fazendo com que sua página seja visualmente atraente e envolvente. O impacto de um vídeo de rolagem em uma página de destino pode ser significativo, tornando-se um diferencial que capta o interesse do público.

Ao utilizar este recurso, você não está apenas implementando um vídeo de fundo; você está criando uma narrativa visual que a cada movimento de rolagem conta uma nova parte da história que deseja compartilhar com seus visitantes. O Slider Revolution Scroll Video Add On não se limita a ser uma simples ferramenta, mas sim um recurso que transforma a forma como a comunicação visual é realizada em websites.

As possibilidades são praticamente infinitas. Experimente e veja quais combinações de vídeo e conteúdos gerados podem fazer a diferença em seu site. Ao final do dia, o que realmente importa é a experiência que você proporciona aos seus visitantes. O uso do Slider Revolution Scroll Video Add On pode ser um passo importante nessa direção.