페이지 변경 시 decorateCookedElement를 실행해야 하나요?

개발
4

추가 질문이자 어쩌면 멍청한 질문일 수 있습니다: Mediaelement가 플러그인 스크립트를 허용하므로, 이제 여러 스크립트를 로드하려고 하고 있습니다. Promise를 반환하기 전에 모든 스크립트가 로드되었는지 확인하고 싶습니다.

스크립트 소스의 상수들을 순회하면서 Promise 배열을 만들고, 플레이어 초기화를 위해 Promise.all()을 사용하려고 시도해 보았지만, 이렇게 하면 mejs를 찾을 수 없다는 오류가 발생합니다. mejs는 mediaelement-and-player 내부의 다양한 함수를 호출하는 네임스페이스나 같은 것이라 생각합니다.

image
image722×464 67 KB

      let scripts_loaded = [];
      
      MEDIA_ELEMENT_SCRIPTS.forEach(function (src, index){
          scripts_loaded[index] = loadScript(src);
      });
      
      Promise.all(scripts_loaded).then(() => {
            audioplayers.forEach(function (el) {
              new MediaElementPlayer(el, MEDIA_ELEMENT_CONFIG);
            });
      });

그러나 수동으로 체이닝하면 다음과 같이 동작하는 것 같습니다:

      loadScript(MEDIA_ELEMENT_SRC).then(() => {
          loadScript(MEDIA_ELEMENT_SPEED_SRC).then(() => {
            loadScript(MEDIA_ELEMENT_SKIP_BACK_SRC).then(() => {
                loadScript(MEDIA_ELEMENT_JUMP_FORWARD_SRC).then(() => {
                    audioplayers.forEach(function (el) {
                        new MediaElementPlayer(el, MEDIA_ELEMENT_CONFIG);
                    });
                });
            });
        });
      });

이 경우 스크립트가 몇 개뿐이라서 모두 수동으로 입력했습니다. Promise.all() 함수에 대해 뭘 놓치고 있는지, 아니면 배열에서 여러 스크립트를 로드할 수 있는 Discourse 함수가 있는지 궁금합니다.