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

时间:2018-01-23 03:55:49

标签: javascript html css transform scale

我是CSS& JS& HTML和我想知道如何根据歌曲的基础缩放图像。我浏览了YouTube和很多论坛,但找不到答案。任何有用的东西:)

HTML CODE

<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。

1 个答案:

答案 0 :(得分:0)

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

然而,您可以根据嵌入的控制器的状态(isplaying,ispaused,isstopped ... onplay(),onpause(),onstop()......)随机模拟它。)