TileBoard icon indicating copy to clipboard operation
TileBoard copied to clipboard

Volume slider on Media Player Tile

Open oneseventhree opened this issue 4 years ago • 9 comments

Hi,

is there a way to get a volume slider or just volume in general on the media player tile?

oneseventhree avatar Aug 20 '20 08:08 oneseventhree

I have it. Sometimes. Sometimes only volume up and down. For the same device type (KODI). I believe, it's a matter of supported features reported by HA. And somewhere in the chain, it's buggy. For me it seems to be caused in HA already, as the same devices show differently in Lovelace as well...

Short answer, if your device supports setting a volume, the slider should show up automatically.

akloeckner avatar Sep 02 '20 22:09 akloeckner

My slider does show up on HA: Screen Shot 2020-09-03 at 8 23 46 am

Screen Shot 2020-09-03 at 8 23 59 am

On my tile it shows up like: Screen Shot 2020-09-03 at 8 23 35 am

I am not sure what that slider is in the tile but it does NOT work but the slider works in HA entity..

                     position: [5.32, -1.02],
                     width: 2,
                     height: 1,
                     title: '      Living Room TV',
                     id: 'media_player.living_room_tv_kd_75x8500e',
                     type: TYPES.MEDIA_PLAYER,
                     hideSource: true,
                     hideMuteButton: false,
                     state: false,
                    //state: '@attributes.media_title',
                     subtitle: '@attributes.media_title',
                     bgSuffix: '@attributes.entity_picture',
                     hidden: function (item, entity) { return entity.state == 'off' }

oneseventhree avatar Sep 02 '20 22:09 oneseventhree

:-\ That should be the volume slider...

akloeckner avatar Sep 03 '20 06:09 akloeckner

:-\ That should be the volume slider...

yeah it should be but I can't drag it on my computer OR on my tablet(which is where I need it to work) so I am unsure what the go is

oneseventhree avatar Sep 03 '20 06:09 oneseventhree

Ok. That seems to be too deep in for me. First things that come to my mind:

  • Tell us what device and browser you're using.
  • Try to comment out the stopPropagation lines (one by one) in index.html and tell us if things change (hopefully improve):
               <tr ng-if="shouldShowVolumeSlider(entity) && (_c = getVolumeConf(item, entity))">
                  <td colspan="3" class="media-player-table--td-volume">
                     <div class="media-player--volume">
                        <input type="range" ng-model="_c.value"
                               ng-change="volumeChanged(item, entity, _c)"
                               ng-on-touchstart="$event.stopPropagation()"
                               ng-on-touchmove="$event.stopPropagation()"
                               ng-on-pointerdown="$event.stopPropagation()"
                               step="{{ _c.step }}" min="{{ _c.min }}" max="{{ _c.max }}">
                     </div>
                  </td>
               </tr>

akloeckner avatar Sep 03 '20 07:09 akloeckner

it works on mylaptop browers. Sadly not on my tablet. IS there a setting I am missing to enable on the tablet?

oneseventhree avatar Sep 04 '20 09:09 oneseventhree

What browser name and version are you using on your tablet? It likely has to do with different degree of support for touch/pointer events.

rchl avatar Sep 04 '20 10:09 rchl

What browser name and version are you using on your tablet? It likely has to do with different degree of support for touch/pointer events.

I am using FullyKiosk on a Samsung tablet

oneseventhree avatar Sep 04 '20 10:09 oneseventhree

I've just tried the latest version of Fully kiosk browser with a MEDIA_PLAYER tile and saw no issues.

The issue could be either with your Fully settings (maybe try resetting if there is an option for that) or with old version of WebView that Fully is using (apparently on some tablets it's not able to use latest version).

rchl avatar Sep 04 '20 13:09 rchl