網頁中引入網易雲音樂，貼邊隱藏

阿新 • • 發佈：2019-01-01

不廢話，直接上程式碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>網易雲音樂</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" 
>
    <script src="../../static/jsonFormater/jquery-1.7.2.min.js" type="text/javascript"></script>

    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        #music-163 {
            z-index: 10;
            width: 330px;
            height 
: 450px;
            position: fixed;
            left: -330px;
            top: 100px;
        }

        #music-163 span {
            width: 50px;
            height: 50px;
            background-color: #aeabc1;
            position: absolute;
            left: 330px;
            top: 0;
            border-radius 
: 2px;
        }
    </style>

    <script type="text/javascript">
        $(function () {
            var mDiv = $('#music-163');
            mDiv.mouseover(function () {
                startMove(0);
            });
            mDiv.mouseout(function () {
                startMove(-330);
            });
        });
        var timer = null;
        function startMove(target) {
            clearInterval(timer);
            var mDiv = $('#music-163');
            timer = setInterval(function () {
                // 越靠近目標值速度越小
                var speed = (target - mDiv.offset().left) / 20;
                //向右移動速度為正數，向左為負數,將speed取整,顯示不完全
                speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);

                if (mDiv.offset().left === target) {
                    clearInterval(timer);
                } else {
                    mDiv.css('left',mDiv.offset().left + speed + "px")
                }
            }, 10)
        }
    </script>
</head>
<body>

<div id="music-163">
    <object width="330" height="450"
            data="http://music.163.com/style/swf/widget.swf?sid=2232237850&type=0&auto=0&width=310&height=430"
            type="application/x-shockwave-flash"></object>
    <span id="music">
        <img height="100%" width="100%" src="../../static/home/images/avatar.jpg" alt=""/>
    </span>
</div>
</body>
</html>

網易雲外掛有兩種引入方式

第一種 iframe方式引入

優點：可以自己調整外掛的高度、寬度
缺點：很多部落格網站不支援嵌入iframe

<iframe frameborder="no" border="0" marginwidth="0"
        marginheight="0" width=330 height=450
        src="http://music.163.com/outchain/player?type=0&id=815573174&auto=0&height=430">
</iframe>

顯示效果
在這裡插入圖片描述

第二種，瀏覽器需要安裝Flash外掛

優點：可以適用大部分的部落格，如網易、新浪部落格等
缺點：無法自己調整外掛的高度、寬度

<object width="330" height="450" data="http://music.163.com/style/swf/widget.swf?sid=815573174&type=0&auto=0&width=310&height=430" type="application/x-shockwave-flash">
</object>

顯示效果
在這裡插入圖片描述

引數設定：

type : 型別（0：單曲、2：歌單）
id/sid：歌曲id
auto：0/1
0 表示開啟網頁的時候不自動播放；
1表示開啟網頁的時候自動播放。

覺得有幫助就點個贊吧

網頁中引入網易雲音樂，貼邊隱藏

不廢話，直接上程式碼 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:la

賣掉親生“百度音樂”，注資“網易雲音樂”，百度到底要幹嘛？

近日，網易雲音樂達成新一輪融資，投資方包括百度、泛大西洋投資集團等，訊息一出即刻引起坊間熱議，可以說百度又下了一步好棋。放眼國內，網際網路音樂市場已呈現"四國鼎立"騰訊音樂、網易雲音樂、太合音樂以及阿里的蝦米音樂。在版權大戰持續3年後，這次百度與網易雲

爬蟲網易雲音樂，熱評，詞雲，prettytable。

樂爬網易雲熱門評論第三方庫 api介面獲取評論解析資料顯示資料詞雲第三方庫製作流程詞雲程式碼詞雲排行榜 api

python爬取網易雲音樂，python下載網易雲音樂

import requests import time import os from urllib import request from bs4 import BeautifulSoup import urllib class Wy: page = 0 wymusic = {}

用python爬取網易雲音樂，新手看了也能操作

今天小編帶大家一起來利用Python爬取網易雲音樂，分分鐘將網站上的音樂down到本地。跟著小編執行過程式碼的筒子們將網易雲歌詞抓取下來已經不再話下了，在抓取歌詞的時候在函式中傳入了歌手ID和歌曲名兩個引數，其實爬取歌曲也是同樣的道理，也需要傳入這兩個引數，只不過網易雲歌曲的

獻上一段，派遣網易雲音樂，音頻的代碼。

cover 實現思路 too https requests 我不知道 web kit plist import requests import re def get_song_id(id=None): if not id: url

在應用開發中，網易雲音樂如何兼顧質量和效益

在應用開發中，質量和效益是非常關鍵的因素。網易雲音樂作為使用者人數突破4億，成就移動音樂傳奇的應用，是如何在開發中兼顧質量和效益的？網易雲音樂Android負責人樑建將為您解讀。框架賦能典型的開發框架從上往下分為三層，分別是業務層、服務層、能力層，三者之間是垂直依賴的關係，且業務層之間的水平模組不互相依

以網易雲音樂為例，分析產品筆面試中介紹類問題

