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

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

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

Answer 1

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

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