INTERACT FORUM

Networks and Remotes => Remotes => Topic started by: mhwlng on January 03, 2014, 07:01:24 am

Title: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on January 03, 2014, 07:01:24 am
Use any web browser, on any mobile- or desktop- operating system, to control Media Center and stream audio.

- The Server Application requires :

- The Client is any recent web browser on any mobile- or desktop- operating system e.g. :

>>>>DOWNLOAD 2.0.1.5<<<< (https://www.dropbox.com/s/zg0d2jmd5rwkmt6/hcp3_deploy_standalone_2.0.1.5.zip?dl=0)

Installation instructions are in installation notes.txt.

It is possible to download music album (zip) files.

It is possible to play/stream music inside the web browser.

Background art, actor images and various other information is automatically read from online sources and cached locally :
-musicbrainz.org (only to get musicbrainz artist id which is required on fanart.tv)
-fanart.tv
-tvdb.com
-themoviedb.org

Here are a few screenshots (more screenshots at the link (http://www.flickriver.com/photos/mhwlng/sets/72157639348552513/) below):

Shows Lyrics, Artist Biography, Album Review:

(http://farm4.staticflickr.com/3712/11904461763_2920665138_b.jpg)

Automatically downloads movie genre images from http://www.flickr.com/photos/fiinix/sets/72157629331864211/ (http://www.flickr.com/photos/fiinix/sets/72157629331864211/) :

(https://farm8.staticflickr.com/7449/12380272145_7394c2f574_b.jpg)

(http://farm4.staticflickr.com/3678/12694107074_094fca83e3_b.jpg)

(http://farm6.staticflickr.com/5542/12693772333_09a1aa874b_b.jpg)

(http://farm8.staticflickr.com/7322/12693615715_f3bfd02e59_b.jpg)

(http://farm4.staticflickr.com/3689/11728701823_e1ed0de376_b.jpg)

On smaller screen sizes (only in portrait mode), the "Browse TV Shows" page automatically switches to banners (from tvdb.com) instead of the regular poster format :

(http://farm4.staticflickr.com/3801/12367322605_1c1c6720db_b.jpg)

>> more screenshots (mostly taken on a nexus 7) << (http://www.flickriver.com/photos/mhwlng/sets/72157639348552513/)

Both chrome on android and safari on ios, have an option 'add to homescreen'.
This option adds an icon to the home screen, which always shows the web page full screen just like a regular app. (as the screenshots show)
Title: Re: remote control web application (screenshots, work in progress)
Post by: rossp on January 03, 2014, 07:53:37 am
This looks great, when are you going to release it?

Ross
Title: Re: remote control web application (screenshots, work in progress)
Post by: connersw on January 14, 2014, 03:59:27 pm
Excited to see how this turns out.  The screen shots here and in the Gizmo Play Now screen thread look fantastic. 
Title: Re: remote control web application (screenshots, work in progress)
Post by: rafverhoogen on January 20, 2014, 04:06:07 am
this is realy nice work.
i'm very curious how you have set up navigation paths, i'm working on a Gizmo version myself, and have some difficulties to set up some way of natural navigation and yet stay in the same screen !!
Title: Re: remote control web application (screenshots, work in progress)
Post by: rafverhoogen on January 20, 2014, 09:47:40 am
I follow the same type of navigation for music (only music in my server)
it is more the navigation between eg :

- changing where to play
- moving to lyrics or other information (i see that you use tabs as i do)
- how much info in the playlist
- switch playlist and now playing
that kind of info.

Can i also ask what the technology behind it is.  I'm working on full HTML/CSS/JAVASCRIPT for min so it is platform independent
Title: Re: remote control web application
Post by: Ekpen on February 08, 2014, 07:15:39 pm
I have added a download link to the first post

Server requires dotnet 4.5.1 and Internet Information Server. (For example on Windows 7 pro or Windows 8 pro.)

Client requires IE10 / IE11 / Recent Chrome On Android or PC / Recent Safari on IOS / Other recent browser.

Greetings:

I read the notes text. It does not say where to install. Will be be under plugin or a standalone  folder?
Thanks.
George
Title: Re: remote control web application
Post by: mhwlng on February 09, 2014, 01:55:19 am
This application runs under Internet Information Server, not media center.
So, it works differently from webgizmo.

The installation notes show : "copy files to c:\inetpub\wwwroot\somedirectory"
"c:\inetpub\wwwroot" should already exist when Internet Information Server is installed.

but you can install the application anywhere you want (ASSUMING That Internet Information Server is ALREADY installed)..
In that case, the access rights to this other directory will probably have to be changed,
otherwise the web application won't have write access to the selected directory.
(usually : you need to give IIS_IUSRS & NETWORK SERVICE full access)
Title: Re: remote control web application
Post by: Ekpen on February 09, 2014, 01:08:57 pm
This application runs under Internet Information Server, not media center.
So, it works differently from webgizmo.

The installation notes show : "copy files to c:\inetpub\wwwroot\somedirectory"
"c:\inetpub\wwwroot" should already exist when Internet Information Server is installed.

but you can install the application anywhere you want (assuming Internet Information Server is installed)..
In that case, the access rights to this other directory will probably have to be changed,
otherwise the web application won't have write access to the selected directory.
(usually : you need to give IIS_IUSRS & NETWORK SERVICE full access)

Thanks.
George
Title: Re: remote control web application
Post by: Ekpen on February 15, 2014, 05:36:08 pm
I updated the application (1.0.0.3) to cache all images from [fanart.tv, tmdb.org, thetvdb.com, flickr.com] on the web server

Thanks for the update.
I will go back to retrace my settings or set up I did before this new update.
I did the install as you directed, every aspect of install was ok I think, but when it gets to " Web services",  I got lost.
I will download this new version and re-install.
Note: I am getting very soon a 12.2 Samsung 2014 Galaxy  note Pro. I hope I can use the web browser in it to use with this  remote control software of yours.
Again, will re-install and get back with details.

George
Title: Re: remote control web application
Post by: mhwlng on February 16, 2014, 02:31:15 am
George, there is no reference to "Web Service" in the installation notes?
you need to install "Internet Information Services"
If you don't have a directory "c:\inetpub\wwwroot" then it is not installed.
If you have a 'home' version of your operating system, then you cannot use this software.
Title: Re: remote control web application
Post by: Ekpen on February 20, 2014, 03:15:07 pm
George, there is no reference to "Web Service" in the installation notes?
you need to install "Internet Information Services"
If you don't have a directory "c:\inetpub\wwwroot" then it is not installed.
If you have a 'home' version of your operating system, then you cannot use this software.

Greetings:

Yes, I mis quoted what you have in the installation notes. I had to do several 3rd party installs. I guess, old age is catching up on me <grin>.

I am already on Windows 8.1 64 bit. I have activated extra IIS features long time ago.

In fact your versions 1 and 3, I was able to do the install on my HTPC . through the localhost testing, all I get is music, Movies and playing now . I could not get the rest like TV, Control, trend, and weather. Also  in the localhost testing, either Firefox or Chrome, I was expecting  to see the flac folders on my drive and the Iso folders.

When I tried to use my Samsung Galaxy note (first gen)  to test it, either Firefox or Chrome, it just stays on the screen.

I then deleted the mcserverremote folder containing the earlier version, then I put in version 4, without doing the web config. because for almost 3 days or so, we have had Internet disruption due to weather issues. The ISP guy had to come to my house to check the line.
Now with version 5, I will try to do a new copy over to the folder and proceed with the set up.
I will try to read the updates on the installation notes if any this time.

In the web config file, any other items that may help me get this to function properly?

I will update you.

Thanks again,

George.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 20, 2014, 03:26:02 pm
1) Control, trend, and weather menu options are not available. They are unrelated to media center.

2) If your (web)gizmo views are organized differently from what is described in the installation notes, then it may not work.
that is probably why TV didn't work for you. please see the requirements in the installation notes.

If you want to keep your existing views unchanged for (web)gizmo, then you can create new views and set up these new view names accordingly in web.config

3) Every time that you install a new version, you have to set up the settings in web.config again.
The default settings won't connect to media center!
Don't copy web.config from a previous version.

All web.config options are described in the installation notes.
(Most options are OFF by default, so you need to manually switch on the options that you want to use.)

4) A log.txt file is created in the web application directory with error messages.
It may contain clues to any configuration issue.

5) If the web application works via localhost and not on your phone (I assume via wifi on the same network as the phone),
that could have many reasons?

For example : The firewall on the web application pc may prevent external access via port 80.





Title: Re: Media Center Remote Control Web Application
Post by: Ekpen on February 20, 2014, 03:30:05 pm
Thanks, that was quick. I have to check what I have in my various views.

 version 5 is in now. Will proceed to  look at web.config file again.
take care,

George
Title: Re: Media Center Remote Control Web Application
Post by: Hendrik on February 24, 2014, 08:31:30 am
In an upcoming build, the MCWS/v1/Browse/Image function should behave more sanely, and directly return a high-resolution artwork, and not only on the second call (or a bit randomly at that).
Hope that makes your live easier!
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 05:40:01 am
Hi,
this is some great work!

i am trying to install this on my HTPC. I did all as described, but I have two issues:

1) From Installation Notes:

Customize Views for Gizmo & WebGizmo

 Items to Show
  Music
  Movies
  TV Shows
 
* Details for Music
 
  Show Categories In This Order
   Album Artist (auto) -> Library Field 'Album Artist (auto)'  x Grouping -> Grouping Size : 1
   Album Artist (auto) -> Library Field 'Album Artist (auto)'
   Year - Album        -> Library Field 'Year - Album'
 
  Files To Display : Media Type is audio
  
* Details for Movies
 
  Show Categories In This Order
   Genres -> Type=Expression: Expression to group b
 
  Files To Display : Media Sub Type is Movie


--> Each detail like "Album Artist (auto) -> Library Field 'Album Artist (auto)'  x Grouping -> Grouping Size : 1", etc. is a new library item within the "Root Library Item"?


2) After configuration, i don´t know, how to see the results.
When i use the defined URL, I will find an overview-page with various option - see attachement. But no clou, where I can find the results like on your screenshots.


Thanks for clarification!

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 05:46:22 am
1) The grouping is to get a screen in the web application with only letters A...Z.
When clicking on a letter in the web application, you will see all artists that start with that letter.


2)
The picture that you show is the URL that you define in web.config(with the corresponding user name and password).
The web application uses this URL to get the data from media center.

You don't call this URL yourself, the web application does this internally.

You have to call the URL that points to whatever virtual directory you set up in internet information server (IIS) for the web application.






Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 06:32:57 am
Thanks for the quick reply MHWLNG!

On 1): fine, now it is configured the right way. I had some initial troubles with the configuration until I found out that I need to "Unnest" item 2 and 3 in order to proceed accordingly...

On 2): well, I tried it now also locally with the URL "http://localhost:52197" to see, what happens. Again, the same result: I am getting diverted to the URL "http://localhost:52197/LibraryServer/", which is the services overview page... Seems I am too stupid to type in the correct URL? :(
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 06:35:56 am
"http://localhost:52197" points to media center, not IIS (the port number 52197 is configurable in media center)

I don't know how you set up IIS ?

If IIS is running, then this should usually show some Microsoft default placeholder screen :

http://localhost

Normally, the url of the web application would be :

http://localhost/somedirectory

Where 'somedirectory' is where you configured the web application.

Normally, the web application files would be in C:\inetpub\wwwroot\somedirectory

If C:\inetpub\wwwroot doesn't exist, then IIS is probably not installed.

Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 07:11:35 am
OK that makes totally sense - I am coming closer to the goal :)

