Setting up Subsonic Music Streamer & Editing Web Page

Setting up Subsonic Music Streamer & Editing Web Page

Install Java by typing:

#apt-get install

Download Subsonic from the Subsonic website

Install the Subsonic package:

# dpkg -i subsonic-4.6.deb

Notice that the installer configures your system to start Subsonic automatically when booting. After installing, open the Subsonic web page on http://localhost:4040.

Advanced configuration

To change the port number, Java memory settings or other startup parameters, edit the SUBSONIC_ARGS variable in /etc/default/subsonic. To restart Subsonic, do sudo service subsonic restart

Troubleshooting

Check the logs in /var/subsonic.

Launch your web browser and type the following in the URL

http://localhost:4040

Log in using admin as username and password.

After you log in you can add the media files to the playlist.

You can also add user accounts and set what the user can do.

Changing the Web page

You can easily change the icons and hyperlinks of the web page by following these steps:

Firstly, you need to locate the html files and in this case the jsp files.

To locate the subsonic web page, type:

root@googlerunslinux:~# dpkg -S subsonic

subsonic: /usr/share/subsonic/subsonic.sh

subsonic: /usr/share/subsonic/subsonic.war

subsonic: /etc/init.d/subsonic

subsonic: /usr/share/subsonic/subsonic-booter-jar-with-dependencies.jar

subsonic: /var/subsonic/transcode/lame

subsonic: /var/subsonic/transcode

subsonic: /var/subsonic

subsonic: /usr/share/subsonic

subsonic: /etc/default/subsonic

subsonic: /var/subsonic/transcode/ffmpeg

In the preceding output, the line which is in bold has been identified to contain the html and jsp files.

Open the web page and right-click on the section of the page you would like to edit. In this example, we would change the top menu hyperlinks. But before you make amendments, make a copy of the original html files.

Right click on the top menu and select “This Frame”–>”View Frame Source”

This will open up the html file and you will get to know the filename of the html file. In this case it’s “top.view?”. This file refers to top.jsp file

To locate top.jsp, type:

# locate top.jsp

/var/subsonic/jetty/2585/webapp/WEB-INF/jsp/top.jsp

If you want to use the find command, type:

root@googlerunslinux:~# find / -type f -iname top.jsp

But you will need to Ctrl+C to break the output.

We will replace the donate button’s hyperlink to point to home.view. Search the word “donate” using Ctrl+F buttons. The following line shows the hyperlink has been amended to home.view html page.

<a href="home.view" target="main"><img src="icons/donate_small.png" alt=""></a>

You can continue to change the hyperlinks of the “About” page, the icons and etc. To change picture s of icons, right click on the section of the web page and select “View Page Info”. Click on the Media tab and scroll down the “Address” column. Find the picture icon that you want to change and replace it with your own icon. Again it’s a good practice to make a copy of the original icon

Below are my Subsonic site screenshots

subsoniclogin

subsonic

This entry was posted in html, media server, multimedia, music, subsonic, web server. Bookmark the permalink.

Leave a comment