這個問題在這里已經有了答案： 如何使線性漸變跟隨 html 中范圍滑塊的拇指 1 個答案 3 小時前關閉。
我一直在試圖弄清楚是否可以將輸入滑塊變成音頻播放器。這是帶有(class = "progress-bar"). 這是基本設計。
我不確定這是否可能，但我會指出正確的方向來完成這個音樂播放器。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<section class="container">
<div class="Song-Photo">
<img src="https://th.bing.com/th?id=OIF./A7TZqecnjxCdpKO6nnZ3w&pid=ImgDet&rs=1" alt="Kung-Fu Kenny">
</div>
<div class="Music-Player">
<div class="Song-Title">Heart Part V</div>
<span id="Audio-Player">
<div class="current-time"> Current-Time </div>
<input id="Audio-Player" class="progress-bar" min="0" max="0" type="range">
<div class="duration">Duration</div>
<button class="mute">Mute</button>
<input id="Audio-Player" class="volume" type="range" min="0" max="100">
</span>
<div id="button-functions" class="Audio-Playback">
<button id="button-functions" class="rewind">Rewind</button>
<button id="button-functions" class="play-pause">Play</button>
<button id="button-functions" class="fast-forward">Fast-Forward</button>
<button id="button-functions" class="random-shuffle-repeat">Shuffle/Repeat</button>
</div>
<div class="Artist">Kendrick Lamar</div>
</div>
</section>
<script src="index.js"></script>
</body>
</html>
uj5u.com熱心網友回復：
變成音頻播放器是什么意思？
音頻播放器是這樣的：
<figure>
<figcaption>Listen to the T-Rex:</figcaption>
<audio
controls
src="/media/cc0-audio/t-rex-roar.mp3">
Your browser does not support the
<code>audio</code> element.
</audio>
</figure>
如果你想把輸入滑塊變成一個音頻播放器，我猜想用上面的代碼替換。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/475440.html
標籤：javascript html 输入 音频播放器