作者：五星小兵全文共 4647 字 6 圖，閱讀需要 9 分鐘———— / BEGIN / ——

Win7，64位，Python使用Beautiful Soup 4抓取網易雲音樂歌單中的歌曲

使用Beautiful soup 4抓取網易雲音樂歌單（http://music.163.com/#/playlist?id=569020058）中的歌曲安裝Beautiful soup 4成功後，可以像下面這樣匯入Beautiful soup 4模組： >

版權上屢屢受挫，網易雲音樂路在何方？

耐心最新咨詢分用容易財經報告領域格局近日，網易雲音樂因版權問題部分歌曲被下架的事件持續發酵。起初是很多網友發現網易雲音樂歌單裏的一些歌曲被下架，並顯示出“因合作方要求，該資源暫時無法使用”的字樣。及至8月10日，網易雲音樂官微首度回應版權事件，稱不是錢

我用Python爬取網易雲音樂上的Hip-hop歌單，分析rapper如何押韻

line gone 謠言大致 -i 態度大眾其中當前緣起《中國有嘻哈》這個節目在這個夏天吸引了無數的目光，也讓嘻哈走進了大眾的視野。作為我今年看的唯一一個綜藝節目，它對我的影響也蠻大。這個夏天，我基本都在杭州度過，在上下班的taxi上，我幾乎都在刷這個節目，最後

單獨上線音樂直播APP，“LOOK直播”能給網易雲音樂帶來什麼？

文|曾響鈴來源|科技向令說（xiangling0815）作為移動網際網路時代使用者量數一數二的產品形態，線上音樂一直沒有停止過在運營、模式上的探索。最近，網易雲音樂上線音樂直播產品“LOOK直播”，“致力打造最適合音樂表演的線上平臺”，目前該產品

響鈴：戰略領投網易雲音樂後，百度的內容生態站上新高點

文|曾響鈴來源|科技向令說（xiangling0815）百度內容生態動作不斷。 10月12日，百度宣佈戰略領投網易雲音樂新一輪融資，其他投資方包括泛大西洋投資集團（General Atlantic）、博裕資本等，其中，百度與

Ubuntu 音效均衡器，網易雲音樂均衡器外掛

先給大家看下效果網上去百度，很難找到相關資訊，其實很簡單。 sudo add-apt-repository ppa:nilarimogard/webupd8 sudo apt-get update sudo apt-get install pulseaudio-equal

ubuntu 18.10中網易雲音樂啟動問題

網易是不多的良心軟體企業,很多軟體都支援linux不過在ubuntu18.10啟動的時候只能通過shell sudo 執行,而且會留下很難看的一個終端視窗,強迫症發作,一直都感覺如鯁在喉,今天用了一個比較挫的方式解決下先用吧 1.在/home/username/目錄內建立一個sh檔案 ge

arch linux下網易雲音樂執行沒反應，只能使用root使用者執行

本文原連結來自 https://extendswind.top/posts/technical/netease_music_can_not_open 最近開啟網易雲音樂沒有反應，只在htop命令下能看到執行的程序（manjaro+mate+awesome）。命令列sudo可以正常執行無用嘗試

Python解密網易雲音樂.ncm檔案，將.ncm檔案轉換為.mp3檔案，實現隨處播放（另附C++已編譯轉換器）

網易雲音樂把.mp3音樂檔案加密為.ncm檔案，導致不能將下載好的音樂複製到其它裝置或使用非網易雲音樂播放器播放，該程式可將.ncm檔案逆向解密為.mp3檔案並保留最高音質。另有C++已編譯.exe轉換器，將.ncm檔案拖到.exe上直接執行轉換，生成.mp3檔案在.ncm檔案相同路徑。點選下

仿照網易雲音樂項目（自制音樂網頁播放器）

一個網易後臺一周準備查看更新 span 總結最近準備把上一周做的一個仿網易雲音樂的自制音樂網頁播放器項目做一個總結。相關功能如下： 1.通過後臺頁面上傳歌曲、編輯歌曲功能。 2.前端頁面自動更新播放熱度高的歌曲 3.在線聽歌、查看歌詞。且配

歌單大資料分析基礎，採集海量網易雲音樂歌單資料實踐

本文主要介紹“網易雲音樂歌單採集爬蟲”（以下簡稱“網易歌單爬蟲”）的使用教程及注意事項。網易雲音樂使用者眾多，服務優質，其推出的歌單服務，更是深得使用者喜愛，裡面包含了各色歌曲，那該如何採集這眾多歌單資訊呢？接下來，教你如何使用“網易歌單爬蟲”在雲端採集和匯出歌單資訊：進入

python爬蟲綜合篇，採集網易雲音樂全部歌手的熱門歌曲以及評論！

今天我給大家介紹一下用Python爬取網易雲音樂全部歌手的熱門歌曲.由於歌手個人主頁的網頁原始碼中還嵌入了一個子網頁(框架原始碼裡面包含了我們需要的資訊),因此我們不能使用requests庫來爬取,而使用selenium,接下來,讓我詳細講解整個爬取過程. 學習Pyt

網頁中引入網易雲音樂，貼邊隱藏

相關推薦