INTERACT FORUM

Windows => Third Party Plug-ins, Programs, and Skins => Topic started by: cncb on April 16, 2011, 11:26:31 am

Title: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on April 16, 2011, 11:26:31 am
This is a Display plugin that gives MC Automation access to javascript in an html page.  It uses Internet Explorer to render the html content.

Setup

The default sample has the following features:

To edit much of the behavior (font sizes, info expressions, etc.) open "options.js" in the unzipped folder in a text editor and carefully edit the values.  You can also edit "display.css" to modify the styles.  If you want a scrollbar so you can see longer text instead of it just being cut off, rename "display.css" to "display_default.css" and rename "display_scrollbar.css" to "display.css".


Custom Display Page

You can, of course, use your own html page created from scratch.  It has to be named "display.html" and be located in the unzipped directory.  You also need a javascript function named "init" with one argument that is the main MC automation object that can be assigned to a global variable and used later (see the default sample).
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Matt on April 18, 2011, 01:05:33 pm
This is really neat.

I wonder, would it be possible to use MCWS instead of automation from the javascript?  This would remove the need for a custom display plugin, and would dove-tail nicely with the web service work we've been doing.  I'm imagining merging the Track Info system and WebRemote / WebPlay engine.

Thanks for sharing.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on April 18, 2011, 01:27:34 pm
Thanks.  It shouldn't be too hard to modify it to use MCWS.  The only thing it uses from automation that is not supported by MCWS is the template filling function for the file info/html strings.

I didn't take the MCWS approach since it updates every second and I thought local automation should be faster.  I also didn't want to have to turn on the server/sharing locally when using it on a Library Server client.  And, unfortunately, I am not able to connect to MC through a TrackInfo page ( GetObject() fails as we discussed in the development forum) so I had to create a Display plugin for this.  
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: danrien on June 18, 2011, 09:59:07 pm
This is pretty cool! Good work!
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: foopower on January 15, 2012, 07:46:20 pm
Installed the excellent view...but for some reason, when the song moves to the next one, I keep getting an [object error]. Any help in resolving this would be most helpful, as I can see using this every day for my custom display view.

Thanks in advance for your help!
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: foopower on January 15, 2012, 07:49:45 pm
Actually, the song tries to refresh with the right title and song but then flips to object error a second into the song.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on May 20, 2012, 06:51:37 pm
A quick question. I'd like to detach the display to show on another monitor. I'm using Ultramon to enable the second monitor. My main monitor where JRiver opens in 1920x1080 (24"). The monitor I want to send it to is 1024x768 (14"). When I detach and maximize on the other monitor the info text does not display. If the window is stretched to fill the secreen but not maximized, all the info shows properly. If I tell it to hide borders, the info disappears as well. Though, oddly, next track info always displays. Is there a setting or somthing else I can change to allow it to be maximized on the other screen and display all of the info?

Any help is appreciated
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Domi on December 07, 2012, 01:06:39 am
Unfortunately, this display plug in doesn't work any more for me with new build MC 18.0.90.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 04, 2014, 08:30:12 pm
Sorry, a few years late but I finally fixed the issues with this if anyone still wants to use it (download the attached file in the first post).
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Ekpen on February 06, 2014, 12:41:46 pm
Sorry, a few years late but I finally fixed the issues with this if anyone still wants to use it (download the attached file in the first post).

Greetings:

I am on MC 19.114, windows 8.1 64 biy.
I could not get it to work.
I got  "types----" registered successfully and registration succeeded".
I went to Options and services if the plug in will show as others would. It was not there, also it did not display  under the tree.
I played music, with Display view.. and right click, I got nothing.

Thanks again,

George.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 06, 2014, 03:32:39 pm
It only shows in the right-click context menu displayed for Display View as shown below.  If you don't see it there it is possible it didn't register properly.  Do you have the .NET Framework 3.0 enabled in Windows 8.1?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: bspachman on February 06, 2014, 03:49:37 pm
Worked for me in Win8.1. I got it going with both the IE and Chromium engines. I did have to quit MC (& the Server) to get the right-click menu option to appear in display view.

