HA里有没有办法实现网页自动刷新？

1252 · 发表于 2024-3-27 00:54:16

本帖最后由 1252 于 2024-4-20 23:53 编辑

RT

搞了个ESP32-CAM玩，用ESPHOME刷了固件之后发现能用挺好玩，但是实时观察的话对带宽要求忒大，同样的带宽下如果5-10秒一个截图的话能用高不少的分辨率——但是问题就在于，这个截屏是每刷新一次才会更新一次，如果直接用网页框架调用的话你除非手动刷新，否则一直都是你刷新时的那一帧画面了。

所以有没有什么办法可以实现网页的自动刷新呢？

（类似的需求也可以用在windy.com提供的天气信息上，那个也不会自动刷新只能手动刷新，很不爽

）

demacia · 发表于 2024-3-27 09:31:52

为啥不直接在esphome camera降低帧率

max_framerate (Optional, float): The maximum framerate the camera will generate images at. Up to 60Hz is possible (with reduced frame sizes), but beware of overheating. Defaults to 10 fps.

lhy741059930 · 发表于 2024-3-27 11:27:27

没有看懂这个网页框架用来干嘛。但是刷新的话。用油猴写个脚本就行

1252 · 发表于 2024-3-27 12:03:49

lhy741059930 发表于 2024-3-27 11:27
没有看懂这个网页框架用来干嘛。但是刷新的话。用油猴写个脚本就行

那……在哪里能找到类似的脚本呢

1252 · 发表于 2024-3-27 12:05:06

demacia 发表于 2024-3-27 09:31
为啥不直接在esphome camera降低帧率

max_framerate (Optional, float): The maximum framerate the camer ...

对视频来说当然可以，但是像windy天气那样的是只能靠刷新的

lhy741059930 · 发表于 2024-3-27 12:09:36

1252 发表于 2024-3-27 12:03
那……在哪里能找到类似的脚本呢

油猴的教程晚上有很多的。百度一下就行。至于自动刷新或者定时刷新可能要自己写个js

1252 · 发表于 2024-3-27 12:20:03

lhy741059930 发表于 2024-3-27 12:09
油猴的教程晚上有很多的。百度一下就行。至于自动刷新或者定时刷新可能要自己写个js ...

大概搜了一下，发现这个油猴只能是运行在浏览器端？那如果用这种方法的话，是不是换一个浏览器就失效了？

1252 · 发表于 2024-4-20 23:53:26

研究了好几天，搞定了这个问题，就是可以使用HTML里的iframe框架来解决。

具体来说就是先写个自动刷新的HTML，然后在这个HTML里用iframe来内嵌需要刷新的网站就可以了。

比如下面这个就是一个每10秒自动刷新的页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="10">
    <title>自动刷新页面</title>
</head>
<body>
    <iframe src="https://embed.windy.com/embed2.html?lat=48.864&lon=135.542" frameborder="0"></iframe>
</body>
</html>

demacia · 发表于 2024-4-21 01:22:16

1252 发表于 2024-4-20 23:53
研究了好几天，搞定了这个问题，就是可以使用HTML里的iframe框架来解决。

具体来说就是先写个自动刷新的HT ...

esp32cam支持idle帧率设定，配合mqtt接入（非api）可以自定义实现接入ha的camera实体是10s一帧的效果。
也不需要设置esp32cam webserver。

		自动登录	找回密码
密码			立即注册

[已解决] HA里有没有办法实现网页自动刷新？