簡易音樂播放器 unfinished


Posted by mijouhsieh on 2023-03-22

首先是看到endelsound的app廣告,簡單的介面
按">"下一首按鍵,就換專輯封面和同時播放音樂,想說也可以串接Spotify。
endelsound-ad
之前有寫過slideshow或稱carousel images的重複播放。
但音樂播放器,會在正在播放的專輯左右各顯示一張專輯,且長寬較小,其他專輯隱藏。
之前寫過的carousel images會把當前頁面,以opacity:1;顯示,其他則opacity:0;隱藏,沒有當前頁面輪流在正中間呈現的功能。

youtube上有類似教學但是用swiper.js套件。
想先試著用原生JavaScript 寫看看。

debug-active img can't in the center

找到一篇寫簡易播放器的教學文:
Building a Simple Audio Player with JavaScript: A Step-by-Step Guide


#practice-audio-player







Related Posts

Bootstrap modal與Vue

Bootstrap modal與Vue

Day 47 - Amazon price tracker

Day 47 - Amazon price tracker

4.  SpringBoot使用jms設定錯誤處理(errorHandler)

4. SpringBoot使用jms設定錯誤處理(errorHandler)


Comments