brad
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Ekpen on February 06, 2014, 09:38:03 pm
It only shows in the right-click context menu displayed for Display View as shown below.  If you don't see it there it is possible it didn't register properly.  Do you have the .NET Framework 3.0 enabled in Windows 8.1?


I acted on the advice of brad, exited the media server, then I got it to work. But it locked up my entire system, MC 19 became unstable. I had to power down the htpc, then re-installed 19.114. It is acting stable for now.
Thanks.
George
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on February 07, 2014, 11:14:32 pm
Thanks for the update. This remains my favorite display view.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 08, 2014, 07:55:04 am
Thanks for the update. This remains my favorite display view.

You're welcome.  Were you ever able to resolve your detached display issue?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on February 08, 2014, 08:46:06 am
You're welcome.  Were you ever able to resolve your detached display issue?

Sort of. I only had the issue when I attempted to detach to a 4:3 monitor. When detaching to a 16:9 monitor it detaches and works properly. So I switched monitors around.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 08, 2014, 11:37:42 am
Sort of. I only had the issue when I attempted to detach to a 4:3 monitor. When detaching to a 16:9 monitor it detaches and works properly. So I switched monitors around.

I just posted a new version that should fix this.  I did not have the css configured so that overflow text was handled properly.  Also see the first post if you would rather have a scrollbar to be able to see all the text rather than having the part of the text that overflows not shown.  The layout and spacing probably is still not ideal for 4:3 displays so you may want to modify display.css further.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: SkGe on February 08, 2014, 01:20:41 pm
Installed and works fine but, but i think it have some bugs, each 5sec interval the display move from the left to right or from down or up.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 08, 2014, 04:23:00 pm
Installed and works fine but, but i think it have some bugs, each 5sec interval the display move from the left to right or from down or up.

Edit "options.js" in a text editor and you will see how to disable this "screensaver" option.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on February 24, 2014, 07:00:04 pm
Actually, after trying it on a 4:3 screen, it looks pretty good. What would I need to do to make the playing now album art smaller?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on February 24, 2014, 07:24:20 pm
Actually, after trying it on a 4:3 screen, it looks pretty good. What would I need to do to make the playing now album art smaller?

In display.css, decrease the height value of the #COVER item.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on February 25, 2014, 01:08:48 pm
Thanks.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 14, 2015, 04:49:10 pm
Any chance of an update for MC21? It doesn't seem to be working (though user error could be the issue...). Thanks.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on December 14, 2015, 07:39:14 pm
Did you re-run the registration step after you upgraded MC?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 14, 2015, 09:00:41 pm
Did you re-run the registration step after you upgraded MC?

I did. It's a fresh Windows install though .net is version 4.5. While I get basic framework of the view, the specific artist and track info and timer aren't shown. I'll give it another try tomorrow and see if I did something in error but I did get the 'successfully registered' message.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on December 15, 2015, 01:13:07 pm
I did. It's a fresh Windows install though .net is version 4.5. While I get basic framework of the view, the specific artist and track info and timer aren't shown. I'll give it another try tomorrow and see if I did something in error but I did get the 'successfully registered' message.

It might be the .net version.  Did you have to modify the regasm path to get it to register?  You would have to enable .net 3.0 if so, or I could try to build it with 4.5.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 15, 2015, 03:00:43 pm
It might be the .net version.  Did you have to modify the regasm path to get it to register?  You would have to enable .net 3.0 if so, or I could try to build it with 4.5.

