迷你媒体播放器

一个极简但可定制的媒体播放器卡19463331伟德国际色鬼UI。

灵感来自于自定义UI:迷你媒体播放器custom-lovelace

-支持Sonos团队安排

指令

请访问GitHub库用于安装和使用说明。

灵感

让我知道如果你有任何问题,问题或建议!

91人喜欢

非常感谢你们。超级容易设置,说明很好,直接,工作完美。

色鬼% 20媒体% 201色鬼% 20媒体% 202色鬼% 20媒体% 203

忽略那个不可用的,它只是没插电眨眼:

3喜欢

非常感谢,非常感谢您的反馈!: slight_smile:

我一直在找这样的东西,谢谢!

1像

自从第一次在这里发帖以来,我已经更新了这张卡片几次。如果你正在使用这张卡,我建议你去拿最新的版本大大提高了性能和新特性。

不要忘记在您的卡片参考url的末尾添加新的版本号ui-lovelace.yaml像下面。

- url: /local/mini-media-player.js

v0.4.1

  • 修正了当设备状态改变时属性不更新的错误不可用

v0.4

  • 重写了主要代码,大大提高了呈现性能

  • 增加了新的艺术作品选项封面将艺术品显示为卡片的背景图像

  • 添加新选项power_color可根据电源状态设置彩色开关按钮

  • 为不可用字符串添加翻译

  • 修正了文本到语音不工作的bug

  • 固定重复的顶部填充时标题选项设置

v0.3

  • 添加新选项artwork_border为了在图像周围显示边框,边框颜色会根据玩家的状态变化
  • 补充翻译的支持
  • 文本到语音输入占位符现在被翻译成您的Home Assistant实例的语言19463331伟德国际
  • 小的样式改变,文本到语音输入现在是略微透明的,而不是集中

v0.2

  • 添加了显示文本到语音输入的支持show_tts选项
5喜欢

非常好的项目!

一个请求,如果我可以:有3个状态的图标颜色,以便有另一种颜色(可能是红色),如果设备是“不可用”。关于HA与谷歌Home ' groups '的集成,让我感到困扰的一件事是,它们有时会在很长一段时间内不可用,我知道的唯一方法是将图标更改为不同的颜色。

我希望我没有在你的项目中提到一些已经存在的功能,因为我不知道该小组是否不可用,直到它发生……

1像

如果我下载mini-media-player.js文件从github。我只得到0。3?

/* mini-media-player - version: v0.3 */

1像

嘿,
正常的media_player实体的状态更改为不可用虽然我们联系不到他们,但我不确定谷歌Home groups是否会这样做,但他们应该这样做。然后我使用这个状态信息来显示不可用在卡片上,而不是开/关按钮,像下面。

你觉得这对你有用吗?让我知道!

我太蠢了,我完全忘记了在代码的注释中更改版本号。
这是最新的版本v0.4.1所以你会没事的!

很抱歉给你们造成了误会。

现在我得到这个错误:
https://xxx.duckdns.org/local/mini-media-player.js?ver=0.4.1:5:40 TypeError:这个。createShadowRoot不是一个函数。(在“this.createShadowRoot()”,“这一点。createShadowRoot”是未定义)

1像

很遗憾听到这个消息。
这是一个浏览器兼容性问题,我认为我已经解决了最新版本v0.5
请尝试更新,并确保更改您的版本号ui-lovelace.yaml

- url: /local/mini-media-player.js

顺便问一下,你用的是什么浏览器?

我现在得到了最新的消息。
Uncaught SyntaxError: Unexpected token {

1像

确保你有javascript_version:最新在你的configuration.yaml前端:,重新启动HA。
这是日志的全部错误输出吗?你能点击它看看是否能得到更多信息吗?

谢谢!

这就是整件事,但我想没有告诉你更多……
myip/local/lovelace/mini-media-player.js?

我得到了一个红色方块上面写着"不存在自定义元素"
我在最新的Chrome和最新的javascript版本。

1像

我想我已经找到问题所在了!
资源类型应该设置为模块而不是js下面,就像。

- url: /local/mini-media-player.js

我希望这能解决你的问题。

2喜欢

现在它对我很有效!
谢谢你! !

1像

非常好!这正是我要找的咧着嘴笑:

您使用的是哪个HA主题?看起来也很棒。

1像

顺便说一句,你的行动还在

类型:js

非常感谢你的这张卡片!

不相关:我看到这个模块的第一行有以下内容。这将导致它不能工作时,互联网是下来?如果是这样,有没有解决办法?

import {LitElement, html} from 'https://unpkg.com/@polymer/ lite -element@^0.6.1/ lite -element.js?module';“‘
1像

这太棒了。多谢

很高兴听到你这么说。
感谢您的帮助和耐心