diff options
Diffstat (limited to 'mediagoblin/static')
| -rw-r--r-- | mediagoblin/static/css/audio.css | 2 | ||||
| -rw-r--r-- | mediagoblin/static/js/audio.js | 10 |
2 files changed, 9 insertions, 3 deletions
diff --git a/mediagoblin/static/css/audio.css b/mediagoblin/static/css/audio.css index 387278ec..e007a0e1 100644 --- a/mediagoblin/static/css/audio.css +++ b/mediagoblin/static/css/audio.css @@ -80,5 +80,5 @@ transition: opacity .1s ease-in-out; } .audio-spectrogram:hover .audio-volume { - opacity: 1; + opacity: 0.7; } diff --git a/mediagoblin/static/js/audio.js b/mediagoblin/static/js/audio.js index f50908a1..217a2160 100644 --- a/mediagoblin/static/js/audio.js +++ b/mediagoblin/static/js/audio.js @@ -210,8 +210,14 @@ var audioPlayer = new Object(); $('<div class="seekbar"></div>').appendTo(im.parent()); $('<div class="audio-control-play-pause paused">▶</div>').appendTo(im.parent()); $('<div class="audio-currentTime">00:00</div>').appendTo(im.parent()); - $('<input placeholder="Range input not supported" class="audio-volume"' - +'type="range" min="0" max="1" step="0.01" />').appendTo(im.parent()); + if (navigator && /Firefox/.test(navigator.userAgent)) { + $('<p class="message_warning">Sorry, Firefox does not support the ' + + 'range input type, you won\'t be able to change the volume</p>') + .appendTo(im.parent().parent()); + } else { + $('<input type="range" class="audio-volume"' + +'value="1" min="0" max="1" step="0.001" />').appendTo(im.parent()); + } $('.audio-spectrogram').trigger('attachedControls'); }; })(audioPlayer); |