No. I typed your code exactly as written.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on December 15, 2015, 04:18:39 pm
What OS are you running?  You have to specifically enable .NET 3.0 for Windows 8 and 10.  At what point is it not working?  Are you able to choose it as the Display View?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 15, 2015, 05:11:52 pm
What OS are you running?  You have to specifically enable .NET 3.0 for Windows 8 and 10.  At what point is it not working?  Are you able to choose it as the Display View?

Using Win 7, 32 bit. I am able to register it and select it in the Now Playing screen. However while it displays, it doesn't show the info. I attached a screenshot:  (http://s17.postimg.org/du1xqi3e7/PN1.jpg)

And thanks in advance for the help.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: cncb on December 16, 2015, 08:43:53 am
Sorry, I'm not using v21 so I'm not really in a position to test.  It seems like it is never making the connection to MC's automation object.  Did you "install" the plugin fresh from the zip file (to rule out any modification of the .css or other source files as the problem)?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 16, 2015, 11:59:54 am
I did. I'll start the process over and see what happens.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Efjay on December 30, 2015, 04:20:23 pm
Quick update: After running updates on the fresh install, this now works. Would love to see more of these types of projects as well. Thanks again...
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: kurushi on January 01, 2016, 08:18:57 am
I assume it's not working on mac?
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: William-NM on January 01, 2016, 05:50:52 pm
This is pretty nice - I had missed it until now. Installed and running fine on Win10/MC21 here.
I'm always impressed by the creative things MC users cook up!
William
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: kurushi on January 02, 2016, 12:15:16 pm
Nice skin  ;D
Off topic:
Beetween us i have updated it so you can delete this one it's really outdated :)
Schearch for the red updated post

On topic:
If it's work on Mac does it's possible to change the colour of the progress bar?
It's the only thing i want to change others area are perfect,very clean skin!
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on March 18, 2016, 11:07:46 am
Ive integrated this View yesterday in my jriver mc21 and its great.

Thank for this view.

I change some things, i set the shift Frequency in the optionsfile from 5 to 0 seconds, and i moved the contend in the display.css  top from 0 to 50 and left from 0 to 300.
So on my TV the contend is viewed in the middle of the screen.

It works great and looks very fine. ;D
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on September 20, 2017, 12:00:37 pm
Hello,

does this Screen work on new 64Bit Version?

I tryid it but it doesnt work. But i had both Versions on my PC at this moment, 32 and 64Bit JRiver.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on October 10, 2017, 08:34:26 am
Hi,

now I have only the 64bit Version of jriver running.

This new Screen doesn't work.  Have anyone a solution? It is an really great screen and will be sad when it can be reactivated on 64bit.

Thanks
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on October 13, 2017, 10:27:40 am
So, heres the modified File for all who want use this screen in 64bit MC

Description is in zip file

http://filehorst.de/d/cqwiuylF



Hope its OK for cncb that i modify the file
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on October 13, 2017, 12:16:51 pm
Here little more simple for all who have already used this on 32bit. 

"C:\Windows\Microsoft.NET\Framework64\v2.0.50727\RegAsm.exe" /codebase "UNZIPDIR\MC.HtmlAutoDisplayView.dll" (replacing UNZIPDIR with the correct directory)

This is the new command to register file for 64bit MC23.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: Inquisition on October 13, 2017, 01:10:10 pm
So, with this zip it must be possible to use 32 and 64bit mc parallel and on both versions this playing now Screen.

For the 32bit Version use the description in first contribution from cncb in this thread.

For the 64bit Version parallel use Download shown down. Description is in zip file.
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: roque on March 29, 2024, 07:55:43 am
This is awesome!
I wanted to use some stuff form this on my own track info template but it was too advanced for me. Could there be at least a way to add the comment tag? I just canīt find a way to do this

Atachaments are my original info track view
Title: Re: New Display View: Html/Javascript with automation (progress bar, next track, ...
Post by: roque on March 29, 2024, 08:03:50 am
Nevermind about adding the comment tag, ii made it.
Anyways, If someone like my trak info and wanted to add some display view attributes it would be great