满载的媒体玩家卡（图片元素项目）

分享您的项目！

martin_pejstrup（mpejstrup） 2020年12月30日，上午11:09 ＃50

感谢您的解释。放入实体：Media_player.abdc。现在弹出窗口有效，但是我明白了吗？

在DBUIT的示例中，您将如何设置它的样式，使其具有干净的外观？
它是在MATTHIAS PERSSON的设置中实现的，在Mini_media_player设置上的滑动卡中实现。

提前致谢

Asnnetworks 2020年12月30日，上午11:22 ＃51

您缺少Syle选项。自从几个版本以前，HA和浏览器mod更改了，这会改变弹出卡的样式。您可以使用DBUIT的示例，说明他的轻弹出卡。将设置更改为您的喜好

github- dbuit/light-popup卡：lovelace卡，用作自定义弹出式homekit风格的弹出窗口

在下面滚动以获取他的样式代码。

样式：$：|.mdc-dialog .mdc-dialog __container {width：100％;} .mdc-dialog .mdc-dialog __container .mdc-dialog __surface {width：100％;盒子阴影：无；}。：| |：主机{-mdc-theme-surface：rgba（0,0,0,0）;- 次级背景颜色：RGBA（0,0,0,0）;-HA卡背景：RGBA（0,0,0,0）;-MDC-Dialog-Scrim-Color：RGBA（0,0,0,0.8）;-MDC-Dialog-Min-Height：100％； --mdc-dialog-min-width: 100%; --mdc-dialog-max-width: 100%; } mwc-icon-button { color: #FFF; }

martin_pejstrup（mpejstrup） 2020年12月30日，下午1:34 ＃52

酷，谢谢男人！
正常工作。

您知道是否有可能完全删除“弹出背景”或使其适合全屏？

另一个问题：
您是否找到了使用内置扬声器组管理的好方法。对我来说看起来像这样...
2020-12-30_15H45_40

1喜欢

带电台和播放器选择的Chromecast Radio

Umbe（Umberto） 2020年12月30日，下午3:35 ＃53

嗨，我试图使用您的卡，并在将弹出窗口放置的3个点上使用……但是什么都没有出现。
任何想法？
我实际上有卡模式，但根本没有配置，我应该以特定的方式配置某些东西吗？
谢谢

-EXTACT_RATIO：1/1 show_name：false show_icon：true图标：'mdi：dots-horizontal-circle'类型：'自定义：button-card'大小：90％样式：右：18％顶部：88％高度：88％高度：5％宽度：5％样式：卡： - 填充：0px-border-radius：50％图标： - 颜色：var（-text-color）tap_action：call-service：call-service服务：browser_mod.popup service_data：deviceid：deviceid：此样式：|：主机.content {width：calc（400px + 555px）;} card: type: custom:media_player-popup-card actions: - service: media_player.media_previous_track service_data: entity_id: media_player.pi1 name: previous icon: mdi:skip-previous - service: media_player.media_play_pause service_data: entity_id: media_player.pi1名称：play/暂停图标：MDI：Play pause-服务：Media_player.media_next_track service_data：entity_id：Media_player.pi.pi1名称：NEXT ICON：MDI：SKIP-NEXT：SKIP-NEXT样式：$：$：| | |.mdc-dialog .mdc-dialog __container {width：100％;} .mdc-dialog .mdc-dialog __container .mdc-dialog __surface {width：100％;盒子阴影：无；}。：| |：主机{-mdc-theme-surface：rgba（0,0,0,0）; --secondary-background-color: rgba(0,0,0,0); --ha-card-background: rgba(0,0,0,0); --mdc-dialog-scrim-color: rgba(0,0,0,0.8); --mdc-dialog-min-height: 100%; --mdc-dialog-min-width: 100%; --mdc-dialog-max-width: 100%; } mwc-icon-button { color: #FFF; }

martin_pejstrup（mpejstrup） 2020年12月30日，晚上8:08 ＃54

你好@umbe

只是做了完全相同的事情。我可以看到您正在尝试为Media_player-popup卡设计样式。它应该在browser_mod.popup下的样式上。
请参阅下面的配置。

操作：呼叫服务服务：browser_mod.popup service_data：标题：Sonos alrum hide_header：true DeviceID：此样式：$：|.mdc-dialog .mdc-dialog __container {width：100％;} .mdc-dialog .mdc-dialog __container .mdc-dialog __surface {width：100％;盒子阴影：无；}。：| |：主机{-mdc-theme-surface：rgba（0,0,0,0）;- 次级背景颜色：RGBA（0,0,0,0）;-HA卡背景：RGBA（0,0,0,0）;-MDC-Dialog-Scrim-Color：RGBA（0,0,0,0.8）;-MDC-Dialog-Min-Height：100％； --mdc-dialog-min-width: 100%; --mdc-dialog-max-width: 100%; } mwc-icon-button { color: #FFF; } card: type: custom:media_player-popup-card entity: media_player.alrum icon: none fullscreen: false actions: - service: media_player.media_previous_track service_data: entity_id: this name: previous icon: mdi:skip-previous - service: media_player.media_play_pause service_data: entity_id: this name: play/pause icon: mdi:play-pause - service: media_player.media_next_track service_data: entity_id: this name: next icon: mdi:skip-next

希望它有效

1喜欢

Umbe（Umberto） 2020年12月30日，晚上8:55 ＃55

非常感谢！！
只是一个问题，您知道为什么在左边是中间吗？
以及如何修复点而不是卷的线路？

总之感谢！

martin_pejstrup（mpejstrup） 2020年12月30日，下午9:21 ＃56

你好
是的，只需更改为全屏：是的。

抱歉，没有。这似乎很奇怪。对我来说很好

Umbe（Umberto） 2020年12月30日，下午10:53 ＃57

嗨，是的

全屏：错误

谢谢你

Lefab（Fabien Dostie） 2021年3月26日，上午2:58 ＃59

您好，我很想知道您的LMS设置是什么，尤其是您的卡/Lovelace设置。

我在MAC上有一个3 rpi设置，其中包括PicorePlayer和LMS服务器。但是我的Lovelace设置很烂，我需要灵感和指导。我是家庭助理世界的新手。19463331伟德国际您是否足够友善地展示您当前的设置，我真的很想向您学习，我应该向您学习更多信息，因为您一直在帮助我学习很多东西。

请请

Tromperie（弗兰克·柯林斯） 2021年3月26日，上午3:14 ＃60

我同意那个。

Lefab（Fabien Dostie） 2021年3月26日，上午4:01 ＃61

S'il te plait tu Rendrait Un Petit Quebecois Bien Heureux！

Tromperie（弗兰克·柯林斯） 2021年3月26日，上午4:05 ＃62

Mais，Je Ne Parle Pas Francais。

Frank_hagenbuch（Frank Hagenbuch） 2021年3月26日，下午12:21 ＃63

如果有帮助，您可以查看他正在git上的“ burningstone91”设置：

github.com

burningstone91/smart-home-setup/blob/199fbe414b3ce29f2bd9705c53e525829ca4735f/home-assassistant/lovelace/lovelace/dashboards/Tablet-view/tablet-view/views/views/tive

###############################＃＃多室音频＃＃＃＃############################################################# title: multiroom-audio path: multiroom-audio panel: true icon: mdi:speaker badges: [] cards: - type: picture-elements image: /local/wallpaper/overlay_ipad.svg style: | ha-card { --ha-card-background: none !important; box-shadow: none !important; } elements: ####################################################

该文件已被截断。显示原创

2个喜欢

Asnnetworks 2021年3月27日，上午10:54 ＃64

嗨，用户重新创建了我以前的设置并共享了他的代码。所以你可以使用

现在，我使用全屏LMS WebView，可以通过Lovelace使用WebCard访问。关于这一点没有太多要分享的，因为它只是我的LMS服务器（带有材料皮肤），我将其添加到了弹出式滑块。

但这是一个不同的事情，此主题仅与媒体播放器卡有关，我在仪表板上用作媒体实体。

这是我以前的音乐设置：炫耀您的图片元素用途

现在使用以下方式：炫耀您的图片元素用途这是LMS材料皮肤（在Lovelace内部并增加了音量滑块）。

1喜欢

Lefab（Fabien Dostie） 2021年3月28日，晚上7:49 ＃65

那也是我在我的RPI4 + Khadas Letone 2 DAC中使用的内容。我真的在挖这个小型DAC……这是我购买的最好的声音……您应该检查一下它便宜的音质……无论如何，即时消息。感谢您的答案，请检查一下。生病让您知道我最终做了什么……谢谢您的回答！

DJAL 2021年4月6日，上午6:04 ＃66

你好。我该如何使这张卡适合在刀片卡中？由于具有多个按钮卡实体，它将无法使用。

Thxs

编辑：好的，我设法通过在图片元素中设置所有按钮卡来完成此操作

jarne_roussard（Jarne Roussard） 2021年4月18日，下午1:03 ＃67

你怎么做？您能配置Delen Whit我吗？

劳德拉（劳伦特） 2021年8月21日，上午8:25 ＃68

感谢你的分享！
我想测试，但是您的覆盖SVG的链接已经死了。您可以发布一个新链接吗？
谢谢

Asnnetworks 2021年8月30日，上午1:21 ＃69

我更新了链接。顺便说一句：只有直接提及时，我不会收到有关新响应的通知。

劳德拉（劳伦特） 2021年8月30日，下午9:43 ＃70

非常感谢你！

供电话语，最好使用JavaScript启用