cms/app-client/app/templates/components/player-sound-control.hbs
author ymh <ymh.work@gmail.com>
Tue, 20 Mar 2018 15:02:40 +0100
changeset 573 25f3d28f51b2
parent 480 814468b0fc69
permissions -rw-r--r--
Added tag 0.0.25 for changeset 190ae1dee68d
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
480
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
     1
<div id="sound-control-speaker" title='mute/unmute'><i class="fa {{speakerClass}}" {{action 'muteToggle'}}></i><i class="fa fa-times" {{action 'muteToggle'}}></i></div>
477
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
<div id="sound-control-scale">
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
  <div id="sound-control-scale-plus" class="sound-control-scale-indicator" {{ action 'clickPlus' }} disabled={{muted}}>+</div>
480
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
     4
  <div id="sound-control-range-wrapper" title="volume" >
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
     5
  <input
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
     6
    id="sound-control-range-slider"
477
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
    type="range"
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
    min="0"
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
    max="1"
480
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
    10
    step="0.01"
477
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
    class="volume-slider"
480
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
    12
    disabled={{ mut muted }}
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
    13
    data-orientation="vertical"
814468b0fc69 use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents: 479
diff changeset
    14
  >
479
e7df0b5b09b6 better cross browser compatibility, still pb with MS edge
ymh <ymh.work@gmail.com>
parents: 477
diff changeset
    15
  </div>
477
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
  <div id="sound-control-scale-minus" class="sound-control-scale-indicator" {{ action 'clickMinus' }} disabled={{muted}}>-</div>
ce52f0fca330 add volume control to the player
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
</div>