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

Question

我是 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>

CSS 代码

.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;
}

除了打开一个link.

，我什么JS都没有

Answer 1

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

然而，您可以根据嵌入式控制器的状态（正在播放、已暂停、已停止...onplay()、onpause()、onstop()...）用随机值模拟它

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

How can I adjust pictures scale according to the frequency of a song?

html

javascript

css

transform

scale