資料介紹
軟件簡介
Player 是 HTML5 版本音樂播放器,支持 iOS 設備,演示地址
功能說明
支持iOS設備,但是iOS不支持自動下一曲,這是iOS本身限制,支持touch事件
支持播放模式:循環,單曲循環
支持歌詞實時顯示,包括顯示到title
支持靜音,iOS不支持……
jQuery版本
withjQuery里面是jquery版本的播放器,之前只是想模仿下亦歌,于是就用jQ寫了,后來大家反映可以搞個純javascript的html5版本,于是出了最新的這個版本
簡單說下歌詞顯示算法
首先異步獲取lrc內容(loadLrc),然后使用正則解析lrc(parseLrc),得到格式如下:
{ ????words:[],//歌詞數組 ????times:[],//時間數組 ????data:{}//歌曲信息:作者、歌手、長度;有些lrc不會包括此部分,或者不全 }
然后循環去除word(歌詞)和time(歌詞對應時間),生成html,其中會計算出來marginTop位置:
word
當歌曲播放時,實時獲取當前播放時間audio.currentTime(為了提高歌詞響應速度會提前100ms),然后遍歷歌詞 nodelist,通過計算data-lrctime,取出當前播放進度對應的P元素,根據此P元素data-lrctop設置marginTop,通過 css3實現動畫。
版本庫地址
支持三種訪問協議:
-
HTTP協議:
https://ksky521@github.com/ksky521/player.git
。 -
Git協議:
git://github.com/ksky521/player.git
。 -
SSH協議:
ssh://git@github.com:ksky521/player.git
。
克隆版本庫
操作示例:
$?git?clone?git://github.com/ksky521/player.git
聯系方式
作者博客:js8.in
作者新浪微博:@三水清
特別鳴謝
?
- 基于Labview制作的音樂播放器源碼分享 67次下載
- 基于51單片機的音樂播放器 111次下載
- 基于51單片機的音樂播放器的制作 91次下載
- 音樂播放器小程序特效HTML5源代碼 5次下載
- 使用單片機實現音樂播放器的程序免費下載 40次下載
- 懂你的音樂播放器C語言程序免費下載 5次下載
- Labview中activeX編的音樂播放器 54次下載
- 基于Android音樂播放器的研究 7次下載
- HTML5圖表動畫應用 2次下載
- 基于單片機音樂播放器 19次下載
- 音樂播放器 38次下載
- HTML5基礎 0次下載
- 基于單片機的音樂播放器 34次下載
- Embedded的MP3音樂播放器的設計與實現 152次下載
- 網頁音樂播放器代碼 86次下載
- 車載播放器怎么選擇格式 394次閱讀
- MX Player在線播放優化 368次閱讀
- 嬰兒搖籃床播放器WT2003H音樂芯片方案 1070次閱讀
- 如何利用Arduino UNO和SD卡制作音樂播放器 6302次閱讀
- 基于HarmonyOS Player類實現的應用程序——Codelab技術 1670次閱讀
- 如何快速掌握HTML5有什么技巧 2411次閱讀
- 音樂發燒友的首選播放器山靈M5s發布 1994次閱讀
- 新唐科技音樂合成系列介紹 1092次閱讀
- 多款音樂芯片電路圖 1.5w次閱讀
- MP3播放器的基本原理及電路組成 1.8w次閱讀
- 基于AT89C51SND1C單片機的MP3播放器的設計方案 6152次閱讀
- 利用PWM音頻信號實現音樂播放器的應用設計 3.5w次閱讀
- hifi和無損哪個音質好_關于無損音樂的幾個常見誤區 7.1w次閱讀
- hifi播放器排行榜 3.4w次閱讀
- JavaScript讓HTML靜態頁面傳值的方法 5660次閱讀
下載排行
本周
- 1山景DSP芯片AP8248A2數據手冊
- 1.06 MB | 532次下載 | 免費
- 2RK3399完整板原理圖(支持平板,盒子VR)
- 3.28 MB | 339次下載 | 免費
- 3TC358743XBG評估板參考手冊
- 1.36 MB | 330次下載 | 免費
- 4DFM軟件使用教程
- 0.84 MB | 295次下載 | 免費
- 5元宇宙深度解析—未來的未來-風口還是泡沫
- 6.40 MB | 227次下載 | 免費
- 6迪文DGUS開發指南
- 31.67 MB | 194次下載 | 免費
- 7元宇宙底層硬件系列報告
- 13.42 MB | 182次下載 | 免費
- 8FP5207XR-G1中文應用手冊
- 1.09 MB | 178次下載 | 免費
本月
- 1OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234315次下載 | 免費
- 2555集成電路應用800例(新編版)
- 0.00 MB | 33566次下載 | 免費
- 3接口電路圖大全
- 未知 | 30323次下載 | 免費
- 4開關電源設計實例指南
- 未知 | 21549次下載 | 免費
- 5電氣工程師手冊免費下載(新編第二版pdf電子書)
- 0.00 MB | 15349次下載 | 免費
- 6數字電路基礎pdf(下載)
- 未知 | 13750次下載 | 免費
- 7電子制作實例集錦 下載
- 未知 | 8113次下載 | 免費
- 8《LED驅動電路設計》 溫德爾著
- 0.00 MB | 6656次下載 | 免費
總榜
- 1matlab軟件下載入口
- 未知 | 935054次下載 | 免費
- 2protel99se軟件下載(可英文版轉中文版)
- 78.1 MB | 537798次下載 | 免費
- 3MATLAB 7.1 下載 (含軟件介紹)
- 未知 | 420027次下載 | 免費
- 4OrCAD10.5下載OrCAD10.5中文版軟件
- 0.00 MB | 234315次下載 | 免費
- 5Altium DXP2002下載入口
- 未知 | 233046次下載 | 免費
- 6電路仿真軟件multisim 10.0免費下載
- 340992 | 191187次下載 | 免費
- 7十天學會AVR單片機與C語言視頻教程 下載
- 158M | 183279次下載 | 免費
- 8proe5.0野火版下載(中文版免費下載)
- 未知 | 138040次下載 | 免費
評論
查看更多