Git Product home page Git Product logo

screenflow's Introduction

ScreenFlow

The vision for this app is to make a new worship presenter software, mostly tailored to my needs, and actually functional and enjoyable to use.

Build

To build, simply install node.js and run the following command in the repository: npm install

After that has finished, you can run the app via npm run start

Architecture

So this is gonna be built upon the amazing electron framework.

Some proposed features

  • multiple displays, addressable individually, that allow for continuous or mirrored backgrounds.
  • the standard stuff, text, pictures, pdf, video, audio. HTML5 should provide all of that.
  • Maybe a Notion-like text/block markup style for services.

Documentation

IPC message structure

Styling content

There are currently three ways to style content:

1. inline_style

This style is plain CSS to be set as an inline style for the slide wrapper. It is delivered as a message content, on an individual basis per slide. This needs to have the CSS commands without a selector in front. Use this for general styling for the wrapper, e.g. special backgrounds or sth... It was originally intended for the theme, but this had to be shifted to the overall wrapper because the transition made weird effects.

2. style

This is also plain CSS, which is also delivered as a message content. Difference is, it will be wrapped in a <style> tag inside the slide, so it needs to include the CSS selectors. Use this for advanced styling for the fonts or overrides for the theme.

3. Theme

This will be delivered as a separate message content similar to the transition time, because this shouldn't really change on a slide-to-slide basis. The contents of the message will be added as plain string to the CSS class for the overall content wrapper on the display, so it must not include a CSS selector.

Information content

There are several pre-defined templates for building content.

1. text_slide

This just inserts the content inside of a

element, centered on the page.

2. image_slide

This one puts the content string into a tag as the src attribute.

3. raw_slide

This one is just a raw

that will display whatever is inside of it.

screenflow's People

Contributors

bgross37 avatar lamprecht-dev avatar

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.