brunchboy on master
Start UI for phrase section con… Assign reasonable default comme… (compare)
brunchboy on master
Can't keep file in phrase, #119… Fix phrae row visibilty, #119 [… Improve filtering of tracks/phr… and 4 more (compare)
brunchboy on master
Working on phrase trigger imple… (compare)
brunchboy on master
Improve wording of phrase trigg… Handle players 5 and 6 for show… Start documenting and creating … (compare)
brunchboy on master
Update dependencies to support … Change chat links from Gitter t… Add track phrase trigger lockou… (compare)
brunchboy on master
Sketch out phrase trigger cues … (compare)
brunchboy on master
Add links to picker window sket… (compare)
brunchboy on master
Sketching phrase trigger UI [sk… (compare)
brunchboy on master
Start draft of phrase triggers … (compare)
brunchboy on master
Updating user guide for linked … Updating user guide for linked … Updating user guide for linked … and 1 more (compare)
brunchboy on master
Only calculate scroll position … (compare)
overlay.html
template. If you opened something with 2200 lines in it, then that was something else.
overlay.html
on GitHub. What you saved was the entire GitHub page, with the user interface for browsing GitHub and all the other stuff on the page; my overlay source was only a tiny fraction of what was there, and it was formatted in a way that can’t be used. That won’t work. You’ll need to either learn how to clone the beat-link-trigger repository and get the file that way, or click the raw
button on the top of the listing on the GitHub UI before trying to save that page.
.txt
to the filename, you’ll need to take that back off and verify that the lines you got match what the file is supposed to have in it. You may want a code editor rather than just a text editor, too.
overlay.html
source on that GitHub page, and copy and paste them into your editor. Once you get to a point where you can get BLT behaving the same with your Templates folder as it was with the built-in one, then you can start trying to remove the parts of the template you don’t want.
There are 226 lines in the
overlay.html
template. If you opened something with 2200 lines in it, then that was something else.
I went here...and downloaded a copy of this file:
I tried opening the file up in a text editor "Brackets", and it appears to have copied the entire page i guess (2200 lines) lol
Oh, another thing you could try is to just drag to select all the lines of my
overlay.html
source on that GitHub page, and copy and paste them into your editor. Once you get to a point where you can get BLT behaving the same with your Templates folder as it was with the built-in one, then you can start trying to remove the parts of the template you don’t want.
On it. I once knew a hint of HTML CSS and JS...but you know what they say happens if you don't use it.... :D
@brunchboy K, so i've got my overlay.html file outputting almost exactly how I want it i.e. master deck's track title in big letters, artist name under that & cover art left of both lines. Formatting is nearly correct. I have it loaded in OBS and OBS shows the right stuff.
Trouble is when I change tracks, OBS doesn't update. If I click the "Open in Browser" button in OBS Overlay Web Server it shows the updated information, but I have to it manually. I'm guessing I'm missing some setting the OBS Overlay Web Server side that watches when the master deck changes and updates.
FWIW, when I change tracks and watch BLT, it shows the Master track update instantly.
<!--
This is an example of how you can explicitly pull out information for specific players,
but generally you will want to use the loop approach below to get all players found on
the network.
<p>
Player 1: {{players.1.track.title}}—{{players.1.track.artist}}.
<img src="artwork/1?icons=true" width="80" height="80">
</p>
<p>
Player 2: {{players.2.track.title}}—{{players.2.track.artist}}.
<img src="artwork/2?icons=true" width="80" height="80">
</p>
-->
{% for number player in players|sort %}
<p>
<!-- if (players{{number}}.is-tempo-master == true) { -->
<img id="art-{{number}}" src="artwork/{{number}}?icons=true" width="80" height="80" align="left">
<script>animateImage('art-{{number}}', 1000);</script>
<span id="title-{{number}}" style="font-size:30px" style="font-family:Titillium Web">{{master.track.title}}</span>
<br>
<span id="artist-{{number}}" style="font-size:20px" style="font-family:Titillium Web">{{master.track.artist}}.</span>
<br><br>
<!-- }-->
</p>
{% endfor %}
</body>
</html>
I've left the part i'm struggling with in here commented out. I have a statement
if (players{{number}}.is-tempo-master == true) {
thinking that i want this thing to loop through players (i only have 2, but hey, why not loop through all) and determine if it's the master, then i want it to show the coverart and track title, artist name. and when i switch to the next track, it would update all three without me having to rerun it.
I realize i've written this wrong, but i left it in to give direction of what i'm attempting to do. the formatting and HTML stuff I consider good-to-go
I have never been successful in ONLY showing the master track and not showing the non-master tracks information. that's as close as I can get so far. I also attempted to use something like this:
{% if players{{number}}.is-temp-master == true %}
But it flat out ignores this...just shows everything still