Page 1 of 2

SS 4.4.beta1 / SUB Equalizer + Backstroke / FLAG Counter

PostPosted: Mon Nov 29, 2010 10:33 pm
by stozher
1. Include SUB Equalizer and Backstroke plug-in's. Open "/var/subsonic/jetty/????/webapp/WEB-INF/jsp/playlist.jsp" with plain text editor (bold red - changed/included):

...

function createPlayer() {
var flashvars = {
backcolor:"<spring:theme code="backgroundColor"/>",
frontcolor:"<spring:theme code="textColor"/>",

plugins:"backstroke-1,subeq-1&subeq.gain=2&subeq.displaymode=decay&subeq.barbasecolor=00D61B",
id:"player1"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("<c:url value="/flash/jw-player-5.4.swf"/>", "placeholder", "340", "24", "
9.0.115", "false", flashvars, params, attributes);
}

...

The Backstroke plug-in includes several keyboard commands that allow for easy interaction with your video player. A list of the commands and their functions are below:
    * Space bar: pause/resume button;
    * Up and Down arrows: volume controls;
    * Enter or Z: fullscreen mode.
Additional SUB Equalizer plug-in flashvars options (click on "Setup Instructions", enter e-mail ...): http://www.longtailvideo.com/addons/plugins/247/SUB-Equalizer

1.1. Offline use of plug-in's (also prevent blocking of plug-in's from AdBlock, FlashBlock etc.). Download SUB Equalizer (http://plugins.longtailvideo.com/subeq-1.swf) and Backstroke (http://plugins.longtailvideo.com/5/backstroke/backstroke-1.swf) plug-in's and copy to "/var/subsonic/jetty/????/webapp/flash/". Change code in "/var/subsonic/jetty/????/webapp/WEB-INF/jsp/playlist.jsp" to:

...

function createPlayer() {
var flashvars = {
backcolor:"<spring:theme code="backgroundColor"/>",
frontcolor:"<spring:theme code="textColor"/>",

plugins:"<c:url value="/flash/backstroke-1.swf"/>,<c:url value="/flash/subeq-1.swf"/>&subeq.gain=2&subeq.displaymode=decay&subeq.barbasecolor=00D61B",
id:"player1"
}

...


2. Register your free FLAC Counter at http://flagcounter.com/. Next open "/var/subsonic/jetty/????/webapp/WEB-INF/jsp/right.jsp" with plain text editor (bold red - included; bold violet - change with your FLAG Counter values):

...

<c:if test="${model.user.adminRole}">
<div id="clearDiv" style="display:none;" class="forward"><a href="#" onclick="clearMessages(); return false;"> <fmt:message key="main.clearchat"/></a></div>
</c:if>
</c:if>


<div style="padding-top: 1em"><a href="http://???.flagcounter.com/more/???" target="_blank"><img src="http://???.flagcounter.com/count/???/bg=0D190E/txt=D2F1D5/border=272727/columns=2/maxflags=30/viewers=3/labels=1/pageviews=1/" alt="Free FLAG Counters!" style="border: 0" /></a></div>

</body>
</html>

Modifying Your Flag Counter: "We've made it very simple to make changes to your Flag Counter. You can change your counter's colors, add rows, and much more, at any time. On the bottom of any of your statistics pages (reached after clicking on your counter) there is a "Regenerate HTML" link. Just follow that link and you'll be modifying your existing Flag Counter. When you're finished, just swap out your old HTML code with the new code and you'll be all set!"

Manual Code Modifications: "We have designed our service so that you can change any of your settings instantly, by making simple changes to your Flag Counter code. There are currently 8 different variables that can be modified in your code..." http://flagcounter.com/faq.html#modifying


3. Some optional improvements to High Tech theme. Open "/var/subsonic/jetty/????/webapp/script/hitech.css" with plain text editor (bold red - changed/included; bold gray - removed):

...

/* The primary foreground color. */
body {
color: #d2f1d5;
background-image:url("../icons/hitech/bg.jpg");
}

...

/* Link hover color */
a:hover, a:hover * {
text-decoration: underline;
color:
#00ff00;
}

...

.back {
background-image:url("../icons/
coolandclean/back.png");background-position: 0% 0%; background-repeat:no-repeat; padding-left: 16px; line-height: 14px;
}
.forward {
background-image:url("../icons/
coolandclean/forward.png");background-position: 0% 0%; background-repeat:no-repeat; padding-left: 16px; line-height: 14px;
}


.mainframe {
background-image:url( "../icons/hitech/bg2.jpg" );
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right;
}

-------
Test server (play track to see equalizer): http://music.stozher.com/login.view?user=guest&password=

PostPosted: Thu Dec 02, 2010 11:07 am
by japster
nice!

PostPosted: Sat Dec 11, 2010 12:23 am
by seanpkeown
Love the equalizer... :)

PostPosted: Sat Dec 18, 2010 9:49 pm
by mohbra
Just checked out your test server and it looks great stozher

PostPosted: Sat Dec 18, 2010 10:49 pm
by kramttocs
Thanks stozher! Looks good on 'slick' with barbasecolor=000000 and bartopcolor=c0c0c0

PostPosted: Tue Dec 21, 2010 7:49 pm
by stozher
The Backstroke plug-in includes several keyboard commands that allow for easy interaction with your video player. A list of the commands and their functions are below:
    * Space bar: pause/resume button;
    * Up and Down arrows: volume controls;
    * Enter or Z: fullscreen mode.

Code included in my first post... Click somewhere on player with mouse and use keyboard shortcuts.

Re: SS 4.2 + JW Player 5.4 + SUB Equalizer + Backstroke

PostPosted: Tue Dec 28, 2010 12:56 am
by deejay2302
stozher wrote:open "/var/subsonic/jetty/XXXX/webapp/WEB-INF/jsp/playlist.jsp" with plain text editor (bold red - changed/included):


U mean the path in subsonic.war file or in the folder in C:/subsonic ?

I use a Windows Server.

PostPosted: Tue Dec 28, 2010 5:24 am
by stozher
I'm don't use Windows but first search for "playlist.jsp" file in "C:/subsonic" folder.

PostPosted: Wed Dec 29, 2010 2:55 am
by stozher
Add a free Flag Counter to SS chat frame and collect flags from all over the world. Every time someone from a new country visits you, a flag will be added to your counter. Not only will this make your SS site far more interesting, but clicking on your Flag Counter will reveal amazing information and charts!"

Code included in my first post... Scroll down chat frame on my server to see counter.

EDIT: At this time I no idea how to change counter color automatically based on currently used theme by user.

Re: SS 4.2/JW Player 5.4/SUB Equalizer/Backstroke/FLAG Count

PostPosted: Thu Jan 13, 2011 8:30 pm
by dba61
stozher wrote:1. Download new JW Player 5.4 from http://www.longtailvideo.com/players/jw-flv-player/. Extract zip archive, rename "player.swf" to "jw-player-5.4.swf" and copy to "/var/subsonic/jetty/XXXX/webapp/flash/".

Change flash player to JW Player 5.4 and include SUB Equalizer and Backstroke plug-in's. Open "/var/subsonic/jetty/XXXX/webapp/WEB-INF/jsp/playlist.jsp" with plain text editor (bold red - changed/included):

...

function createPlayer() {
var flashvars = {
backcolor:"<spring:theme code="backgroundColor"/>",
frontcolor:"<spring:theme code="textColor"/>",

plugins:"backstroke-1,subeq-1&subeq.gain=2&subeq.displaymode=decay&subeq.barbasecolor=00D61B",
id:"player1"
}
var params = {
allowfullscreen:"true",
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("<c:url value="/flash/
jw-player-5.4.swf"/>", "placeholder", "340", "24", "9.0.115", "false", flashvars, params, attributes);
}

...

Additional plug-in flashvars options (click on "Setup Instructions"... flash example on the site don't work correctly): http://www.longtailvideo.com/addons/plugins/247/SUB-Equalizer

2. First register your free FLAC Counter at http://flagcounter.com/. Next open "/var/subsonic/jetty/XXXX/webapp/WEB-INF/jsp/right.jsp" with plain text editor (bold red - included; bold violet - change with your FLAG Counter values):

...

<c:if test="${model.user.adminRole}">
<div id="clearDiv" style="display:none;" class="forward"><a href="#" onclick="clearMessages(); return false;"> <fmt:message key="main.clearchat"/></a></div>
</c:if>
</c:if>


<div style="padding-top: 1em"><a href="http://XXX.flagcounter.com/more/XXX" target="_blank"><img src="http://XXX.flagcounter.com/count/XXX/bg=0D190E/txt=D2F1D5/border=272727/columns=2/maxflags=30/viewers=3/labels=1/pageviews=1/" alt="Free FLAG Counters!" style="border: 0" /></a></div>

</body>
</html>

Modifying Your Flag Counter: "We've made it very simple to make changes to your Flag Counter. You can change your counter's colors, add rows, and much more, at any time. On the bottom of any of your statistics pages (reached after clicking on your counter) there is a "Regenerate HTML" link. Just follow that link and you'll be modifying your existing Flag Counter. When you're finished, just swap out your old HTML code with the new code and you'll be all set!"

Manual Code Modifications: "We have designed our service so that you can change any of your settings instantly, by making simple changes to your Flag Counter code. There are currently 8 different variables that can be modified in your code..." http://flagcounter.com/faq.html#modifying

3. Some optional improvements to High Tech theme. Open "/var/subsonic/jetty/XXXX/webapp/script/hitech.css" with plain text editor (bold red - changed/included; bold gray - removed):

...

/* The primary foreground color. */
body {
color: #d2f1d5;
background-image:url("../icons/hitech/bg.jpg");
}

...

/* Link hover color */
a:hover, a:hover * {
text-decoration: underline;
color:
#00ff00;
}

...

.back {
background-image:url("../icons/
coolandclean/back.png");background-position: 0% 0%; background-repeat:no-repeat; padding-left: 16px; line-height: 14px;
}
.forward {
background-image:url("../icons/
coolandclean/forward.png");background-position: 0% 0%; background-repeat:no-repeat; padding-left: 16px; line-height: 14px;
}


.mainframe {
background-image:url( "../icons/hitech/bg2.jpg" );
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom right;
}

-------
Test server (play track to see equalizer): http://music.stozher.com/login.view?user=guest&password=


The following modification will put the SubEQ plugin above the player. The padding must be changed as well or the first title will be hidden.

swfobject.embedSWF("<c:url value="/flash/jw-player-5.4.swf"/>", "placeholder", "340", "48", "9.0.115", false, flashvars, params, attributes);

and

</script>



<div class="bgcolor2" style="position:fixed; top:0; width:100%;padding-top:-0.10em">

<table style="white-space:nowrap;">

Re: SS 4.2/JW Player 5.4/SUB Equalizer/Backstroke/FLAG Count

PostPosted: Thu Jan 13, 2011 8:52 pm
by stozher
dba61 wrote:The following modification will put the SubEQ plugin above the player.

This is a my original idea... above. If you like open new topic with mod before or after... :lol:

PostPosted: Sat Jan 22, 2011 1:03 am
by stozher
I removed installation instructions for JW Player 5.4, already included in SS 4.4.beta1. Also I see included "YouTube" JW Player skin. Enjoy music!

PostPosted: Sat Jan 22, 2011 9:44 pm
by GJ51
I've accessed the site many times, but I never see the Equalizer in either Chrome or IE. I'm sure it's something on my end, as others seem to have no problem. I do use host file to block many sites, but I don't see anything in your mods that indicates that would be a factor. Any ideas why I'm not seeing the EQ.

PostPosted: Sun Jan 23, 2011 3:34 am
by stozher
JW Player downloaded Equalizer plug-in on the fly from JW site. My be this is an ad-block filtration on your browser. Flash component from page use third party component not in my domain... I see how-to download Equalizer and reply to you to test. I see your e-mail but in this time reorganize my music folders and no time for test.

PostPosted: Sun Jan 23, 2011 5:17 am
by GJ51
Don't be in any hurry, my Public site is hosted on Windows SBS 7 preview and it's periodically rebooting. I'll probably have to do an OS reinstall on the VM in the next day or two.