![](https://previews.customer.envatousercontent.com/files/320699437/js-preview.jpg)
O que é o Revolution Lightbox?
Revolution Lightbox é um lightbox flexível e responsivo, que permite criar galerias de conteúdo multimídia em uma janela pop-up. Construído com técnicas e utilizando as mais recentes técnicas de Javascript e CSS, oferece recursos avançados para divulgar sua mídia.
Principais características do Revolution Lightbox
Layout responsivo – totalmente responsivo e adaptável, independentemente do dispositivo utilizado.
Exiba tudo o que você puder imaginar – exibir imagens (.jpg, .jpeg, .webp, .png, .bmp, .gif, .tif, .tiff, .jfi, .jfif, .exif, .svg), áudio (.mp3, .m4a, .acc), Shoutcast, Icecast, vídeo (.mp4, .webm, .ogv), Youtube, Vimeo, HLS/HTTP Live Streaming/m3u8, DASH MPEG, Google Drive, Dropbox e outras plataformas de nuvem, PDF, conteúdo HTML, Iframe e muito mais…
Conteúdo estático e conteúdo dinâmico – o conteúdo estático criará automaticamente as galerias de lightbox e adicionará os eventos necessários aos elementos da página relacionados a um seletor de consulta; por outro lado, o conteúdo dinâmico permite exibir uma ou mais galerias criadas a partir de marcação HTML oculta ou JSON clicando em um elemento na página de sua escolha.
Reprodutor de vídeo fácil incluído – o único lightbox do mundo que tem verdadeira integração de vídeo e áudio. O Easy Video Player é o mecanismo usado para reproduzir arquivos de vídeo e áudio e, cara, ele é incrível, ele suporta múltiplos formatos de áudio e vídeo (mp4, mp3, mp4a, .acc, .m3u8, .mpd, Youtube, Vimeo, etc.) e vem com recursos premium como legendas, Chromecast, publicidade VAST e VMAP, publicidade Google Adsense, suporte nativo a tela cheia e muito mais…
Fácil de configurar e instalar – fácil de incluir em seu projeto. Apresentando documentação detalhada e tutoriais em vídeo com exemplos de páginas de demonstração prontas para uso.
Otimizado para desktop e dispositivos móveis – suporte para mouse e toque para dispositivos móveis e telas sensíveis ao toque.
Pele de imagem gráfica .png ou pele de vetor – skin personalizável com ícones de imagem png ou ícones SVG vetoriais, visualmente as skins vetoriais e gráficas parecem as mesmas. Arquivos Figma/.fig incluídos, além de um tutorial em vídeo sobre como usar as skins gráficas e vetoriais.
Conteúdo Multimídia Verdadeiro – suporte para imagens (.jpg, .jpeg, .webp, .png, .bmp, .gif, .tif, .tiff, .jfi, .jfif, .exif, .svg), áudio (.mp3, m4a, . acc), Shoutcast, Icecast, vídeo (.mp4, .webm, .ogv), Google Drive, Dropbox ou outras plataformas em nuvem, Youtube, Vimeo, HLS/HTTP Live Streaming m3u8, DASH MPEG, Google Maps, PDF, conteúdo HTML, Iframe e muito mais.
Vídeos em 360 graus e VR envolvente – reproduza vídeo panorâmico de 360 graus e vídeo panorâmico 360 VR A e estereoscópico, vídeo 360 VR imersivo / realidade virtual 360 e suporte ao modo Cardboard são adicionados usando WebXR, qualquer vídeo Html5 é suportado, incluindo Mpeg Dash, HLS Native e HLS.JS, ligue seu dispositivo em uma máquina de vídeo de realidade virtual, esse recurso permite o uso de óculos de papelão ou hardware VR como Oculus Rift ou HTC Vive para exibir uma cena de vídeo VR 360.
Vários níveis de qualidade de vídeo para arquivos HTTP Live Streaming HLS / .m3u8 – O HLS manipula a troca de qualidade automaticamente e oferece suporte a múltiplas faixas de áudio, usando heurísticas baseadas na taxa de bits de carregamento de fragmentos e na largura de banda do nível de qualidade exposta no manifesto da variante. Basicamente, o player escolherá a melhor qualidade possível com base na largura de banda do usuário e no tamanho do player. Ele também oferece suporte a botões de nível de qualidade opcionais. Ao reproduzir um arquivo de vídeo HLS, os níveis de qualidade serão gerados e o usuário poderá selecionar a qualidade nos botões do seletor de qualidade, exemplo aqui.
Suporte a faixas de áudio para .mp4 / vídeo – suporte para múltiplas faixas de áudio de vídeo/mp4, observe que este recurso é limitado pelo suporte do navegador, navegadores que não possuem suporte para a propriedade de vídeo HTMLMediaElement.audioTracks não exibirão o botão de fone de ouvido que permite alterar a faixa de áudio do vídeo.
Detecção automática de tipo de conteúdo de mídia – O Revolution Lightbox definirá o tipo apropriado (vídeo, áudio, imagem, etc.) com base na URL da mídia, para os itens de mídia sem quaisquer requisitos extras.
Links diretos – link exclusivo e compartilhável para o item da galeria aberta no momento.
Suporte Modal – possibilidade de definir a lightbox como modal, desta forma só poderá ser fechada através do botão fechar.
Conteúdo estático e dinâmico – a única lightbox do mundo com conteúdo estático e dinâmico.
Seletor de consulta de mídia personalizada – defina seu Seletor de Consulta Personalizada para qualquer seletor CSS como um nome de classe ou atributo(s) para abrir o(s) elemento(s) correspondente(s) do seu documento.
Carregamento lento – esse recurso carrega imagens e pôsteres de vídeo em segundo plano para uma experiência de usuário perfeita.
Suporte de teclado – ESC: fechar a caixa de luz, SETAS PARA A ESQUERDA E PARA A DIREITA: pular o vídeo 10 segundos para frente ou para trás se o vídeo estiver sendo reproduzido ou mudar de slide se o vídeo não estiver sendo reproduzido, F: vídeo em tela cheia/tela normal, SETAS PARA CIMA E PARA BAIXO: aumentar ou diminuir o volume do vídeo, M: ativar/desativar o som do vídeo, ESPAÇO: reproduzir/pausar o vídeo.
Suporte de Arraste – suporte para arrastar para navegar entre slides/itens nas telas de mouse e de toque.
Ocultar automaticamente os botões – os botões da lightbox (fechar, compartilhar, próximo, anterior, etc.) podem ser ocultados após vários segundos de inatividade do usuário, a duração disso pode ser definida conforme necessário.
Navegação de botões de item – botões próximo e anterior para navegar para o próximo slide/item anterior ou posterior.
Apresentação de slides e botão de apresentação de slides – apresentação de slides em lightbox usando um botão de reprodução/pausa, o intervalo de tempo entre os slides pode ser definido em milissegundos.
Reprodução automática e parada automática de apresentação de slides – a apresentação de slides pode ser configurada para reprodução automática ou parada automática quando o último slide for exibido.
Animação circular de apresentação de slides – animação circular de apresentação de slides para exibir o progresso da apresentação de slides.
Suporte em tela cheia – botão tela cheia/tela normal e suporte nativo para tela cheia em desktops e dispositivos móveis.
Maximizar e minimizar para imagens – botão maximizar/minimizar e recurso de clique duplo/toque de maximizar/minimizar para imagens. O fator de zoom de maximizar pode ser definido para um valor personalizado para permitir um controle de ajuste fino na imagem maximizada.
Três posições diferentes do botão Lightbox – os botões da caixa de luz podem ser posicionados ao lado do item, na parte superior da caixa de luz ou fora do item.
Botão Compartilhar e Janela Compartilhar – botão de compartilhamento e janela de compartilhamento com nove plataformas sociais de compartilhamento, os botões de compartilhamento de plataformas sociais podem ser ordenados e também removidos conforme necessário.
Suporte para miniaturas – suporte a miniaturas personalizáveis, o tamanho e outros parâmetros como espaço entre as miniaturas podem ser modificados.
Suporte de legenda – legenda formatada em CSS personalizável com dois tipos de animação (opacidade e movimento) e tipo de três posições (sobre o item da caixa de luz na parte superior ou inferior ou sob o item da caixa de luz).
Easy Video Player como mecanismo de vídeo e áudio – o único lightbox do mundo que tem integração real de vídeo e áudio. O Easy Video Player é o mecanismo usado para reproduzir arquivos de vídeo e áudio e, cara, é incrível, ele suporta múltiplos formatos de áudio e vídeo.
Vários formatos de vídeo e áudio – Suporte para vários formatos de vídeo ou áudio como .mp3, .mp4, Shoutcast, Icecast, Youtube, Vimeo e Vimeo Pro, HLS/.m3u8, DASH MPEG/.mpd streaming ao vivo, Google Drive, Dropbox e outras plataformas em nuvem.
Publicidade em vídeo avançada – VAST – Modelo de veiculação de anúncios em vídeo e VMAP – Suporte para lista de reprodução de anúncios múltiplos em vídeo e SDKs de anúncios de mídia interativa do Google Adsense – SDK IMA para tags HTML5 e DFP / Google Doubleclick IMA.
Reprodução automática de vídeo e áudio – reprodução automática de vídeo e áudio em dispositivos móveis e de mesa.
Miniaturas de vídeo Visualização ao vivo – visualização de miniaturas de vídeo criada a partir de um arquivo .vtt ou miniaturas de vídeo geradas automaticamente ao vivo.
Suporte para Chromecast – reproduza vídeo mp4, áudio mp3 ou arquivos HLS/m3u8 na tela da sua TV usando o Chromecast, a mídia pode ser controlada basicamente através da interface do reprodutor de vídeo, o navegador e o reprodutor de vídeo se tornam uma TV remota, exemplo aqui.
Legendas de vídeo e áudio – suporte para legendas, o formato pode ser .txt, .srt ou .vtt.
Vídeo/áudio protegido por senha privada – Vídeo/Áudio privado com senha criptografada MD5, esse recurso também se aplica ao Youtube e Vimeo.
Suporte WooCommerce – O Revolution Lightbox pode ser incluído em uma página de produto WooCommerce, todos os recursos e configurações funcionam exatamente como no plugin WordPress, não há restrições (não incluído na versão JavaScript).
Suporte WordPress – O Revolution Lightbox também é construído como um plugin do WordPress, com um backend dedicado e recursos premium, tutorial em vídeo (não incluído na versão JavaScript).
Desenvolvimento e atualizações constantes – uma vez adquirido, o Revolution Lightbox vem com acesso a suporte e atualizações gratuitas.
Suporte direto do desenvolvedor – >Depois de comprar o Revolution Lightbox, você também receberá suporte direto e atenção do desenvolvedor. Tibi @ FWD.
O que nossos clientes estão dizendo:
Registro de atualizações:
Data de lançamento da versão 3.0 08.04.2023
- Adicionado vários níveis de qualidade de vídeo Arquivos HTTP Live Streaming HLS / .m3u8 – O HLS lida com a troca de qualidade automaticamente e oferece suporte a múltiplas faixas de áudio, usando heurísticas baseadas na taxa de bits de carregamento de fragmentos e na largura de banda do nível de qualidade exposta no manifesto da variante. Basicamente, o player escolherá a melhor qualidade possível com base na largura de banda do usuário e no tamanho do player. Ele também oferece suporte a botões de nível de qualidade opcionais. Ao reproduzir um arquivo de vídeo HLS, os níveis de qualidade serão gerados e o usuário poderá selecionar a qualidade nos botões do seletor de qualidade, exemplo aqui.
- Adicionado Suporte de faixas de áudio para .mp4 / vídeo – suporte para várias faixas de áudio de vídeo/mp4, observe que esse recurso é limitado pelo suporte do navegador, navegadores que não têm suporte para a propriedade de vídeo HTMLMediaElement.audioTracks não exibirão o botão de fone de ouvido que permite alterar a faixa de áudio do vídeo.
- Adicionado Vídeos em 360 graus e VR envolvente – reproduza vídeo panorâmico de 360 graus e vídeo panorâmico 360 VR A e estereoscópico, vídeo 360 VR imersivo / realidade virtual 360 e suporte ao modo Cardboard são adicionados usando WebXR, qualquer vídeo Html5 é suportado, incluindo Mpeg Dash, HLS Native e HLS.JS, ligue seu dispositivo em uma máquina de vídeo de realidade virtual, esse recurso permite o uso de óculos de papelão ou hardware VR como Oculus Rift ou HTC Vive para exibir uma cena de vídeo VR 360.
Versão 1.1 Data de lançamento 24.02.2023
- Adicionado suporte para o formato de imagem .webp.
Artigos Relacionados