Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(23)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ui/file_manager/audio_player/audio_player.html

Issue 980423003: [Audio Player] support touch on the volume bar and progress slider (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 -- Copyright 2014 The Chromium Authors. All rights reserved. 2 -- Copyright 2014 The Chromium Authors. All rights reserved.
3 -- Use of this source code is governed by a BSD-style license that can be 3 -- Use of this source code is governed by a BSD-style license that can be
4 -- found in the LICENSE file. 4 -- found in the LICENSE file.
5 --> 5 -->
6 <!DOCTYPE HTML> 6 <!DOCTYPE HTML>
7 <html> 7 <html>
8 <head> 8 <head>
9 <!-- We have to set some default title, or chrome will use the page name. 9 <!-- We have to set some default title, or chrome will use the page name.
10 -- As soon as the i18n'd strings are loaded we replace it with the correct 10 -- As soon as the i18n'd strings are loaded we replace it with the correct
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 <polymer-element name="control-panel"> 76 <polymer-element name="control-panel">
77 <template> 77 <template>
78 <link rel="stylesheet" href="elements/control_panel.css"> 78 <link rel="stylesheet" href="elements/control_panel.css">
79 79
80 <div class="controls"> 80 <div class="controls">
81 <div class="upper-controls time-controls"> 81 <div class="upper-controls time-controls">
82 <div class="time media-control"> 82 <div class="time media-control">
83 <div class="current">{{timeString_}}</div> 83 <div class="current">{{timeString_}}</div>
84 </div> 84 </div>
85 <div class="progress media-control custom-slider"> 85 <div class="progress media-control custom-slider">
86 <input name="timeInput" 86 <input name="timeInput" type="range" touch-action="manipulation"
87 type="range"
88 min="0" max="{{duration}}" value="{{time}}"> 87 min="0" max="{{duration}}" value="{{time}}">
89 <div class="bar"> 88 <div class="bar">
90 <div class="filled" style="width: {{time/duration*100}}%;"></div> 89 <div class="filled" style="width: {{time/duration*100}}%;"></div>
91 <div class="cap left"></div> 90 <div class="cap left"></div>
92 <div class="cap right"></div> 91 <div class="cap right"></div>
93 </div> 92 </div>
94 </div> 93 </div>
95 <div class="time media-control"> 94 <div class="time media-control">
96 <div class="duration">{{durationString_}}</div> 95 <div class="duration">{{durationString_}}</div>
97 </div> 96 </div>
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
177 </div> 176 </div>
178 </template> 177 </template>
179 </polymer-element> 178 </polymer-element>
180 179
181 <!-- Definition of <volume-controller> tag. --> 180 <!-- Definition of <volume-controller> tag. -->
182 <polymer-element name="volume-controller" attributes="width height value"> 181 <polymer-element name="volume-controller" attributes="width height value">
183 <template> 182 <template>
184 <link rel="stylesheet" href="elements/volume_controller.css"> 183 <link rel="stylesheet" href="elements/volume_controller.css">
185 184
186 <div id="background"></div> 185 <div id="background"></div>
187 <input name="rawValueInput" id="rawValueInput" 186 <input name="rawValueInput" id="rawValueInput" touch-action="manipulation"
188 type="range" min="0" max="100" value="{{rawValue}}"> 187 type="range" min="0" max="100" value="{{rawValue}}">
189 <div id="bar"> 188 <div id="bar">
190 <div class="filled" style="height: {{rawValue}}%;"></div> 189 <div class="filled" style="height: {{rawValue}}%;"></div>
191 <div class="cap left"></div> 190 <div class="cap left"></div>
192 <div class="cap right"></div> 191 <div class="cap right"></div>
193 </div> 192 </div>
194 </template> 193 </template>
195 </polymer-element> 194 </polymer-element>
196 195
197 <!-- Definition of <audio-player> tag. --> 196 <!-- Definition of <audio-player> tag. -->
(...skipping 11 matching lines...) Expand all
209 <audio id="audio"></audio> 208 <audio id="audio"></audio>
210 </template> 209 </template>
211 </polymer-element> 210 </polymer-element>
212 211
213 <div class="audio-player"> 212 <div class="audio-player">
214 <!-- Place the audio player. --> 213 <!-- Place the audio player. -->
215 <audio-player></audio-player> 214 <audio-player></audio-player>
216 </div> 215 </div>
217 </body> 216 </body>
218 </html> 217 </html>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698