亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

帶有播放列表的<audio>標簽是否可以風格化?

帶有播放列表的<audio>標簽是否可以風格化?

烙印99 2023-12-14 16:08:23
我制作了一個帶有歌曲播放列表的音頻標簽,但我無法弄清楚如何設置音頻標簽的樣式。你們有沒有預制的樣式,我可以包含或附加,我需要一些普通的白色 MP3 播放器,就像我在圖片中發送的那樣。我想要的 MP3 播放器我現在的玩家代碼說明:我做了一個帶有播放列表的播放器,我可以在其中播放我想播放的歌曲,它還會自動逐首播放,當所有歌曲都消失時,它會從頭開始。我需要設計我的代碼。<meta charset="UTF-8">        <title>HTML5 Audio Player</title>        <style>    .audioPlayer{      display: block;      border-radius: 20px;      margin:0 auto;    }            #playlist{                list-style: none;            }            #playlist li a{                color:black;                text-decoration: none;            }            }            #playlist li a:hover{                color:grey;            }            #playlist li a:active{                color: steelblue;            }            #playlist .current-song a{                color:grey;            }        </style>                <p>Muzika prosledjena preko <a href="ljubinko-stojanovic-smrtnik-privatna-baza-podataka.webnode.com">privatne baze podataka</a></p>        <audio class="audioPlayer" src="" controls="" id="audioPlayer">        Va? ?ita? internet stranica ne podr?ava ovu radnju.        </audio>        <ul id="playlist">            <li class="current-song"><a href="https://archive.org/download/crveni-telefon/Koktel%20ljubavi.mp3">Nedeljko Baji? Baja - Koktel Ljubavi</a></li>            <li><a href="https://archive.org/download/radio_202012/Disco.mp3">Nedeljko Baji? Baja - Disko</a></li>            <li><a href="https://archive.org/download/radio_202012/Radio.mp3">Nedeljko Baji? Baja - Radio</a></li>            <li><a href="https://archive.org/download/crveni-telefon/Crveni%20telefon.mp3">Nedeljko Baji? Baja - Crveni telefon</a></li>        </ul>        <script src="https://code.jquery.com/jquery-2.2.0.js"></script>        <script src="https://ia601405.us.archive.org/16/items/audioplayer_202012/audioPlayer.js"></script>        <script>            // loads the audio player            audioPlayer();        </script>
查看完整描述

2 回答

?
墨色風雨

TA貢獻1853條經驗 獲得超6個贊

另一個答案在技術上是正確的,但有點缺乏細節。您需要使用 JS 來觀看一些按鈕操作并構建您自己的播放器/控制界面來掛鉤您的操作。這是您擁有的默認<audio>播放器,除了指定控件之外,它無法設置樣式。

不過,您不必自己做。您可以從AmplitudeJS之類的東西開始,這將幫助您完成大部分工作。它主要是 HTML5,所以樣式應該很容易。


查看完整回答
反對 回復 2023-12-14
?
慕娘9325324

TA貢獻1783條經驗 獲得超4個贊

您必須制作自己的音樂播放器界面和控件。為此,您需要使按鈕(或任何元素)具有音頻功能。



查看完整回答
反對 回復 2023-12-14
  • 2 回答
  • 0 關注
  • 178 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號