国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

小小weibo音樂播放器

klivitamJ / 2557人閱讀

摘要：故事背景前幾周看到一個網友做音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。

故事背景：前幾周看到一個網友做web音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。

演示地址：http://123.56.191.84/jmusic_v...

兼容當前主流瀏覽器包括ie9及以上，不考慮兼容ie8及以下的瀏覽器

好了，步入正題，這個小東西涉及的一些大概知識點：cRUL、ajax、session、memcache、閉包、遞歸。。差不多就這些把，沒別的了，考慮到有些朋友可能對有些知識點遺忘了，哈哈，我特意整理了每個知識點的筆記。
Cookie 與 Session：http://segmentfault.com/n/133...
Memcache：https://segmentfault.com/n/13...
cURL：https://segmentfault.com/n/13...
至于如果作為一個前端不知道ajax那我也沒辦法了，找點資料了解下吧，因為太簡單，我就沒有整理筆記了，但是如果有網友需要，可以聯系我。

功能演示

1.小窗口與大窗口切換

2.播放面板的：后退、播放與暫停、前進、播放模式切換、音量（點贊與分享功能沒做，和刪除功能大同小異，后面有時間了我再補上）、定位播放位置（可拖拽）

3.播放列表頁、新歌榜（默認顯示20首）、歌曲搜索頁、列表滾動條。

注：這些歌曲均是通過網易接口爬取過來的，因為網易很坑，我拿到的接口中30首差不多就只有5-8首可以正常播放，所以采用了cURL爬取驗證，過濾掉了不能放的音樂，如果不知道網易接口怎么用的，可以自行百度

4.播放列表的歌曲批量刪除、單曲刪除，排行榜的批量播放、搜索列表的批量播放。

5.歌詞的拖拽查看

播放器使用方法（引入方法）

將除show文件夾之外的必要文件移動到你要顯示播放器所在的文件夾

在要顯示播放器的頁面中插入如下幾行代碼

    1. 
    2. 
    3. 
    4.

注意：除第一行代碼必須放在網頁頂部外，其余代碼可以插入到任意位置（但是css樣式插入位置必須在標簽中），但是要保準順序不能變 第4行代碼必須要在第三行代碼后面

代碼插入示例 




    
    音樂播放器

提醒：代碼必須要放置在php環境、并且安裝memcache擴展

4行代碼解釋

1. //啟動Session 的初始化 ，分配給用戶一個sessionid，此id使用來讀取服務器緩存的用戶播放記錄和新歌榜記錄（方便下次快速播放->因為網易api的問題才會考慮緩存新歌榜的記錄的）。
2. // 引入css樣式文件
3. 引入js主文件
4. // 將sessionid傳遞給js主文件通過ajax進行服務器的匹配是否存在此用戶的緩存音樂，如果存在就直接返回，沒有怎重新從api獲取

文件目錄

jmusic.php //次文件是你的將要引入播放器的文件（可修改）

css // css樣式文件（不可改，但是如果懂，可以自行修改）

js // js主文件（不可改，但是如果懂，可以自行修改）

php // 存放著php文件，用于驗證網易api中那些音樂可以播放哪些音樂不可以播放

show // 用于存放本文章中所有功能演示圖片（可刪除）

提示

這種可以緩存音樂的都是需要用戶登錄的，考慮到大家看演示的時候都會緩存造成大量垃圾，而我又是用的很渣的服務器，所以緩存在的時間只有24小時，并且開啟了session的垃圾回收機制（當訪問過大時，超時的session會被自動刪除）。
如果想要看微博原始播放器的朋友，可以移步至：點擊進入微博頁提醒：必須要登錄后播放器才會顯示，如果有賬號可以登錄查看

源碼下載地址

https://github.com/66pig/-jMusic

其實很早就做出來了，但是好尷尬，最開始不知道怎么把源碼發上來（自己服務器存放的時間都不長，鏈接容易失效），沒玩過github，初次嘗試，別見笑，后期有時間會更新的，如果你們覺得有什么bug也可以合并過來，大家相互學習。

當有朋友想要視頻播放器的時候會發現其實視頻播放器的功能多數都體現在了這個音樂播放器，是吧？這就是為啥我把這個發出來，而視頻播放器中多數人的一個瓶頸應該全屏問題，下次再說吧，先到這里了，如果有問題可以聯系我。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112072.html

相關文章

  • 小小weibo音樂播放器

    摘要：故事背景前幾周看到一個網友做音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 故事背景：前幾周看到一個網友做web音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 演示地址：http://123.56.191.84/jmusic_v... 兼容當前主流瀏覽器包括i...

    TZLLOG 評論0 收藏0

  • 小小weibo音樂播放器

    摘要：故事背景前幾周看到一個網友做音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 故事背景：前幾周看到一個網友做web音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 演示地址：http://123.56.191.84/jmusic_v... 兼容當前主流瀏覽器包括i...

    cangck_X 評論0 收藏0

  • 小小weibo音樂播放器

    摘要：故事背景前幾周看到一個網友做音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 故事背景：前幾周看到一個網友做web音樂播放器，然而在巧合之下發現微博的網頁播放器挺不錯的，就捉摸著自己試試，文章最末處獻上源碼，喜歡就請帶走吧。 演示地址：http://123.56.191.84/jmusic_v... 兼容當前主流瀏覽器包括i...

    mdluo 評論0 收藏0

  • 指尖一點歌聲來--微信小程序之仿網易云音樂心得

    摘要：為了提高自己，最近在學習微信小程序，選題是仿網易云音樂。查文檔發現，小程序中圖片加載完成后，有一個加載完成事件。前者在微信客戶端版本就不開始維護了，后者低版本需做兼容處理。目前還有一些功能暫未實現，會在以后繼續完善項目，繼續學習。 為了提高自己，最近在學習微信小程序，選題是仿網易云音樂。期間踩過了大把的坑，bug出現的難受和解決bug歡喜，一直是伴隨我階段性學習這個項目的心情。初步完成...

    KitorinZero 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<