Added volume controls

popeen · Sep 2, 2020 · ab12ca5 · ab12ca5
1 parent a1b73e5
commit ab12ca5
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/airsonic-main/src/main/webapp/WEB-INF/jsp/albumMain.jsp b/airsonic-main/src/main/webapp/WEB-INF/jsp/albumMain.jsp
@@ -41,9 +41,24 @@
                 padding: 10px;
                 margin-bottom: 20px;
             }
+            #search{
+                margin-top: 20px;
+            }
             #search ul li{
                 list-style-type: none;
             }
+            
+            .linkBtn{
+                display:block;
+                background:#3184A5;
+                text-align:center;
+                width: 180px;
+                margin:auto;
+                padding: 10px;
+                color:#fff !important;
+                text-decoration: none !important;
+                font-weight: bold  !important;
+            }
         </style>
 
 </head><body class="mainframe bgcolor1" onload="init();">
@@ -219,6 +234,10 @@
                     <c:param name="showZoom" value="false"/>
                     <c:param name="showChange" value="false"/>
                 </c:import>
+                <div>
+                <a href="#" onclick='top.playQueue.onPlay(<c:out value="${model.files[0].id}" />); return false;' class="linkBtn">Play</a><br/>
+                <a href='${downloadUrl}' class="linkBtn">Download</a>
+                </div>
                 <div id="search">
                     <b>Search:</b><br/>
                     <a href='https://www.audible.com/search?title=<c:out value="${model.album}" />&author_author=<c:out value="${model.artist}" />' target="_blank">Audible</a><br/>

diff --git a/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp b/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp
@@ -68,7 +68,7 @@
         </div>
 
         <div id="player">
-            <audio id="audioPlayer" data-mejsoptions='{"alwaysShowControls": false, "enableKeyboard": false, "features": ["current", "progress", "duration"]}' tabindex="-1" />
+            <audio id="audioPlayer" data-mejsoptions='{"alwaysShowControls": false, "enableKeyboard": false, "features": ["current", "progress", "duration", "volume"]}' tabindex="-1" />
         </div>
 
         <table class="music indent" style="cursor:pointer">