ISS is running - ISS placeholder screen shown on http://localhost

I have put the files into the folder "jriver", so my URL is: http://localhost/jriver

Well, obviously there is a problem with the web configuration file - I get this error message:

HTTP Error 500.19 - Internal Server Error
The requested page cannot be accessed because the related configuration data for the page is invalid.
Detailed Error Information:
Module      IIS Web Core
Notification      BeginRequest
Handler      Not yet determined
Error Code      0x8007000d
Config Error      Configuration file is not well-formed XML
Config File      \\?\C:\inetpub\wwwroot\jriver\web.config
Requested URL      http://localhost:80/jriver
Physical Path      C:\inetpub\wwwroot\jriver
Logon Method      Not yet determined
Logon User      Not yet determined
Config Source:
    1: <?xml version="1.0" encoding="utf-8"?>
    2: <!--

User ID and password is defined in the web.config. I had to correct the links (took the 52197 out).

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 07:23:00 am
1)
there must be some error in web.config (e.g. perhaps you accidentally removed a quote or something?)
2)
can you try the web.config that I supplied with the web application ? (There WILL be some OTHER error that it can't connect to media center because the url/user/password is wrong in the default file)
3)
Also the URL that is defined in web.config will definitely need the port number in it !
4)
Also, did you follow the instructions re: 'convert to application' and 'Application Pools' as descibed in the installation instructions ?
Without this it won't work!

Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 12:35:17 pm
Fantastic! Now I got it working on my localhost for the first time. Actually that´s how I think the Webgizmo-GUI should look like as a standard! Actually you should charge Jim for your work :) Or Jim should enable a business model, where others can contribute and get paid for it - like Android/iPhone apps... I definitely would pay some bucks for this!

Now the next step for me is to get it running outside of my network. At the moment, I have configured the WEB.CONFIG with this:

      <add key="mcwsserver" value="http://localhost:52197/" />
      <add key="mcwsimgserver" value="http://localhost:52197/" />

(52197 because the standard 52199 is already used for something else)

On my Asus router, i have configured dynamic DNS. The link "http://somethingelse.asuscomm.com:52197/LibraryServer/" works and shows MC outside my home network.
I also have assigned a fixed IP to my HTPC and made port forwarding to this IP for 52197.
Your files are on ISS under /jriver/

