Topic: New Display View: Html/Javascript with automation (progress bar, next track, ... (Read 29609 times)

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

Shut down MC if it is running.
Make sure you have the .NET Framework v3.0 installed (should already be the case for Win 7 and maybe Vista).
Download the attached zip file and extract the contents to a directory.
Open a Command Prompt (*must 'Run As Administrator' if using Vista or Win 7) and run the following command making sure to include the quotes:
"C:\Windows\Microsoft.NET\Framework\v2.0.50727\RegAsm.exe" /codebase "UNZIPDIR\MC.HtmlAutoDisplayView.dll" (replacing UNZIPDIR with the correct directory)
It will give you a warning but the last lines of text must say "registration succeeded" and "Types registered successfully". If it doesn't then you will need to change the paths in the above command to match your setup and try again.
Start MC, start playing some music, open display view, right-click and select "Html With Automation" to see the new display.

The default sample has the following features:

Playing Now count and time-of-day
Current track cover art and info text (editable expression)
Progress bar
Next track cover art and info text (editable expression)
Shifts content around screen as a kind of "screensaver" (can be disabled)
Scales font sizes based on screen height (can be disabled)

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).

Matt · « **Reply #1 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.

cncb · « **Reply #2 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.

danrien · « **Reply #3 on:** June 18, 2011, 09:59:07 pm »

This is pretty cool! Good work!

foopower · « **Reply #4 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!

foopower · « **Reply #5 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.

Efjay · « **Reply #6 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

Domi · « **Reply #7 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.

cncb · « **Reply #8 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).

Ekpen · « **Reply #9 on:** February 06, 2014, 12:41:46 pm »

Quote from: 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).

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.

cncb · « **Reply #10 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?

bspachman · « **Reply #11 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

Ekpen · « **Reply #12 on:** February 06, 2014, 09:38:03 pm »

Quote from: 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?

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

Efjay · « **Reply #13 on:** February 07, 2014, 11:14:32 pm »

Thanks for the update. This remains my favorite display view.

cncb · « **Reply #14 on:** February 08, 2014, 07:55:04 am »

Quote from: Efjay on February 07, 2014, 11:14:32 pm

Thanks for the update. This remains my favorite display view.

You're welcome. Were you ever able to resolve your detached display issue?

Efjay · « **Reply #15 on:** February 08, 2014, 08:46:06 am »

Quote from: cncb on February 08, 2014, 07:55:04 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.

cncb · « **Reply #16 on:** February 08, 2014, 11:37:42 am »

Quote from: Efjay on February 08, 2014, 08:46:06 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.

SkGe · « **Reply #17 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.

cncb · « **Reply #18 on:** February 08, 2014, 04:23:00 pm »

Quote from: sirgeo 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.

Edit "options.js" in a text editor and you will see how to disable this "screensaver" option.

Efjay · « **Reply #19 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?

cncb · « **Reply #20 on:** February 24, 2014, 07:24:20 pm »

Quote from: 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?

In display.css, decrease the height value of the #COVER item.

Efjay · « **Reply #21 on:** February 25, 2014, 01:08:48 pm »

Thanks.

Efjay · « **Reply #22 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.

cncb · « **Reply #23 on:** December 14, 2015, 07:39:14 pm »

Did you re-run the registration step after you upgraded MC?

Efjay · « **Reply #24 on:** December 14, 2015, 09:00:41 pm »

Quote from: cncb on December 14, 2015, 07:39:14 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.

cncb · « **Reply #25 on:** December 15, 2015, 01:13:07 pm »

Quote from: Efjay on December 14, 2015, 09:00:41 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.

Efjay · « **Reply #26 on:** December 15, 2015, 03:00:43 pm »

Quote from: cncb on December 15, 2015, 01:13:07 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.

cncb · « **Reply #27 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?

Efjay · « **Reply #28 on:** December 15, 2015, 05:11:52 pm »

Quote from: 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?

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:

And thanks in advance for the help.

cncb · « **Reply #29 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)?

Efjay · « **Reply #30 on:** December 16, 2015, 11:59:54 am »

I did. I'll start the process over and see what happens.

Efjay · « **Reply #31 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...

kurushi · « **Reply #32 on:** January 01, 2016, 08:18:57 am »

I assume it's not working on mac?

William-NM · « **Reply #33 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

kurushi · « **Reply #34 on:** January 02, 2016, 12:15:16 pm »

Nice skin

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!

Inquisition · « **Reply #35 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.

Inquisition · « **Reply #36 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.

Inquisition · « **Reply #37 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

Inquisition · « **Reply #38 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

Inquisition · « **Reply #39 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.

Inquisition · « **Reply #40 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.

roque · « **Reply #41 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

roque · « **Reply #42 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

INTERACT FORUM

Author Topic: New Display View: Html/Javascript with automation (progress bar, next track, ... (Read 29609 times)