HTML5视频上的实时移动叠加

Question

我打算在普通的HTML5视频上实现覆盖。有关此覆盖的关键要求是：

-它的位置每秒更改一次，并且每秒从本地JSON（或类似文件）中读取其确切位置。 （JSON文件的内容由其他本地程序更新）
-它可以是简单的形状，例如正方形或圆形。
-没有互动。

我尝试搜索许多解决方案，但是我在网上发现的大多数覆盖解决方案都是静态的，或者与第三方数据源（例如本地JSON文件）无关。任何关于我应该从哪里开始的建议都将受到赞赏。