Actually - if I understood correctly - this should work now: http://somethingelse.asuscomm.com/jriver
But it is not working. Nada. Connecting forever. Nothing shown.

What did I do wrong?
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 12:49:58 pm
In your router, you have to forward both port 80 and also port 52197 to your pc (with IIS on it)

Then :

http://somethingelse.asuscomm.com/jriver/

should work ok...

(The firewall on your pc must be set up to allow incoming traffic on port 80 and 52197 )

Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 03:18:51 pm
Finally managed to handle my router/firewall settings as well. Now all seems to be running.

I like the add on you made very much, great work  - thank you again!  :)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 03:27:02 pm
I'm glad it's working for you!

(p.s. note that setting the web.config option "mediacenterthumbnailcache" to "True" may improve the performance. (all media center artwork will be cached in the IIS directory))

Also, the "mcwsmoviefirstlevelnameisgenre" and "mcwstvshowfirstlevelnameistvshowname" options may be useful for your situation...
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 04:26:41 pm
Hi, found an issue with the genre settings for MOVIES: in case of multiple genre-setting, not all movies are shown anymore in the correct genre category. Only the first genre is taken. I made a test, and changed all my movies in the "sport" section from "sport; drama" to "drama; sport". Result: genre "sport" disappeared completely.

I think this needs to be changed, but don´t know, what to do:

Code: [Select]
ListItem([genre],0,;)&datatype=[list]
Cheers
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 04:30:03 pm
Does it work the way you want in (web)gizmo?
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 04:33:39 pm
No, same issue.

edited:
i also created a new library item as test - here it works as it should be. Also with multiple-genres
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 04:38:11 pm
Then I don't know, sorry... It's not a problem inside the web application.
 If you can make it work in (web)gizmo then it should also work inside the web application.
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 28, 2014, 04:43:52 pm
Then I don't know, sorry... It's not a problem inside the web application.
 If you can make it work in (web)gizmo then it should also work inside the web application.

OK thanks.
I edited my previous post, don´t know, if you have seen it before answering:


I also created a new library item as test - here it works as it should be in WebGizmo. Also with multiple-genres. So it seems to me that it is related to the expression setting...
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 28, 2014, 04:54:49 pm
If it works in webgizmo then it should also work in this application using the same view settings that work for you...
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 29, 2014, 03:33:09 am
Hi,
one more issue: on the details page of movies, the film poster is not shown (see screenshot). I think all is configured correctly.

This is a part of the web.config:

Code: [Select]
  <appSettings>
<add key="mcwsserver" value="http://localhost:52197/" />
<add key="mcwsimgserver" value="http://localhost:52197/" />
<add key="mcwsmusictoplevelname" value="Music" />
<add key="mcwstvshowtoplevelname" value="TV Shows" />
<add key="mcwsmovietoplevelname" value="Movies" />
<add key="mcwsmoviefirstlevelnameisgenre" value="True" />
<add key="mcwstvshowfirstlevelnameistvshowname" value="True" />
<add key="mcwsmusicsmartlistmuststartwithnumber" value="False" />
<add key="imagecachecheckdays" value="30" />
<add key="mediacenterthumbnailcache" value="True" />
<add key="webpages:Version" value="3.0.0.0" />
    <add key="webpages:Enabled" value="false" />
    <add key="PreserveLoginUrl" value="true" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
  </appSettings>

And also the JRiver-settings for MOVIES - as attached.


What could the issue be?
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 03:48:09 am
1)
Is your genre problem (previous post) now solved (by changing the view definition) ?
2)
Do you see the movie images one level up from your screenshot ? (so after you click on the genre image)
3)
If you are playing a movie, do you see the image on the 'playing' screen ?
4)
Can you try to switch mediacenterthumbnailcache to False in web.config ? and see if that makes a difference ?
5)
I see in your picture "TV-Shows" while in web.config it is configured as "TV Shows". They have to match.
6)
In the web application directory (c:\inetpub\wwwroot\jriver) is a log.txt file
Are there any errors in there ?
7)
Are you running the latest media center 19.0.136 ?
8 )
When changing any view settings, you may have to restart media center.
9)
what kind of poster images are they (jpg, png)  ? Did you use the built in 'get movie info' function to get them ?
10)
when the mediacenterthumbnailcache is True, then all the movie posters should be cached in this directory :
c:\inetpub\wwwroot\jriver\Content\img\jriver\file

can you find it (or any other images) in there ?

Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 29, 2014, 04:10:26 am
1) Is your genre problem (previous post) now solved (by changing the view definition) ?
--> No, I decided to go through all movies and define the best matching genre, which will be at first place, which then will show also the movies in the correct genres in the remote control.

2) Do you see the movie images one level up from your screenshot ? (so after you click on the genre image)
--> yes, they are there

3) If you are playing a movie, do you see the image on the 'playing' screen ?
--> yes, images is also shown on the playing screen

4) Can you try to switch mediacenterthumbnailcache to False in web.config ? and see if that makes a difference ?
--> when I switch to "false", then neither in the details page, nor one level up, the posters are shown now.

5) I see in your picture "TV-Shows" while in web.config it is configured as "TV Shows". They have to match.
--> thank you, fixed.

6) In the web application directory (c:\inetpub\wwwroot\jriver) is a log.txt file Are there any errors in there ?
-->yes plenty - see attached file

7) Are you running the latest media center 19.0.136 ?
--> yes of course :)

8 ) When changing any view settings, you may have to restart media center.
--> aware of that and doing it.

9) what kind of poster images are they (jpg, png)  ? Did you use the built in 'get movie info' function to get them ?
--> yes, I am using the "get movie info". All info from there. All images are jpg.

10) when the mediacenterthumbnailcache is True, then all the movie posters should be cached in this directory : c:\inetpub\wwwroot\jriver\Content\img\jriver\file can you find it (or any other images) in there ?
--> yes, there are plenty of images - all jpg-files I also checked for one specific image, which was not shown on the detail page. I found a relevant image in the directory, so in general, the image is available.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 04:27:24 am
Quote
Can you try to switch mediacenterthumbnailcache to False in web.config ? and see if that makes a difference ?
--> when I switch to "false", then neither in the details page, nor one level up, the posters are shown now.

This is very strange. With the option 'False' it should work exactly the same as (web)gizmo. so if you see the images in there, you should also see it in the web application.

can you set it to False, restart the PC

browser on media center pc using http://localhost/jriver
browser on other pc inside your network
browser outside your network using http://somethingelse.asuscomm.com/jriver

The set it to True, restart the PC

browser on media center pc using http://localhost/jriver
browser on other pc inside your network
browser outside your network using http://somethingelse.asuscomm.com/jriver

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 04:32:42 am
Just to be sure :

Have you got more than one media center instance running ?

If the media center you are connecting to (localhost:52197)

is a client of another 'main' media center, then the missing image is normal.

