第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

帶有播放列表的<audio>標(biāo)簽是否可以風(fēng)格化?

帶有播放列表的<audio>標(biāo)簽是否可以風(fēng)格化?

烙印99 2023-12-14 16:08:23
我制作了一個(gè)帶有歌曲播放列表的音頻標(biāo)簽,但我無法弄清楚如何設(shè)置音頻標(biāo)簽的樣式。你們有沒有預(yù)制的樣式,我可以包含或附加,我需要一些普通的白色 MP3 播放器,就像我在圖片中發(fā)送的那樣。我想要的 MP3 播放器我現(xiàn)在的玩家代碼說明:我做了一個(gè)帶有播放列表的播放器,我可以在其中播放我想播放的歌曲,它還會(huì)自動(dòng)逐首播放,當(dāng)所有歌曲都消失時(shí),它會(huì)從頭開始。我需要設(shè)計(jì)我的代碼。<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 回答

?
墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

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

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


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

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

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



查看完整回答
反對 回復(fù) 2023-12-14
  • 2 回答
  • 0 關(guān)注
  • 204 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)