新聞中心
在HTML5中添加多首歌曲

HTML5為音頻和視頻內(nèi)容提供了原生支持,你可以使用標(biāo)簽在網(wǎng)頁中嵌入音頻,如果你想添加多首歌曲,你可以使用多個(gè)標(biāo)簽,或者在一個(gè)標(biāo)簽中添加多個(gè)子標(biāo)簽。
方法一:使用多個(gè)標(biāo)簽
每個(gè)標(biāo)簽都可以獨(dú)立控制一首歌曲的播放,這種方法適合每首歌曲都有獨(dú)立的播放器控件(例如播放/暫停按鈕、音量控制等)的情況。
方法二:使用一個(gè)標(biāo)簽和多個(gè)子標(biāo)簽
如果你希望所有的歌曲共享一組播放器控件,你可以在一個(gè)標(biāo)簽中使用多個(gè)子標(biāo)簽,瀏覽器會使用第一個(gè)它支持的音頻源。
注意事項(xiàng)
1. controls屬性會在標(biāo)簽下生成播放、暫停、音量控制等按鈕。
2. src屬性定義音頻文件的URL。
3. type屬性定義音頻文件的MIME類型,這告訴瀏覽器如何處理音頻文件,對于MP3文件,MIME類型是audio/mpeg;對于OGG文件,MIME類型是audio/ogg。
4. 如果瀏覽器不支持標(biāo)簽或指定的音頻格式,那么它會顯示標(biāo)簽內(nèi)的文本內(nèi)容,你可以在這里放置一條友好的錯(cuò)誤消息,如“你的瀏覽器不支持音頻元素?!?/p>
以上就是在HTML5中添加多首歌曲的方法,根據(jù)你的需求和用戶的瀏覽器支持情況,選擇最適合你的方法。
當(dāng)前題目:html5如何添加多首歌曲
當(dāng)前地址:http://fisionsoft.com.cn/article/ccdsgsd.html


咨詢
建站咨詢