In that case you have to point "mcwsimgserver" to the 'main' media center.
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 29, 2014, 04:45:12 am
I have only one MC intance running.

What I further found out:

can you set it to False, restart the PC
browser on media center pc using http://localhost/jriver
browser on other pc inside your network
browser outside your network using http://somethingelse.asuscomm.com/jriver


Same network:  http://localhost/jriver WORKS! The posters are also shown on the details page
Outside network:  http://somethingelse.asuscomm.com/jriver  DOES NOT WORK LIKE DESCRIBED

The set it to True, restart the PC
browser on media center pc using http://localhost/jriver
browser on other pc inside your network
browser outside your network using http://somethingelse.asuscomm.com/jriver


Same network:  http://localhost/jriver WORKS! The posters are also shown on the details page
Outside network:  http://somethingelse.asuscomm.com/jriver  DETAILS PAGE DOES NOT WORK - POSTER NOT SHOWN but OVERVIEW WITHIN GENRE OK - POSTER SHOWN.

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 04:46:52 am
This worked yesterday from outside your network :

http://somethingelse.asuscomm.com:52197/LibraryServer/

Does that still work, or did you change the port to 80 ?

If you did, then that is the reason for the problem.

Some images come from the IIS cache (port 80)

But some images, (your missing ones) come directly from MC (on port 52197)

So, you need to forward incoming traffic on BOTH port 80 and 52197


Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 04:50:22 am
Quote
can you set it to False, restart the PC
Outside network:  http://somethingelse.asuscomm.com/jriver  DOES NOT WORK LIKE DESCRIBED

The set it to True, restart the PC
Outside network:  http://somethingelse.asuscomm.com/jriver  DETAILS PAGE DOES NOT WORK - POSTER NOT SHOWN but OVERVIEW WITHIN GENRE OK - POSTER SHOWN.

Are you sure that this isn't the other way around ?

With the cache True, I would expect all images to work except the one you reported. (i.e. the description in your first post about this)
Because that screen requests the full resolution image directly from MC on port 52197, bypassing the cache.
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 29, 2014, 04:58:47 am
Both ports, 80 and 52197 are open, I have verified this with an online port checker.
http://somethingelse.asuscomm.com:52197/LibraryServer/ works. I see the overview page for the JRiver services.

Quote
can you set it to False, restart the PC
Outside network:  http://somethingelse.asuscomm.com/jriver  DOES NOT WORK LIKE DESCRIBED
The set it to True, restart the PC
Outside network:  http://somethingelse.asuscomm.com/jriver  DETAILS PAGE DOES NOT WORK - POSTER NOT SHOWN but OVERVIEW WITHIN GENRE OK - POSTER SHOWN.
Are you sure that this isn't the other way around ?


I can confirm that in web.config the mediacenterthumbnailcache = TRUE, and that in this case, on localhost all works as intended. From outside the network, i cannot see the poster on the detail page. On the overview page within the genre, the poster is shown.
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on May 29, 2014, 05:19:11 am
I will check at the weekend at the latest. Need to leave now. Thx for your great help!
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 29, 2014, 12:21:32 pm
I know what the problem is :

In web.config you have to change :

Quote
<add key="mcwsserver" value="http://localhost:52197/" />
<add key="mcwsimgserver" value="http://localhost:52197/" />

to

Quote
<add key="mcwsserver" value="http://somethingelse.asuscomm.com:52197/" />
<add key="mcwsimgserver" value="http://somethingelse.asuscomm.com:52197/" />

Then everything should work ok inside and outside of your network



Title: Re: Media Center Remote Control Web Application
Post by: Al ex on June 01, 2014, 05:22:52 am
I know what the problem is :
In web.config you have to change :
to
<add key="mcwsserver" value="http://somethingelse.asuscomm.com:52197/" />
<add key="mcwsimgserver" value="http://somethingelse.asuscomm.com:52197/" />
Then everything should work ok inside and outside of your network

Hi, I am back and have changed as you suggested - seems that all is working now! When I tried it again about 2h later, nothing was shown all of the sudden. I assume there was an issue with caching, so after restarting the HTPC, it works again. Lets see :)

I would like to invite you for a beer for your great work and help. Do you have a PayPal-account? If yes, pls. send me a PM. Otherwise it would be a "virtual beer" only.

By the way - something off-topic, attached the place, i have stayed the last three days with some friends: a great medieval castle in the northern parts of Austria - the reason for not being able to answer earlier...
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 01, 2014, 05:24:35 am
no worries... Glad it works for you...
Title: Re: Media Center Remote Control Web Application
Post by: J-a-k-e on June 01, 2014, 07:19:45 pm
I've managed to get everything installed and working with the exception of browsing music, for some reason the  0-9, A-Z list grouped tiles display as a single blank column however everything displays correctly once I go into 'A' for example.
I've configured the security settings to allow access to the folder and all child folders and I've double checked the configuration for 'Music' in jriver. Also the artists do show grouped by number and letter via http://localhost:52199/Gizmo/
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 02, 2014, 01:12:40 am
I'm sorry, I can't reproduce this.

1)
Does the device that you are viewing the screen on have internet access ? (to download the font from google)

2)
Did you check another browser on another device type ? (pc, android, ios)

3)
Are there any related errors in log.txt ?

4)
Can you post some screenshots of the problem and of your music view configuration ?

5)
In chrome if you right click on the screen, there is an option 'view page source'. Could you do that for the 'a-z' screen and send me the result ?


Title: Re: Media Center Remote Control Web Application
Post by: J-a-k-e on June 02, 2014, 04:58:14 am
I just realized that if you look at the screenshot I've attached you can tell that the letters have been stacked up on top of each other on the right side of the blank tiles.
1 - At this stage I've just been doing things locally as I try to get things up and running on my desktop machine which is the machine that hosts jriver and all my media, so short answer is yes.
2 - I get the same results when I access my machine from other devices/computers on the network running firefox ie and chrome.
3 - There's nothing relevant in the log file that I can see.
4 - I've attached a screenshot of the web app showing the tiles fault (notice the letter stacking on the right hand side) also there's a screenshot of webgizmo and the music configuration from within jriver
5 - See the attached txt file.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 02, 2014, 05:28:52 am
Ok, I see 'Others' appears when you have artist names that start with (e.g.) Norwegian characters.

In the first post you can download a new version 1.0.0.9
That simply replaces the text 'Others' with '?' and should fix your problem... (With a translated version of Media Center there would still be a problem.)


Note that when you replace an older version of the web application, you have to make the necessary changes to web.config again...
Title: Re: Media Center Remote Control Web Application
Post by: J-a-k-e on June 02, 2014, 06:00:05 am
Ok, I see 'Others' appears when you have artist names that start with (e.g.) Norwegian characters.

I had my suspicions and I can confirm that this is the case as I was able to track down the one song that I had missed when I downloaded the latest version just now. All is working now.
Title: Re:
Post by: Al ex on June 02, 2014, 04:01:50 pm
To update to v9, is it enough to copy the files, and re-adjust the Web.config?

