Vue是當下非常熱門的前端框架之一,它自帶了一些非常實用的功能,例如音樂播放器。下面我們將介紹一下Vue自帶的音樂播放器有哪些。
首先,Vue自帶的音樂播放器有兩種,分別是audio和video。其中,audio對應著音頻播放器,而video則對應著視頻播放器。下面我們逐一介紹一下這兩種播放器。
//audio示例代碼 <template> <div> <audio src="music.mp3" autoplay controls></audio> </div> </template> <script> export default { name: 'AudioPlayer', } </script>
上述代碼展示了一個使用audio標簽的Vue音頻播放器。其中,src屬性表示播放的音樂文件路徑,autoplay屬性表示自動播放,controls屬性表示展示控制條。
//video示例代碼 <template> <div> <video src="video.mp4" autoplay controls></video> </div> </template> <script> export default { name: 'VideoPlayer', } </script>
上述代碼展示了一個使用video標簽的Vue視頻播放器。其中,src屬性表示播放的視頻文件路徑,autoplay屬性表示自動播放,controls屬性表示展示控制條。
需要注意的一點是,Vue自帶的音樂播放器只支持簡單的音頻和視頻格式,例如mp3和mp4,如果需要播放更多格式的媒體文件,需要使用第三方庫。
上一篇vue自建wiki