我正在用我的IP摄像机捕捉图像和视频,但没有找到一个符合我要求的画廊来查看它们,所以我写了自己的自定义面板。分享,以防其他人发现这有用…

温柔点,这是我的第一个(hascoding,甚至是github)。笑脸:

23个喜欢

你的第一个项目做得很好,太棒了!安装方便,工作出色+1
谢谢你的分享。

很棒的项目。有几个建议我忘了加上

  • 让标签不需要的人,不需要拆分视图&标题本身就足够了
  • 不确定这是否可能,但是能够将文件轮询器指向一个未公开的目录,而不是/www/

抱歉,我错过了有建议的编辑。

#1当然是可行的。我会尽快回来帮你查的。

#2我不确定我能不能做到。它当然可以轮询任何目录哈斯可以得到,但问题是在网页中呈现那些结果,如果这些文件不能从网络访问。我已经在其他语言中做了,但它需要一些中间件来获取文件内容,我不知道它是否存在于哈斯。

我发布了一个更新,将隐藏标签行时,只有一个标签被定义。只需替换gallery.html更新。

希望这对你有用。

2喜欢

谢谢你的工作,这是我正在寻找的!!

只是想说声谢谢!我用这个做监控视频和快照。伟大的工作。

这是棒极了,我一直在寻找这样的东西,但我有麻烦得到它接受我的文件夹:

[传感器]的配置无效。Files]:不是字典值@ data['folder']的目录。得到的/ config / www / cam_captures /前面。(看到了吗?,线?)请在//www.sz-tiancheng.com/components/sensor.files/查阅文档- platform: files文件夹:/ config/www/cam_capture /front name: gallery_images_front sort: date

是因为它有几个层次吗?如果我把完整的路径,它包含在URL中,当试图查看图像。cam_capture dir是在我的白名单和工作iOS通知,需要URL

人力资源管理,奇怪。不,它不应该是深度,我的工作与下面,这是相似的。

你说你可以在浏览器中使用等价路径查看图像?
我猜你的hass实例运行下的用户可能没有访问那个文件夹的权限?它是否创建这些图像(通过快照等)?

—平台:“files”文件夹:“/config/www/downloads/front_door name: kuna_vids sort: name”

是的,它们是快照图像,然后通过iOS通知发送。我可以直接使用url访问它们,它似乎是在寻找替换/config/www,但我必须使用完整的路径,然后它没有替换,当我看传感器的状态,它显示了整个路径。

你这是什么意思?你能澄清一下吗?

对不起,我在移动上工作,所以它很难复制的代码,但它看起来像在画廊。html“imageLocation”做了一个替换的路径,并寻找/config/www(我不是程序员…只是尝试看看如何工作的东西)…
因此,似乎因为我不能使用/config/www路径(只有完整的Linux路径没有错误的配置),它不是做替换。
为了它的见鬼,我chmod目录到777,仍然有问题。

编辑:我不知道我的设置有问题,因为我甚至不能添加/ config / www我白名单,因为它说它不存在(尽管我不认为会影响cam_captures目录已经白名单的完整路径,我尝试添加一个/ config / www和它说它不存在。

啊,是的,图库确实这样做,以便为URL创建一个路径,但听起来你的问题是在文件组件。

文件组件工作吗?也就是说,你看到传感器和文件夹中的文件列表了吗?

是的,我是这样做的,但每一张图片都列出了完整的Linux路径,因为这是唯一一个让配置检查通过(我可以截图或从状态页面复制很快)…
这是传感器的一部分属性。

路径:/home/homeassistant /。homeassistant/www/cam_capture /front/ filter: * number_of_files: 90 bytes: 1959610 fileList:/home/homeassistant / .homeassistant / www / cam_captures /前面/ front_yard_1571270525.jpg、/ home / homeassistant / .homeassistant / www / cam_captures /前面/ front_yard_1571272054.jpg、/ home / homeassistant / .homeassistant / www / cam_captures /前面/ front_yard_1571272068.jpg、/ home / homeassistant / .homeassistant / www / cam_captures /前面/ front_yard_1571275281.jpg、/ home / homeassi恒/ .homeassistant / www / cam_captures /前面/ front_yard_1571276199.jpg、/ home / homeassistant / .homeassistant / www / cam_captures / / front_yard_1571277181.jpg面前,

这就是它在图库页面中附加到URL的内容https://MYURL/home/homeassistant/.homeassistant/www/cam_captures/front/front_yard_1571270525.jpg
你认为什么是不对的在我的HA,我不能使用/config/www在所有?我看到其他帖子,人们提到了folder_watcher/sensor类型的问题,但他们似乎都在使用目录,实际上是在他们的HA配置文件夹之外。
我查看了其他任何我使用路径的情况,似乎我总是使用从/home开始的整个路径,命令行传感器,快照等都工作正常。

我不知道是否有什么问题,但这绝对不是标准,至少我看到过。

总之,我给画廊发了更新应该能处理你的案子。试试这个,看看对你是否有效。

没有运气,仍然把整个路径放在URL中…谢谢你的尝试

你清空缓存了吗?

我没有,现在但得到空白页,好像没有图像被发现,但传感器仍然列出了所有的文件。

Javascript控制台说ReferenceError: Can 't find variable: testPath

我不知道这对你有没有用。

再次编辑…将testPath更改为path,它工作了!非常感谢!

哦,不好意思。抢手货。我更新了github中的一个。

你用过iOS 2.0的测试版吗?它似乎在那里不起作用,但在常规版本中似乎很好。iOS (13)