Edit: because when I do so, it´s not working - page is not loading anymore. Probably it needs to be "re-converted to application" in ISS? But I can't find the link for this anymore...
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 03, 2014, 02:03:46 am
Yes, if you already have v1.0.0.8 working, just replace all the files and edit web.config again with the same settings that you had in v1.0.0.8 (or copy web.config from your working backup)

No need to do anything else... (e.g. re-convert to application etc.)  (Assuming that you didn't put the new files in a different subdirectory !)

Perhaps you put the wrong port number in :

Quote
<add key="mcwsserver" value="http://somethingelse.asuscomm.com:52197/" />
<add key="mcwsimgserver" value="http://somethingelse.asuscomm.com:52197/" />

or there is a typo in the username/password ?

or perhaps you didn't overwrite/add all files? (note that some files in v1.0.0.9 have a different name (e.g. jquery has a new version number))

Maybe log.txt shows some clues ?

Try to restart the iis pc and also try clearing the cache in the web browser on the client pc.

Title: Re: Media Center Remote Control Web Application
Post by: Al ex on June 03, 2014, 03:46:55 pm
Couldn´t replicate, so I decided to simply delete the files and reinstall it. As I am pretty good in training for this app at the moment, it took only some minutes. All works now again...
Thanks!
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 10, 2014, 08:16:08 am
New version 1.0.1.0

This adds 'Movies By Letter' menu option. (In addition to the existing 'Movies By Genre' menu option.)

There is a new (web)gizmo view required for this (see installation notes) and there is a new web.config option that points to this new view :

Quote
<add key="mcwsmoviealphatoplevelname" value="Movies Alphabet" />

(http://s28.postimg.org/aqq91tnct/Screenshot_2014_06_10_15_03_58.jpg)

(http://s28.postimg.org/fqnp9rszh/Screenshot_2014_06_10_15_05_55.jpg)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 13, 2014, 07:24:36 am
New version 1.0.1.1

This adds a music search screen :

(https://farm4.staticflickr.com/3892/14225395218_5f857c026a_b.jpg)

Music Search works differently from (web)gizmo :

The web application searches in artist name -> when found, it shows the artist image (with the artist name in 'bold') and clicking on the picture will drill down into the album list for that artist.
In addition, the web application also searches in album name AND track name -> when found, it shows the album image (with artist+album name) and clicking on the picture will drill down into the single album screen.

The results are limited to 50 artists and 50 albums and are sorted by artist name AND album name.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 15, 2014, 05:42:07 am
new version 1.0.1.2

This adds a movie search screen :

(https://farm4.staticflickr.com/3906/14422839641_20354e7a44_b.jpg)

The results are limited to 50 movies and are sorted by movie name.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 15, 2014, 06:12:42 am
OPTIONALLY, This web application can be used over SSL using a reverse proxy in Internet Information Server:

In that case, It is assumed that you have your own domain name (e.g. myserver.com) and a valid SSL certificate for this domain (e.g. US$10/year) and have already set up this certificate in IIS.

In your internet router, you only need to forward port 443 to the server with IIS on it.
(port 80 and 52199 would not need to be forwarded anymore)

So that https://myserver.com works ok and shows the 'padlock' in the browser.

To set up a reverse proxy :

First, you need to install these Microsoft applications:


Some links on how to do this :

http://www.microsoft.com/en-us/download/details.aspx?id=40813 (http://www.microsoft.com/en-us/download/details.aspx?id=40813)
http://blogs.technet.com/b/erezs_iis_blog/archive/2013/11/27/installing-arr-manually-without-webpi.aspx (http://blogs.technet.com/b/erezs_iis_blog/archive/2013/11/27/installing-arr-manually-without-webpi.aspx)
http://www.iis.net/downloads/microsoft/application-request-routing (http://www.iis.net/downloads/microsoft/application-request-routing)
http://www.iis.net/downloads/microsoft/url-rewrite (http://www.iis.net/downloads/microsoft/url-rewrite)


BEFORE, web config looked something like :

<add key="mcwsserver"    value="http://myserver.com:52199/" />
<add key="mcwsimgserver" value="http://myserver.com:52199/" />

NOW, it is changed to :

<add key="mcwsserver"    value="https://myserver.com/jriverapi/" />
<add key="mcwsimgserver" value="https://myserver.com/jriverapi/" />

In IIS, you can now set up a reverse proxy by creating a directory :

c:\inetpub\wwwroot\jriverapi

In this directory, create a web.config file that looks something like :

Code: [Select]
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <rewrite>
            <rules>
                <rule name="ReverseProxyInboundRule1" stopProcessing="true">
                    <match url="(.*)" />
                    <action type="Rewrite" url="http://localhost:52199/{R:1}" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>

Note that 'localhost' assumes that you have media center running on the same pc as IIS and this media center instance is not a client of another media center instance running on another pc.
Otherwise, this has to be adjusted.


p.s. for Streaming audio to work, on IOS, I had to disable the disk cache :
Go To IIS manager :
-Select Server \ Application Request Routing cache
-Select Server Proxy Settings (on the right)
-Uncheck 'Enable Disk cache'
-Select Apply
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on June 17, 2014, 09:41:10 am
new version 1.0.1.3

This improves performance of music/movie search screens.
Title: Re: Media Center Remote Control Web Application
Post by: Al ex on June 20, 2014, 01:26:19 am
new version 1.0.1.3 (minor update)

This improves performance of music/movie search screens.

Works great! Thanks for update!
Title: Re: Media Center Remote Control Web Application
Post by: High-End on August 13, 2014, 04:33:49 am
Dear “mhwlng”
I hope I'm right here. Or perhaps you just can help me ;-)

I have installed MC19 two times and I use it only for audio ( No video ectr.).
One on a laptop, a second on my HTPC which is connected to my HiFi.
I have to interact with a Flash Media based website ( www.digitalconcerthall.com). Because the HTPC has no keyboard and mouse I have to do it remote. I have tried it remote with the laptop MC19 but I cannot get the audio output on the HTPC.
With the Android Apps I have I cannot surfing’ the web, just interacting with the stored audio files.
Perhaps your “Media Center Remote Control Web Application” is a solution for my problem? Is it possible to use your tool as a remote Web surfing machine?
If yes, what have I to do?
Any other thoughts?

regards
h-e
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on August 13, 2014, 04:39:50 am
Hello "High End", I don't think this application can help you. You should ask this question in the media center 19 forum.

Title: Re:
Post by: Al ex on August 13, 2014, 04:51:03 am
High-End,
just load the MC library of your HTPC in the MC-copy on your laptop. This way you can play in an easy way the content from your HTPC either on your laptop, or Hi-Fi.

I play my videos stored on my HTPC and my audios stored in my laptop this way.

But as mhwing says - for detailed help better open a separate thread in the mc19 section.
Title: Re: Media Center Remote Control Web Application
Post by: High-End on August 13, 2014, 10:05:22 am
ok, thx
Title: Re: Media Center Remote Control Web Application
Post by: AkapellaGuy on August 13, 2014, 02:43:51 pm
mhwlng - nicely done!

I did find that I had to give the AppPool user write permission under Content/img, and that I had to give it write permission in the root of the web app long enough for it to create log.txt and a couple of xml files.  And I modified the log4net configuration to put the log file into a a subfolder.

I can report that it appears to work successfully with the browser in my Windows 8 phone and with FireFox.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on August 13, 2014, 02:46:37 pm
Thanks for the info, good to know that it works on windows phone.

Note that you need permanent write access to those XML files in the root directory. They get updated frequently.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on August 17, 2014, 10:20:46 am
new version 1.0.1.5

-LONG press/click (for about a second) or right click on a tv show poster/banner results in a popup with a description of the tv show.

(The information is read from tvdb and is cached, so the first time could take a few seconds.)
Title: Re: Media Center Remote Control Web Application
Post by: magnust on August 19, 2014, 03:11:44 am
Wow, nice looking interface!!
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on December 15, 2014, 01:17:33 pm
new version 1.0.1.8

-Actors are now displayed on the tv show information popup. (long press or right click on tv show poster/banner)

Swipe left/right on the popup image, to scroll through the actors.

(https://farm8.staticflickr.com/7530/15843581780_32f71abaf6_b.jpg)

(The actor images are from http://thetvdb.com/)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on December 17, 2014, 08:51:45 am
new version 1.0.1.9

-Actors are now displayed on the movie details screen.

Swipe left/right on the movie poster, to scroll through the actors. (Click on the movie poster to play the movie, as usual.)

(https://farm8.staticflickr.com/7569/16043007505_d577f853d9_b.jpg)

(The actor images are from http://www.themoviedb.org/)
Title: Re: Media Center Remote Control Web Application
Post by: Primare Knob on February 04, 2015, 07:19:10 pm
Hi,

First of all let me thank you for putting up your hard work in here for all of us to be used.
It is a really nice interface and I almost got it working.

The thing I cannot get to show is the Genre Images from flickr.
The genre.xml has no url's defined. If put in the url manually copied from the flickr url the size of the image changes but it still is blank.

If I set the add key = "....nameisgenre value"="False" the stacked images from JRiver are shown.

I do have the following errors in my log.
Code: [Select]
ERROR 2015-02-05 11:56:55,760 CacheCallback - Error deleting C:\inetpub\wwwroot\MC_Gizmo\Content\img\ : Access to the path 'C:\inetpub\wwwroot\MC_Gizmo\Content\img\' is denied.
ERROR 2015-02-05 11:57:09,032 CacheCallback - Error Loading C:\inetpub\wwwroot\MC_Gizmo\Content\img\192.168.6.100\MC_Gizmo\GenrePics\www.flickr.com\photos\fiinix\6881788135\in\set-72157629331864211\ : The given path's format is not supported.
ERROR 2015-02-05 11:57:09,044 CacheCallback - Error deleting C:\inetpub\wwwroot\MC_Gizmo\Content\img\192.168.6.100\MC_Gizmo\GenrePics\www.flickr.com\photos\fiinix\6881788135\in\set-72157629331864211\ : Access to the path 'C:\inetpub\wwwroot\MC_Gizmo\Content\img\192.168.6.100\MC_Gizmo\GenrePics\www.flickr.com\photos\fiinix\6881788135\in\set-72157629331864211\' is denied.
ERROR 2015-02-05 11:57:09,045 CacheCallback - Error Loading C:\inetpub\wwwroot\MC_Gizmo\Content\img\www.flickr.com\photos\fiinix\7084382577\in\set-72157629331864211\ : An exception occurred during a WebClient request.
ERROR 2015-02-05 11:57:09,046 CacheCallback - Error deleting C:\inetpub\wwwroot\MC_Gizmo\Content\img\www.flickr.com\photos\fiinix\7084382577\in\set-72157629331864211\ : Access to the path 'C:\inetpub\wwwroot\MC_Gizmo\Content\img\www.flickr.com\photos\fiinix\7084382577\in\set-72157629331864211\' is denied.
ERROR 2015-02-05 11:57:09,046 CacheCallback - Error Loading C:\inetpub\wwwroot\MC_Gizmo\Content\img\ : The path is not of a legal form.
ERROR 2015-02-05 11:57:09,046 CacheCallback - Error deleting C:\inetpub\wwwroot\MC_Gizmo\Content\img\ : Access to the path 'C:\inetpub\wwwroot\MC_Gizmo\Content\img\' is denied.

The IIS_IUSER does have full control over the root folder and all of its sub folders, including the image folder
HCP version is 1.0.2.0
JRiver version is 19.0.155

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 05, 2015, 02:52:41 am
new version 1.0.2.1

- This fixes a problem with automatically downloading movie genre images from Flickr :

http://www.flickr.com/photos/fiinix/sets/72157629331864211/ (http://www.flickr.com/photos/fiinix/sets/72157629331864211/)

(Flickr changed their API from http to https)

If you have problems with these images, delete genre.xml, after updating to 1.0.2.1.
Title: Re: Media Center Remote Control Web Application
Post by: Primare Knob on February 05, 2015, 07:51:16 pm
Hi,

Thank you for your hard work and quick response. Your update is working and the Genre Picks are being displayed.

I still do have an error with (movie) files with the .iso format.  I suspect this has to do with some extension check/format check, returning a string error since the .iso is a Data Format Category inside JRiver.

Code: [Select]
Exception Details: System.FormatException: Input string was not in a correct format.
I have a few comments that are not meant as critique but me just being enthusiastic about your product.

The site is working on both my Samsung Galaxy 10.1 Android 4.4.2 with Chrome, and also on my iPone 4s OS X 8.1 Safari. The TV-Shows banners are only showing up on the iPhone, and unfortunately not on the SG 10.1, in portrait mode.

If I go into the movie file on the iPhone, the cover art is being displayed in a (to) smaller size compared to the rest of the design (meaning control buttons and info column). On the SG 10.1 the cover art is filling up nicely with the rest of the design.

Is it possible to have the option to display the TV Shows in banner format and perhaps have the same thing for the movie genres as well? The banners takes up less space and are giving the viewer an easier overview of the complete collection (more info onto 1 screen). Maybe even have two columns on a bigger sized screen?

I have altered the Genre expression to use up to 3 genres per movie, so that movies can show up in more than 1 category.

Would it be possible to create and link to my own Genre Pictures. Due to varies user settings and movie collections my JRiver settings and your Genre collection are out of sync, and it would come in handy if I could add my own genres with display picks that suit my personal needs.

One other thing that would be great is to have more control function in the playing now section. Maybe replace the cover art with a control point for example; Audio, Sub Titles, Volume, Theatre view control.

I am using the Chorus web interface of XBMC, and that has a nice option to download the file. This is quit handy for mobile devices.

I hope I am not out of line here, but I appreciate your hard work and sharing this with us.
Big Thanks.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 06, 2015, 05:33:14 am
new version 1.0.2.2

- New option in web.config :

  <add key="mcwstvshowbannermaxresolution" value="640" />

Increase the number, to show tv show banners in portrait mode on higher resolution devices. (e.g. Samsung Galaxy 10.1)

- Fixed problem where this error appeared, when height/width field was empty (e.g. for .iso files) :
  'System.FormatException: Input string was not in a correct format.'

- To use your own movie genre images, you need to edit genre.xml

Originally, a movie genre looks something like :

Code: [Select]
 <genre>
    <name>Action</name>
    <url>https://farm8.staticflickr.com/7055/6881788135_22622b0691_b.jpg</url>
    <timestamp>2015-02-05T09:41:17.7828567+01:00</timestamp>
  </genre>

Change it to something like :

Code: [Select]
 <genre>
    <name>Action</name>
    <url>moviegenres/action.jpg</url>
    <timestamp>2999-02-05T09:41:17.7828567+01:00</timestamp>
  </genre>

So : Change the timestamp to far in the future and put your image in : .\Content\img\moviegenres\action.jpg

-----------

Re: Cover art size problem on iPhone : I don't have access to an iPhone (4s), so I would need to see a screenshot ?

Re: Improving playing now screen and adding download option : I will take this under consideration, for a possible future release.
Title: Re: Media Center Remote Control Web Application
Post by: Primare Knob on February 07, 2015, 03:58:40 am
Thanks Mate,

This is great. All functions are working.
I have to set the banner resolution to 820 on the Galaxcy Tab 10.1 Android 4.4.2.

Things are working fine on a Nokia 535 Win 8.1 Phone with internet explorer. Execpt that the playback control buttons don't show up. They all look like an empty square.

I have included  the screen shot from the iphone 4s osx 8.1 with safari.

Cheers.


Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 07, 2015, 04:10:37 am
1)
re: font problem on windows 8 phone :

Add missing MIME Types in IIS for font files :

http://stackoverflow.com/questions/15819717/font-awesome-not-displayed-on-windows-phone-8 (http://stackoverflow.com/questions/15819717/font-awesome-not-displayed-on-windows-phone-8)

2)
re: small iPhone cover art size:

The logic (for portrait orientation) is, to resize the image to fit vertically on the screen.
I can see, from your screenshot, that there is very little vertical room on the screen.
('css' pixels :  iPhone 4 : 320x480, compare iPhone 5 : 320x568, Samsung galaxy S4 : 360x640 (note: not the same as 'physical' pixels http://mydevice.io/devices/ (http://mydevice.io/devices/)))

So, I'm afraid that I can't change the way it looks on your iPhone 4s.

Safari on ios (just like chrome on android), has an option 'add to homescreen'.
This option adds an icon to the home screen, which always shows the web page full screen, which gives you more vertical height. and the cover art will be bigger.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 07, 2015, 11:04:41 am
new version 1.0.2.3

- This adds 'Music By Genre' screen.

There is a new (web)gizmo view required for this (see installation notes) and there is a new web.config option that points to this new view :

Quote
<add key="mcwsmusicgenrestoplevelname" value="Music Genres" />

Note that the default jriver music genre images can be replaced with custom genre .jpg images. (see installation notes)

For example, using music genre images like http://www.allmusic.com/genres (http://www.allmusic.com/genres) :

(https://farm8.staticflickr.com/7325/15851205983_245e625e8b_b.jpg)

More music genre images can be found here :

https://www.flickr.com/groups/itunesgenres/pool/ (https://www.flickr.com/groups/itunesgenres/pool/)

https://github.com/bartowski/skin.night/tree/master/extras/musicgenres (https://github.com/bartowski/skin.night/tree/master/extras/musicgenres)

Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 08, 2015, 03:48:44 am
new version 1.0.2.4

- This adds 'Music By Style' screen.   (optional, disabled by default)

There is a new (web)gizmo view required for this (see installation notes) and there is a new web.config option that points to this new view :

Quote
<add key="mcwsmusicstylestoplevelname" value="Music Styles" />
<add key="mcwsmusicshowstyles" value="True" />

(https://farm8.staticflickr.com/7430/16471194655_0626593309_b.jpg)

(https://farm8.staticflickr.com/7397/16283771720_5d99c2b159_b.jpg)

See installation notes for more information.

I inserted the style information from allmusic.com into my music album tags :

http://www.allmusic.com/advanced-search (http://www.allmusic.com/advanced-search)

NOTE that this requires the creation of a new 'Styles' database field (Data Type : List).
The existing 'Style' field is not suitable to contain the allmusic.com style information, because it can only contain a single style.

On allmusic.com, there are a small number of Music Genres (see previous post) and for each Music Genre, there are a number of Music Styles :

Genre : Blues -> Style : Acoustic Blues, East Coast Blues, New Orleans Blues etc.
Title: Re: Media Center Remote Control Web Application
Post by: Primare Knob on February 09, 2015, 08:39:39 pm
1)
re: font problem on windows 8 phone :

I don't have a windows phone, so I can't test anything, but here are several tips : (In the last post, they suggest to add/check MIME types in IIS)

http://stackoverflow.com/questions/15819717/font-awesome-not-displayed-on-windows-phone-8 (http://stackoverflow.com/questions/15819717/font-awesome-not-displayed-on-windows-phone-8)

2)
re: small iPhone cover art size:

The logic (for portrait orientation) is, to resize the image to fit vertically on the screen.
I can see that there is very little vertical room on the screen.


('css' pixels :  iPhone 4 : 320x480, compare iPhone 5 : 320x568, Samsung galaxy S4 : 360x640 (note: not the same as 'physical' pixels http://mydevice.io/devices/ (http://mydevice.io/devices/)))

So, I'm afraid that I can't change the way it looks on your iPhone 4s.

I believe that safari on ios, has an option 'add to homescreen'.
This option adds an icon to the home screen, which always shows the web page full screen, which gives you more vertical height. and the cover art will be a little bit bigger.
(I only tested this on an iPad mini)

All working fine now.
Windows Font missing confirmed fix.
Iphone 4S Full Screen confirmed fix.

You are doing a great job here. Thanks.

I haven't tried the next update yet, but sure will. I am trying to get my head around the Gizmo, and Your interface, and start to incorporate some of my own preferences. You are making my life easy by doing 90% of the work for me.
Title: Re: Media Center Remote Control Web Application
Post by: kfrank on February 10, 2015, 01:53:51 pm
This may be a stupid question, but can one listen to music on the device that is running "Media Center Remote control Application" in a browser (Desktop web browser,  tablet web browser,  phone web browser) or does this application serve as only a remote control to play music/videos on the device running media center (my home computer)?
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 10, 2015, 01:58:52 pm
This application is a remote control.

If you want to play music on your phone/tablet/etc., there are plenty of other options.
Title: Re: Media Center Remote Control Web Application
Post by: kfrank on February 10, 2015, 02:22:29 pm
mhwlng... Thanks for the response. :(
I have not come across any good options for playing in my web browser on my work PC without installing media center on them.
It appears as though WebGizmo is going to stay bare bones as is(unless you can customize it yourself) and does not have any of the advanced functionality that your application has.
For example WebGizmo does not even offer the option to shuffle playlists or skip to next or previous track options  :-\

Good luck with further development of this app. It looks awesome so far :)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 14, 2015, 06:40:46 am
new version 1.0.2.5

- This adds 'Movies By Actor' screen.  

There is a new (web)gizmo view required for this (see installation notes) and there is a new web.config option that points to this new view :

Quote
<add key="mcwsmovieactorstoplevelname" value="Movie Actors" />

(https://farm8.staticflickr.com/7358/15906519713_41fdb005ca_b.jpg)

(The actor images are from http://www.themoviedb.org/)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on February 15, 2015, 12:57:49 pm
new version 1.0.2.6

- This adds 'Movies By Director' screen.  

There is a new (web)gizmo view required for this (see installation notes) and there is a new web.config option that points to this new view :

Quote
<add key="mcwsmoviedirectorstoplevelname" value="Movie Directors" />

- Revised resizing method for Movie Actor + Movie Director images from themoviedb.org to 2:3 aspect ratio :
  To prevent squashed faces, a black bar is now added, at the bottom of the image, when necessary.
  (Delete tmdbperson.xml, to resize existing images using this new method.)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on March 07, 2015, 06:51:23 am
new version 1.0.3.1

- Added mute, subtitles, audio stream buttons to control screen
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on April 08, 2015, 08:25:47 am
My favorite user interface :

A docked Nexus 10 tablet, in landscape mode, on a small side table next to my sofa, to remote control media center on the TV in my living room.

And a Logitech MX Air gyroscopic mouse, to occasionally control media center directly on the TV.

(http://yabb.jriver.com/interact/index.php?action=dlattach;topic=86411.0;attach=16762;image)

(http://yabb.jriver.com/interact/index.php?action=dlattach;topic=86411.0;attach=16764;image)

The stand is the "Cooler Master Wave Stand" :  http://www.coolermaster.com/mobile/stands-and-lap-desks-series/wave/ (http://www.coolermaster.com/mobile/stands-and-lap-desks-series/wave/)
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on April 18, 2015, 09:47:09 am
new version 1.0.3.3

- Added music download option (disabled by default, see installation notes) :
  LONG press/click (for about a second) or right click on the album cover and a zip file is created, containing all the album music files and Folder.jpg.

- in addition to LONG press/click (for about a second) also allow right click on tv show image to show tv show information popup.

- Optimized music fan art caching, so browsing will be faster in certain situations.

Title: Re: Media Center Remote Control Web Application
Post by: daek on April 24, 2015, 01:42:23 pm
This web app looks great!

Just because your app is free. Any interest makes this app open source?
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on April 24, 2015, 01:44:15 pm
Any interest makes this app open source?

No, Sorry. I have no plans to make the application open source.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 17, 2015, 08:14:02 am
new version 1.0.3.4

- fixed a problem with the 'Movies By Actor' image caching mechanism.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 24, 2015, 09:12:16 am
new version 2.0.0.0

- major rewrite :

The application now makes use of the Angularjs (https://angularjs.org/) framework.
and is now a 'Single Page Application' (SPA).

Note that the individidual screens look the same as before.
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 30, 2015, 09:32:32 am
new version 2.0.1.0

- Various bugfixes

- It is now possible to play music inside the web browser :

Change localplay to True in web.config

Quote
<add key="localplay" value="True" />

Now, all music will be played inside the web browser, using the html5 <audio> tag.
The music will keep playing, while navigating to different screens
and the 'Playing' and 'Control' screens will now handle the local playlist.

Tested so far, while playing MP3s, on :
-PC : Chrome / Internet Explorer 11 / Firefox
-IOS 8.3 : Safari on IPad Mini Retina
-Android 5.1.1 : Chrome on Nexus 7 and Nexus 10
-Android 5.0.1 : Chrome on Samsung Galaxy S4
-Android 4.4.4 : Chrome on Galaxy Note GT-N7000 with Omni Rom
Title: Re: Media Center Remote Control Web Application
Post by: mhwlng on May 31, 2015, 04:21:22 am
new version 2.0.1.1

- Bugfixes (playing now screen)
- Added local volume slider on control screen
- Local volume is now remembered
Title: Re: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on June 06, 2015, 03:29:53 am
new version 2.0.1.2

- Switched to new toolkit for TheMovieDb, which implements API call throttling.
  This fixes a problem where some actor images could be missing on the Movie Actors screen.
Title: Re: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on June 06, 2015, 12:42:56 pm
I looked into the current state of Web Speech API (speech recognition and text-to-speech inside web browser)

I made some proof-of-concept code, that allows something like this :

I say "Computer" ->
<- device says "Yes?"
<- mute local/remote audio

I say "Next" ->
<- device says "Next"
<- select next local/remote track
<- unmute local/remote audio

This works ok in the latest chrome on PC (>=43.0.2357.81) , however there are some issues :

1) it ONLY works when accessing the web server using HTTPS. So you will need an SSL certificate. (Which I have.)

2) It doesn't work at all on IOS. (chrome or safari)

3) It does work in Chrome on Nexus 7 / 10 with Android 5.1.1 however :

    -It doesn't play well with the html5 audio tag.
     So, you can really only use it when controlling media center and not when playing audio locally.

    -The speech recognition engine beeps a lot.

    -When the device screen blanks, the speech recognition engine is automatically shut down.
     So, you will have to pick the device up and press some buttons, to get it to recognize speech again.
     Then, you might as well press the 'next' button on the screen, anyway, instead of saying 'next'...

4) All your speech is sent to google servers. Which could be a privacy issue...


So....

After some tests, I abandoned this functionality again, for now....

Title: Re: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on August 08, 2015, 04:59:14 am
new version 2.0.1.3

minor update, no new functionality

- compiled with latest version of development tools and various libraries.
- updated to latest version of various javascript frameworks (e.g. angular)

Tested with Media Center 21, IIS on windows 10 pro and Edge browser
Title: Re: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on August 26, 2015, 08:52:05 am
new version 2.0.1.4

- Flickr api key had expired, so automatic download of movie genre image had stopped working.
Title: Re: Media Center Remote Control and Streaming Web Application
Post by: mhwlng on December 05, 2015, 04:19:25 am
new version 2.0.1.5

reverted angularjs to older version : 1.4.3
newer angularjs versions cause problems in bootstrap drop down menu (vertical scrollbar is gone...)
Title: Re: Media Center Remote Control and Streaming Web Application
Post by: leperlord on January 05, 2021, 05:46:54 pm
Is this app still happening?

Is there a simpletons step by step on how to set this up on my windows device?

i read this over and admit i feel dumb as cement

Cheers