Javascript 如何根据歌曲的频率调整图片比例？

我是CSS&JS&HTML新手，我想知道如何根据歌曲的基调缩放图像。我浏览了YouTube和许多论坛，但找不到答案。有什么帮助吗：）

HTML代码

<div class="animated testTransition">
    <div class="watermark">
        <img class="top" onclick="watermarkClick()" href="" src="media/webicon.png" height="70" width="70" alt="unsupported">
    </div>
</div>

---

我没有任何JS，除了打开链接。

据我所知，嵌入内容（如声音）是不可能的，因为它们不是在导航器的解释器上播放的，而是通过外部播放器库播放的。据我所知，你不能这样做

---

但是，您可以根据嵌入控件的状态（isplay、ispaused、isstopped…onplay（）、onpause（）、onstop（））使用随机值对其进行模拟。

也许您可以使用加载文件的java嵌入式应用程序进行模拟。在这种情况下，您可以获取数据流并可视化地对其作出反应。这是我唯一能看到的。。。

.watermark {
    margin-left: 1450px;
    margin-top: 665px; 
    -webkit-transition: all 1s ease;
    -moz-webkit-transition: all 1s ease ;
    -ms-webkit-transition: all 1s ease ;
    -o-webkit-transition: all 1s ease ;
    transition: all 1s ease ;
}

.watermark:hover {
    margin-left: 1450px;
    margin-top: 665px;
    position: relative;
    transform: scale(1.1,1.1);
    transition: all .5s;
    cursor: pointer;
    animation: pulse;
    animation-delay: 0.1s;
}