diff options
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/index.html | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/resources/index.html b/resources/index.html index cafac48..8df3f4c 100644 --- a/resources/index.html +++ b/resources/index.html @@ -235,6 +235,11 @@ margin: 0.1em; } + button.small { + border-radius: 0.2em; + font-size: 0.4em; + } + .power { color: white } .power.on { background-color: green } .power.off { background-color: red } @@ -327,20 +332,27 @@ <summary>controls</summary> <table> <tr> - <td><button onclick="vlcCommand('play')" class="control">▶</button></td> - <td><button onclick="vlcCommand('pause')" class="control">⏸</button></td> - <td><button onclick="vlcCommand('stop')" class="control">⏹</button></td> + <td colspan="2"><button onclick="vlcCommand('play')" class="control">▶</button></td> + <td colspan="2"><button onclick="vlcCommand('pause')" class="control">⏸</button></td> + <td colspan="2"><button onclick="vlcCommand('stop')" class="control">⏹</button></td> </tr> <tr> - <td><button onclick="vlcCommand('subs')" class="control">🖹</button></td> - <td> </td> - <td><button onclick="vlcCommand('audio')" class="control">💬</button></td> + <td><button onclick="vlcCommand('seek',{val:'-60'})" class="control small">-1'</button></td> + <td><button onclick="vlcCommand('seek',{val:'-30'})" class="control small">-30"</button></td> + <td><button onclick="vlcCommand('seek',{val:'-15'})" class="control small">-15"</button></td> + <td><button onclick="vlcCommand('seek',{val:'+15'})" class="control small">+15"</button></td> + <td><button onclick="vlcCommand('seek',{val:'+30'})" class="control small">+30"</button></td> + <td><button onclick="vlcCommand('seek',{val:'+60'})" class="control small">+1'</button></td> + </tr> + <tr> + <td colspan="3"><button onclick="vlcCommand('subs')" class="control">🖹</button></td> + <td colspan="3"><button onclick="vlcCommand('audio')" class="control">💬</button></td> </tr> <tr> - <td colspan="3" id="playing-name"><p><span></span></p></td> + <td colspan="6" id="playing-name"><p><span></span></p></td> </tr> <tr> - <td colspan="3"><input type="range" id="current-pos"></td> + <td colspan="6"><input type="range" id="current-pos"></td> </tr> </table> </details> |