GithubHelp home page GithubHelp logo

videobackground's Introduction

#Qlik Sense Video Background

Add video backgrounds in Qlik Sense Apps. Use the data model to change the background video or image.

See a demo video and get the direct download link to the Zip and full description and details at http://www.webofwork.com/qlik-sense-video-background-extension

Built for Qlik Sense 2.2.4>

Built by Adam Cooke (http://webofwork.com/)

##About:

Use the powerful associative data engine of Qlik Sense with video (mp4s or other media types) to create visually appealing dashboards in native Qlik Sense. You can also use this to change the dashboard background color.

MOVINGVIDEO

Example Use cases:

  • Use for a static background

##Known Limitations

  • This currently only works when viewing through a browser that is supported by Qlik Sense. Video backgrounds do not work in Qlik Sense Desktop. You can still do demos using Qlik Sense Desktop by running Qlik Sense Desktop and then typing http://localhost:4848/hub into your browser.
  • Qlik Sense 2.2 or higher
  • For best performance the videos should be short clips < 20 seconds, internet speed will impact end user experience as the videos load from source.
  • Video backgound will only begin when the sheet with the object is navigated too.
  • The extension needs to be dropped on the app landing page, video background will only appear once user has navigated to sheet.

##Step 1 - Install the extension

  • For Qlik Sense Desktop - Download the zip file, unzip the file and drop the video backgrounds folder into C:\Users[USERNAME]\Documents\Qlik\Sense\Extensions\

  • For Qlik Sense Server - Download the zip file and upload the zip file through the Qlik Management Console (QMC) on the extensions tab

##Step 2 - Drag and Drop the extension and configure

The extension requires three settings inside appearence >background info

  1. Media URL - Required - This is an absolute path to a mp4 or video format.
  2. Transparency - Required - This is a number between 0 (transparent) and 1 (not transparent), this is the color overlayed on the video background.
  3. Background Hex Color - Required - This is any hex color value that will be the color of the background (e.g '#FFFFFF' for white).

##Debug Mode

Debug mode will turn on/off the console logging inside the developer tools so you can see whats going on with the extension

##Credits:

videobackground's People

Contributors

cookiejest avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

bigluster

videobackground's Issues

What to write in Media URL box?

Hi,
Can you please tell me what to write in Media URL box?
I tried to give youtube link but didn't work. I also tried giving address of local mp4 file but that too didn't work.

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.