Subsonic

<!DOCTYPE HTML> <html> <head> <title>Subsonic</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="description" content=""/> <meta name="keywords" content=""/>  <script src="js/jquery.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.scrollgress.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <script src="inc/js/FancyZoom.js"></script> <script src="inc/js/FancyZoomHTML.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-33110060-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <link rel="icon" type="image/png" href="inc/img/favicon.png" /> <noscript> <link rel="stylesheet" href="css/skel.css"/> <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="css/style-wide.css"/> </noscript>  </head> <body class="landing"> <header id="header" class="alt"> <h1> <a href="index.jsp"><span class="image left"><img src="inc/img/subsonic_logo.png" alt="" style="height: 50px"/></span> Subsonic</a>      ... easy listening</h1> <nav id="nav"> <ul> <li><a href="index.jsp">Home</a></li> <li><a href="premium.jsp">Premium</a></li> <li><a href="apps.jsp">Apps</a></li> <li><a href="sonos.jsp">Sonos</a></li> <li><a href="demo.jsp">Demo</a></li> <li> <a href="help.jsp" class="icon fa-angle-down">Help</a> <ul> <li><a href="installation.jsp">How to Install</a></li> <li><a href="getting-started.jsp">Getting Started</a></li> <li><a href="features.jsp">Features</a></li> <li><a href="faq.jsp">FAQ</a></li> <li><a href="http://forum.subsonic.org/forum/index.php">Forum</a></li> <li> <a href="">More...</a> <ul> <li><a href="changelog.jsp">Change Log</a></li> <li><a href="transcoding.jsp">Transcoding Settings</a></li> <li><a href="database.jsp">Using an External DB</a></li> <li><a href="translate.jsp">How to Translate</a></li> <li><a href="privacy.jsp">Privacy Policy</a></li> </ul> </li> </ul> </li> <li><a href="api.jsp">API</a></li> <li><a href="download.jsp" class="button icon fa-download">Download</a></li> </ul> </nav> </header> <section id="banner"> <h2>Subsonic</h2> <p>Your complete, personal media streamer.</p> <ul class="actions"> <li><a href="download.jsp" class="button special">Download</a></li> <li><a href="#learnmore" class="button">Learn more</a></li> </ul> </section>  <section id="main" class="container"> <a name="learnmore"></a> <section class="box special"> <header class="major"> <h2>Stream from your own computer.<br>Your media — your terms.</h2> <p>Enjoy your music and movies everywhere.<br>Share with family and friends.</p> </header> <span class="image featured"><img src="inc/img/premium.jpg" alt="" /></span> </section> <div class="row"> <div class="6u 12u(2)"> <section class="box special"> <span class="image featured"><img src="inc/img/screenshot-1.png" alt="" style="background:#808080; background:linear-gradient(#808080, #353535)"/></span> <h3>Packed with features</h3> <p>Podcast receiver, Chromecast, Sonos, jukebox mode, on-the-fly downsampling and conversion, multiple frontends, highly customizable, full support for tags, lyrics and album art, DLNA, open REST API, ...</p> <ul class="actions"> <li><a href="features.jsp" class="button alt">See all features</a></li> </ul> </section> </div> <div class="6u 12u(2)"> <section class="box special"> <span class="image featured"><img src="inc/img/road.jpg" alt="" /></span> <h3>Don't leave home without it</h3> <p>Apps available for Android, iPhone, Windows Phone, Chrome and many more.</p> <div style="height:3.3em;"></div> <ul class="actions"> <li><a href="apps.jsp" class="button alt">See all apps</a></li> </ul> </section> </div> </div> <section class="box "> <div class="row"> <div class="6u 12u(3)"> <h3 class="align-center">How does it work?</h3> <ol> <li>Install the Subsonic server app where you keep your media.</li> <li>Use a browser on any computer to play music and movies.</li> <li>(Optional) Get an app for your phone.</li> </ol> <ul class="actions align-center"> <li><a href="help.jsp" class="button alt">Learn more</a></li> </ul> </div> <div class="6u 12u(3)"> <span class="image right"><a href="inc/img/screenshot-2.png"><img src="inc/img/screenshot-2.png" class="dropshadow" alt="" style="width:100%"/></a></span> </div> </div> </section> </section>  <section id="cta"> <h2>Ready to go?</h2> <p>Available for Windows, Mac, Linux and more.</p> <ul class="actions"> <li><a href="download.jsp" class="button">OK, I'm convinced</a></li> <li><a href="demo.jsp" class="button">Show me the demo first</a></li> </ul> </section> <footer id="footer"> <span class="image fit"><img src="inc/img/footer.jpg" alt=""/></span> <ul class="copyright"> <li>© Subsonic AS – All rights reserved</li> <li><a target="_blank" href="mailto:mail@subsonic.org" class="icon fa-envelope-o"><span class="label">Mail</span></a></li> <li>Made in Norway</li> <li>Sindre Mehus</li> </ul> </footer> <script type="text/javascript" language="javascript"> setupZoom(); </script> </body> </html>

CINXE.COM

Subsonic