Giter VIP home page Giter VIP logo

openlp-2.4-custom-stage-views-'s Introduction

OpenLP-Custom-Stage-Views - 2.4

A collection of Custom Stage views for OpenLP 2.4 Also Updated to add and OBS websocket connection - Changes scenes and hides display to match OpenLP

Installation instructions

Download the 'stages' folder above and copy it to the data folder of your OpenLP folder. Please include all the files.

Insure the 'Remote Plugin' is enabled.

To use in OBS you need to use the 'Browser Source'. Point them the stage view url with the folder name inside 'Stage'

EG: If you want to view the lower third you would point to the following link.

http://{yourremote}:4316/stage/LowerThird

Check out these videos for detailed installation.

1st Release Just a lowerthird https://youtu.be/WHae90q2Ztg

2nd Release Bible views and chords https://youtu.be/T3imz_jxXog

3rd Release Video Background https://youtu.be/6Qc6-TaQBmw

4th Realese Improved editing features

5th Realse Added OBS Websoket connection Websocket Component from https://github.com/haganbmj/obs-websocket-js

The Chords code was taken from

https://github.com/tomasss1024/openlp_chords - Thank you!

OBS Websockets taken from a community member here https://forums.openlp.org/discussion/5336/tutorial-how-to-control-obs-via-openlp-custom-stage-view

openlp-2.4-custom-stage-views-'s People

Contributors

steven3363 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

openlp-2.4-custom-stage-views-'s Issues

Cant get it to work..

Hi
Thanks for making a great custom view tool. However, I have not yet got it to work. I have gone through the videos over and over but there must be some basic thing I miss.
Working on a PC, and have done same on another PC and even on a Mac with same result.
I have downloaded the file you have attached and put them in folder stages.
When i try to open stageview adress in browser it is blank. If I delete "LowerThird" and remain with the adress to stageview, I get the normal stage view wich is working. Can you think of any possible problems that I should check?

Regards,
/Lars

Brain Storming Some ideas from JP Honeywell

JP Honeywell
30 minutes ago
@the Harvest is Ready Yeah, I see your point. You have to make sure the chord data stays where it should. That makes perfect sense.

[Just out of curiosity, have you tried looking at the newStage view on an Android phone or tablet? Does it display the way you would expect it to? I ask because it seems like a lot of space between Transpose div and currentslide div. Probably because of the padding-top:122px in the css file? I wonder if that could be a percentage of the vertical screen dimension instead of a hard coded value? (I did web application development 20 years ago but have forgotten much of what I ever knew about css.)]

I like the features of the standard Stage view that you left in the newStage view. The slide #/verse #, the clock, the Notes, etc. But then you made newStage much better than the standard Stage view with the ability to change the font size on the fly. In my opinion, that feature should be built-in to the standard Stage View.

So, maybe you could rename newStage to ChordView and then make a better version of the standard Stage view. Something that takes advantage of the Fonts folder like the other custom Stage views. Maybe call it StagePlus? ;)

I can think of a few other features to consider for StagePlus :

  1. When advancing to the next slide, highlight nextslide (just as currentslide was highlighted) and scroll nextslide up so readers/singers don't lose their place.
  2. Identify which fonts are in the Fonts folder and allow on-the-fly font selection from a dropdown menu
  3. Allow the clock to be resized/repositioned and choose color/font. Bottom center seems like a good location but who knows?
  4. Maybe make Notes appear in a different place like the bottom of the screen. Where they are now seems to be a floating region that can have a negative impact on the currentslide div.

Well, enough brainstorming for now. :) You're doing a heck of a job helping us folk struggling with this tool. God bless.

Questions about OpenLP custom stage views and automation with OpenLP

Hi @steven3363 and other OpenLP users!

I have been watching your youtube videos and using these custom stage views with OpenLP. Those have been a huge help for me in the church I work. I got a few questions I would really appreciate getting an answer to. I heard in one of your YouTube videos that this could be a place to post questions considering these custom stage views.

I am working with a pretty unique situation in our church: I have been trying to create a system around OpenLP that the worship leader can change the lyric lower thirds to live stream and to a projector by themselves. That's because we have just a one-person tech team. Here are my questions:

  1. When I was using the "stage/lowerthird" custom stage view in OBS and showing a photo in OpenLP, that photo appeared to the live stream as a thumbnail with its filename to the place of the lowerthird text. Is it possible to only show lyrics in that lower thirds stage view and show only bible verses on different custom stage views? I also looked at the youtube video about controlling OBS in OpenLP but that way changing the scene seems to have some delay, so you can see that other stuff for a few frames before scene switches. To me, it looks a little distracting.

  2. Can I show the notes in the "stage/newStage" as in the default OpenLP stage view?

  3. Is it possible to make a custom stage view that would show all the lyrics of a song whatever verse is selected and highlight the current verse?

  4. Is it possible to customize the OpenLP browser remote, for example, to make buttons bigger?

  5. Can I call a specific service item from the list (and maybe a specific slide on that service item) using OSC/Midi/HTTP/shortcut or any other way? The browser remote can send that kind of control message to OpenLP so I wonder how it does that so I may be able to do that via the lan to integrate OpenLP into an OSC automation system and control interface called TouchOSC.

Thank you for anyone to answer these questions! I really appreciate your help! God bless you!

Greetings from Finland,
Jeremias

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.