慕课网(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】键。
1 var selector = 'a.J-media-item'; 2 var videoes = []; 3 var xmlStr = '<?xml version="1.0" encoding="utf-8" ?><videoes>'; 4 var dict = {}; 5 var total = $(selector).length; 6 var textStr = ''; 7 $(selector).each(function(i, e) { 8 var href = this.href; 9 var vid = href.substring(href.lastIndexOf('/') + 1, href.length); // this.href.replace('http://www.imooc.com/video/', ''); 10 var name = this.innerText; 11 var pattern = /(d{2}:d{2})/; 12 if (!pattern.test(name)) { 13 total--; 14 if (i == $(selector).length - 1 && !total) { 15 console.log('没有视频可以下载!'); 16 } 17 return; 18 }; 19 name = name.replace(/(d{2}:d{2})/, '').replace(/s/g, ''); 20 //name += '.mp4'; 21 dict[vid] = name; 22 $.getJSON("/course/ajaxmediainfo/?mid=" + vid + "&mode=flash", function(data) { 23 var url = data.data.result.mpath[2]; 24 videoes.push({ 25 url: url, 26 name: name 27 }); 28 xmlStr += '<video><url>' + url + '</url><name>' + name + '</name></video>'; 29 textStr += 'filename=' + name + '&fileurl=' + url + ' '; 30 if (videoes.length == total) { 31 console.log('共' + total + '个视频。'); 32 console.log('已完成' + videoes.length + '个视频。'); 33 //console.log(JSON.stringify(videoes)); 34 xmlStr += '</videoes>'; 35 //console.log(xmlStr); 36 console.log(textStr); 37 console.log($('.hd .l').text()); 38 }; 39 }); 40 });
运行结果如下:
大家有没有发现,所有的视频都叫L.mp4,是不是没有意义,这就是我为什么要千方百计获取视频超链接中的文本的原因。页面上38个视频名称和地址都拿到了,
我将视频数据格式化成filename=文件名&fileurl=视频地址,还可以根据自己需要格式化成xml、json等。
接下来使用IDM批量导入助手.exe将这些视频地址导入到idm中,当然你也可以批量导入到迅雷中,但文件名会全部变成L.mp4
导入成功后,就可以批量下载啦,大功告成!
如果觉得对你有帮助,请点个赞,谢谢!
不足与错误之处,敬请批评指正!