Change client-browser-view with subsonic

Need help? Post your questions here.

Moderator: moderators

Change client-browser-view with subsonic

Postby pemholder » Sat Aug 01, 2020 3:50 pm

I would like that if clients connect to my subsonic server (Windows standalone) with their browsers get a standalone-view without any browser-buttons and menues.
I know that this view is possible on the client site i.e. in Edge if you make a Progressive Web Apllication. (PWA).

But is it also possible to influence the appearance of different client browsers from the server and can it be done with subsonic?
If yes, what would I have to change?
pemholder
 
Posts: 97
Joined: Wed Dec 09, 2009 1:28 pm

Re: Change client-browser-view with subsonic

Postby 3Dscrewer » Sun Aug 02, 2020 9:30 am

So far I understand you like a fullscreen view like pressing F11 Button?

I didn't try, but you can modify the css sheets by adding commands like

/* Chrome, Safari and Opera syntax */
:-webkit-full-screen {
background-color: yellow;
}

/* Firefox syntax */
:-moz-full-screen {
background-color: yellow;
}

/* IE/Edge syntax */
:-ms-fullscreen {
background-color: yellow;
}

/* Standard syntax */
:fullscreen {
background-color: yellow;
}

But for that, you need the knowledge for css.
http://w3schools-fa.ir/css/default.html

You will find the style sheets here
c:\subsonic\jetty\0cfa60\webapp\style\
where 0cfa60 may be different.

There might be other solutions I don't know
3Dscrewer
 
Posts: 197
Joined: Tue Feb 13, 2018 1:11 pm

Re: Change client-browser-view with subsonic

Postby pemholder » Sun Aug 02, 2020 10:12 am

3Dscrewer wrote:So far I understand you like a fullscreen view like pressing F11 Button?

No, not the fullscreen mode.
What I want is a so called "standalone-mode" or at least the "minimal ui-display-mode" which are possible in PWAs and manifests. I dont want to force the clients browser to full-screen which would not be acceptable from the clients view.
Here some links:

https://www.w3.org/TR/appmanifest/#dom- ... fullscreen
https://superpwa.com/doc/web-app-manife ... lay-modes/

Edit:
There seem to be the same display-mode definitions in CSS as used in the manifest:
https://developer.mozilla.org/en-US/doc ... splay-mode

I'll have a look into that.
pemholder
 
Posts: 97
Joined: Wed Dec 09, 2009 1:28 pm

Re: Change client-browser-view with subsonic

Postby acroyear » Sun Aug 02, 2020 1:55 pm

The main UI is not configured (no app manifest) to be a PWA of any type. I don't know how easy it might be to find the 'deployed' version of the app generated by JETTY (extracting out the .war file) to be able to casually insert one.

For Chrome (and I think Edge) is it possible to get a standalone window anyways these days. For Chrome, in the 3-dot menu, More Tools, Create Shortcut. At the dialog that comes up there, usually there's an option to "open in window" - check it and you should find the application show up in the "Apps" toolbar bookmark. Click that, and it should open in a new window and have its own icon in your task bar that you can pin down.

(Shameless plug) - The SubFire apps are all PWAs, and work for desktop as well as mobile. https://subfiresuite.com/
--
Joe Shelby
http://subfiresuite.com/
http://subfireplayer.net/
User avatar
acroyear
 
Posts: 779
Joined: Wed Mar 27, 2013 8:05 pm
Location: Northern, VA

Re: Change client-browser-view with subsonic

Postby pemholder » Mon Aug 03, 2020 8:09 am

@acroyear
I am new to this and my knowledge does not exceed the basics which I read about in the last days.
So maybe I am misunderstanding you because I think that you talk about things that affect actions on the clients side.

My scenario:
Some relatives and close friends have an account on my subsonic-sever. Nearly all these persons have no special computer skills.
My subsonic-server is presented to them on the normal PC and an internet-browser. The client accounts are not allowed to change subsonic-settings.
My goal is to present to all these clients the same view in a browser of their choice and hide browser settings and buttons because I learned in the past that the subsonic-ui and the browser-ui sometimes got mixed up by them. So just a separate browser-window with the subsonic-ui (which I changed and restricted in a few things) seems to me the best solution.

This could surely be reachable with a PWA-link created by the browser on the clients PC and I already used in in some cases on my PC with chrome.
But that has to be done for each client locally and special for the browser they use.
So I would like to go a different way and influence the clients view on different browsers with changes from my subsonic-servers side.
As far as I understand 3Dscrewer this could be achieved with editing the subsonic-CSS-files.
pemholder
 
Posts: 97
Joined: Wed Dec 09, 2009 1:28 pm

Re: Change client-browser-view with subsonic

Postby pemholder » Mon Aug 03, 2020 3:38 pm

3Dscrewer wrote:But for that, you need the knowledge for css.
http://w3schools-fa.ir/css/default.html

I did not find something special about the displaymode there.
The only thing I found was here:
https://developer.mozilla.org/en-US/doc ... splay-mode

I made some tests with no result so far.
Could you exactly describe in which way I have to edit the CSS-File?
I use the Black-in-Black-Theme and which seems to belong to the black.css that loads the midnight.css.
pemholder
 
Posts: 97
Joined: Wed Dec 09, 2009 1:28 pm

Re: Change client-browser-view with subsonic

Postby 3Dscrewer » Wed Aug 05, 2020 9:04 am

Sorry, I don't have the time to research a solution for you.
I have my own project learning by doing. CSS is not to learn in a blink of an eye.
I have had a look at your mentioned Style, there are 3 used styles, black, midnight AND base. The best way is to find the login screen, but following css can alter/modify your settings.
Remember every time you are loading the page, the website is cached and you have to flush the cache first to see results, to use the private view will flush the cache in most cases direct after closing.
The best way, like I do it, is to ask in css forum how to do ....

Another possible solution
most browsers accept command lines.
At windows, make a copy of the icon and add the needed commands. In most cases it is also possible to add an url, you can send the icon by mail to your users.
I guess it is the easy way ... but needs also time for testing
3Dscrewer
 
Posts: 197
Joined: Tue Feb 13, 2018 1:11 pm


Return to Help

Who is online

Users browsing this forum: No registered users and 7 guests