使用js腳本批量下載慕課網視頻

慕課網(http://www.imooc.com/)上有很多不錯的視頻，當然我不是來給慕課網打廣告的，我本人學習過很多慕課網上的免費的視頻。

在線看如果網速慢時，可能會有卡頓，沒網時無法觀看。所有說下載到本地，離線看視頻是非常不錯的選擇。慕課網上沒提供下載視頻的入口，想下載到本地怎么辦？

如果一次下載一個視頻，那是very very easy,不用第三方工具就能搞定。

1.打開谷歌或谷歌內核的瀏覽器，按F12鍵，打開開發人員工具，地址欄輸入http://www.imooc.com/video/2678(示例，觀看的視頻地址)，回車進入此頁面，開發人員工具>Network>Media,這里我們就能找到這個視頻的真實地址

光標移動到這個地址上，點鼠標右鍵，選擇Open link in new tab,會在新的頁面打開此視頻

在這個頁面上按Ctrl+S就可以把這個視頻保存到本地磁盤上。

這個方法雖然很笨，卻能下載你想要的視頻。

或者我們可以拷貝視頻地址，用迅雷等工具下載。

還可以用傲游等瀏覽器或通過插件來監視視頻地址，迅雷等下載軟件也能監視瀏覽器上的視頻地址，來下載視頻，但是提示的視頻名稱並不是我們想要的

 

這個視頻應該叫AngularJS實戰2-1 MVC（1）.mp4,軟件自動給的名字叫MVC（1） -慕課網.mp4，還得去改名字。

這樣我們下載單個視頻沒什么問題，但是，如果我們需要批量下載十幾個甚至幾十個視頻時，每個頁面去點開，去修改視頻的名字，是不是很麻煩呢？

 為此我想了很多辦法，如寫后台代碼請求一個頁面，獲取該頁面所有的請求，找到視頻的那個請求，然后把視頻下載下來，但沒法現實。

到網上找了一些相關資料，有人說用Fiddle類庫，我嘗試過，又失敗了。

從后台入手搞不定，於是我嘗試從前端入手。

按Ctrl+S，將頁面保存到本地，然后使用Notepad++搜索視頻地址http://v1.mukewang.com/d88f32c5-3e66-44ab-ab7b-0f0383edfba8/L.mp4中的部分字符串v1.mukewang.com

找到對應文件的代碼，通過分析video.js，確定getMediaInfo()是用來獲取視頻的地址

http://www.imooc.com/course/ajaxmediainfo/?mid=2678&mode=flash這個請求傳了個mid和mode,mid就是http://www.imooc.com/video/2678即當前頁面的參數。

我們只需要將頁面地址video后面的數字發送到http://www.imooc.com/course/ajaxmediainfo/?mid={數字}&mode=flash，就能拿到當前頁面視頻的地址，返回的數據中集合包含3個地址，分別為普清、高清、超清。可根據自己需要，下載對應的視頻。

雖然現在我們能拿到視頻的地址，但是我們依然只是單個視頻操作。這時，我們返回到這個頁面的上個頁面，即視頻列表頁面http://www.imooc.com/learn/156

使用jquery選擇器，拿到這個頁面的視頻教程超鏈接的href，再發送請求，就可以拿到每個頁面的視頻地址

按F12點擊Console,將下面代碼粘貼到控制台，按下【Enter】鍵。

var selector = 'a.J-media-item';
var videoes = [];
var xmlStr = '<?xml version="1.0" encoding="utf-8" ?><videoes>';
var dict = {};
var total = $(selector).length;
var textStr = '';
$(selector).each(function(i, e) {
    var href = this.href;
    var vid = href.substring(href.lastIndexOf('/') + 1, href.length); // this.href.replace('http://www.imooc.com/video/', '');
    var name = this.innerText;
    var pattern = /\(\d{2}:\d{2}\)/;
    if (!pattern.test(name)) {
        total--;
        if (i == $(selector).length - 1 && !total) {
            console.log('沒有視頻可以下載！');
        }
        return;
    };
    name = name.replace(/\(\d{2}:\d{2}\)/, '').replace(/\s/g, '');
    //name += '.mp4';
    dict[vid] = name;
    $.getJSON("/course/ajaxmediainfo/?mid=" + vid + "&mode=flash", function(data) {
        var url = data.data.result.mpath[2];
        videoes.push({
            url: url,
            name: name
        });
        xmlStr += '<video><url>' + url + '</url><name>' + name + '</name></video>';
        textStr += 'filename=' + name + '&fileurl=' + url + '\n';
        if (videoes.length == total) {
            console.log('共' + total + '個視頻。');
            console.log('已完成' + videoes.length + '個視頻。');
            //console.log(JSON.stringify(videoes));
            xmlStr += '</videoes>';
            //console.log(xmlStr);
            console.log(textStr);
            console.log($('.hd .l').text());
        };
    });
});

運行結果如下：

大家有沒有發現，所有的視頻都叫L.mp4，是不是沒有意義，這就是我為什么要千方百計獲取視頻超鏈接中的文本的原因。頁面上38個視頻名稱和地址都拿到了，

我將視頻數據格式化成filename=文件名&fileurl=視頻地址，還可以根據自己需要格式化成xml、json等。

接下來使用IDM批量導入助手.exe將這些視頻地址導入到idm中，當然你也可以批量導入到迅雷中，但文件名會全部變成L.mp4

 

 

導入成功后，就可以批量下載啦，大功告成！

 

如果覺得對你有幫助，請點個贊，謝謝！

不足與錯誤之處，敬請批評指正！