[vlc-commits] Added forward and rewind (30s) buttons to mobile HTTP remote control

[Carlos Fenollosa]

vlc | branch: master | Carlos Fenollosa <carlos.fenollosa at gmail.com> | Wed Mar 18 18:43:23 2015 +0100| [f069d5ec5f7298373cf2f419c14282929736baf5] | committer: Jean-Baptiste Kempf

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

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

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=f069d5ec5f7298373cf2f419c14282929736baf5
---

 share/lua/http/css/mobile.css |    6 ++++++
 share/lua/http/mobile.html    |   10 ++++++++++
 2 files changed, 16 insertions(+)

diff --git a/share/lua/http/css/mobile.css b/share/lua/http/css/mobile.css
index 717fc50..e503334 100644
--- 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 f296c66..475ab30 100644
--- 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>