コサイン定理を使って円盤状の h5 music player_html/css_WEB-ITnose を作成する

目次 [1] 関数実装 [2] 効果表示 [3] 原理説明 回転原理余弦定理 [4] コード実装 HTML CSS JS [5] ソースコードビュー

関数実装

[1] 歌再生進行状況変換 視覚的な回転角度

[2] ディスク上の任意の場所で曲をクリックすると、対応する進行状況にジャンプします

エフェクト表示

原理説明

【1】回転の原理

【2】コサイン定理

コード実装

HTML

rree

CSS

<div class="outer">    <img src="img/huochai.jpg" alt="match" width="122" height="122">    <div id="player" class="box">        <div class="box-in">            <div class="box-in-in"></div>        </div>        <div class="box-con"></div>    </div>    </div><audio id="audio" src="myocean.mp3"></audio>

JS

すごいです

ソースコードビュー