Javascript 如何在加载所有资源之前添加加载效果？

我需要在一帧中加载所有资源（图像或视频）之前显示加载效果。有人能帮忙吗？如果可能，我需要详细的JavaScript代码。

请参阅资产管理系统：

这样，您就可以确定何时提取了所有资源<代码>将发出一个

加载的

事件，您可以等待该事件，同时显示一些内容

<a-scene>
  <a-assets timeout="10000">
    <img id="waitingonme">
  </a-assets>
</a-scene>

document.querySelector('a-assets').addEventListener('loaded', function () {
  console.log("OK LOADED");
});

document.querySelector（'a-assets'）。addEventListener（'loaded'，function（）{
控制台日志（“正常加载”）；
});