Added forward and rewind (30s) buttons to mobile HTTP remote control

Signed-off-by: Jean-Baptiste Kempf <jb@videolan.org>

diff --git a/share/lua/http/css/mobile.css b/share/lua/http/css/mobile.css
index 717fc50515d22f891a7dbf3e5b300ebea8850250..e50333467f69e8373c436b618b3d2762dacd323b 100644 (file)
--- a/share/lua/http/css/mobile.css
+++ b/share/lua/http/css/mobile.css
@@ -105,6 +105,12 @@ body{
 #buttonStop{
        background-position: -576px 0px;
 }
+#buttonRewd{
+       background-position: -528px 0px;
+}
+#buttonFwrd{
+       background-position: -96px 0px;
+}
 .playing {
        background-position: -336px 0px;
 }

diff --git a/share/lua/http/mobile.html b/share/lua/http/mobile.html
index f296c66ec39f5c319bf7d603dde5b7d5ab977b4f..475ab30ef7c3704fc9d7f877091c681002907876 100644 (file)
--- a/share/lua/http/mobile.html
+++ b/share/lua/http/mobile.html
@@ -62,6 +62,14 @@
                                        }
                                        return false;
                                });
+                $('#buttonRewd').click(function(){
+                    sendCommand({'command': 'seek', 'val': '-30S'});
+                    return false;
+                });
+                $('#buttonFwrd').click(function(){
+                    sendCommand({'command': 'seek', 'val': '+30S'});
+                    return false;
+                });
                        })
                </script>
        </head>
@@ -74,8 +82,10 @@
                <div id="play_controls">
                        <div id="buttons">
                                <div id="buttonPrev" class="button48  ui-corner-all" title="Previous"></div>
+                               <div id="buttonRewd" class="button48  ui-corner-all" title="Rewind"></div>
                                <div id="buttonPlay" class="button48  ui-corner-all paused" title="Play"></div>
                                <div id="buttonStop" class="button48  ui-corner-all" title="Stop"></div>
+                               <div id="buttonFwrd" class="button48  ui-corner-all" title="Forward"></div>
                                <div id="buttonNext" class="button48  ui-corner-all" title="Next"></div>
                        </div>
                        <div id="seekSlider" title="Seek Time" style="font-size:15px;"></div>