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

Question

我是CSS和JS&HTML的新手，我想知道如何根据歌曲的基础缩放图像。我浏览了YouTube和许多论坛，但找不到答案。任何事情都有助于:)

网页代码

<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

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

但是，您可以根据嵌入式控制器的状态(正在播放，暂停，已停止...onplay((， onpause((， onstop((...(