├── .gitignore
├── LICENSE
├── Procfile
├── README.md
├── app.js
├── bin
    └── www
├── package.json
├── public
    ├── images
    │   └── favicon.png
    └── stylesheets
    │   └── style.css
├── routes
    ├── index.js
    └── users.js
└── views
    ├── error.ejs
    └── index.ejs


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # node-waf configuration
20 | .lock-wscript
21 | 
22 | # Compiled binary addons (http://nodejs.org/api/addons.html)
23 | build/Release
24 | 
25 | # Dependency directory
26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
27 | node_modules
28 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Kieran
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: node ./bin/www


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # imoocDownload
 2 | ###慕课网视频下载小程序
 3 | node + express  
 4 | 利用慕课网的api 生成视频下载链接  
 5 | 然后在前台显示出来
 6 | ###Start
 7 | ```
 8 | $ node ./bin/www
 9 | 然后浏览器打开 localhost:5000
10 | ```
11 | 正常情况 右击 链接点 链接另存为 就能在浏览器里下载了  
12 | 这样下载能保持文件名正常  
13 | 如果用迅雷，文件名会变成 H.mp4 需要手动改文件名  
14 | 不过用迅雷可以批量下载，右击链接，选择 迅雷批量下载链接 就行了。
15 | 
16 | PS: routes/index.js 里的cookie需要改成你的慕课网的cookie
17 | 


--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var path = require('path');
 3 | var favicon = require('serve-favicon');
 4 | var logger = require('morgan');
 5 | var cookieParser = require('cookie-parser');
 6 | var bodyParser = require('body-parser');
 7 | 
 8 | var routes = require('./routes/index');
 9 | var users = require('./routes/users');
10 | 
11 | var app = express();
12 | 
13 | // view engine setup
14 | app.set('views', path.join(__dirname, 'views'));
15 | app.set('view engine', 'ejs');
16 | 
17 | // uncomment after placing your favicon in /public
18 | //app.use(favicon(__dirname + '/public/favicon.ico'));
19 | app.use(logger('dev'));
20 | app.use(bodyParser.json());
21 | app.use(bodyParser.urlencoded({ extended: false }));
22 | app.use(cookieParser());
23 | app.use(express.static(path.join(__dirname, 'public')));
24 | 
25 | app.use('/', routes);
26 | app.use('/users', users);
27 | 
28 | // catch 404 and forward to error handler
29 | app.use(function(req, res, next) {
30 |   var err = new Error('Not Found');
31 |   err.status = 404;
32 |   next(err);
33 | });
34 | 
35 | // error handlers
36 | 
37 | // development error handler
38 | // will print stacktrace
39 | if (app.get('env') === 'development') {
40 |   app.use(function(err, req, res, next) {
41 |     res.status(err.status || 500);
42 |     res.render('error', {
43 |       message: err.message,
44 |       error: err
45 |     });
46 |   });
47 | }
48 | 
49 | // production error handler
50 | // no stacktraces leaked to user
51 | app.use(function(err, req, res, next) {
52 |   res.status(err.status || 500);
53 |   res.render('error', {
54 |     message: err.message,
55 |     error: {}
56 |   });
57 | });
58 | 
59 | 
60 | module.exports = app;
61 | 


--------------------------------------------------------------------------------
/bin/www:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | /**
 4 |  * Module dependencies.
 5 |  */
 6 | 
 7 | var app = require('../app');
 8 | var debug = require('debug')('imoocVideoDowload:server');
 9 | var http = require('http');
10 | 
11 | /**
12 |  * Get port from environment and store in Express.
13 |  */
14 | 
15 | var port = normalizePort(process.env.PORT || '5000');
16 | app.set('port', port);
17 | 
18 | /**
19 |  * Create HTTP server.
20 |  */
21 | 
22 | var server = http.createServer(app);
23 | 
24 | /**
25 |  * Listen on provided port, on all network interfaces.
26 |  */
27 | 
28 | server.listen(port);
29 | server.on('error', onError);
30 | server.on('listening', onListening);
31 | 
32 | /**
33 |  * Normalize a port into a number, string, or false.
34 |  */
35 | 
36 | function normalizePort(val) {
37 |   var port = parseInt(val, 10);
38 | 
39 |   if (isNaN(port)) {
40 |     // named pipe
41 |     return val;
42 |   }
43 | 
44 |   if (port >= 0) {
45 |     // port number
46 |     return port;
47 |   }
48 | 
49 |   return false;
50 | }
51 | 
52 | /**
53 |  * Event listener for HTTP server "error" event.
54 |  */
55 | 
56 | function onError(error) {
57 |   if (error.syscall !== 'listen') {
58 |     throw error;
59 |   }
60 | 
61 |   var bind = typeof port === 'string'
62 |     ? 'Pipe ' + port
63 |     : 'Port ' + port;
64 | 
65 |   // handle specific listen errors with friendly messages
66 |   switch (error.code) {
67 |     case 'EACCES':
68 |       console.error(bind + ' requires elevated privileges');
69 |       process.exit(1);
70 |       break;
71 |     case 'EADDRINUSE':
72 |       console.error(bind + ' is already in use');
73 |       process.exit(1);
74 |       break;
75 |     default:
76 |       throw error;
77 |   }
78 | }
79 | 
80 | /**
81 |  * Event listener for HTTP server "listening" event.
82 |  */
83 | 
84 | function onListening() {
85 |   var addr = server.address();
86 |   var bind = typeof addr === 'string'
87 |     ? 'pipe ' + addr
88 |     : 'port ' + addr.port;
89 |   debug('Listening on ' + bind);
90 | }
91 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "imoocVideoDowload",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "start": "node ./bin/www"
 7 |   },
 8 |   "dependencies": {
 9 |     "body-parser": "~1.12.4",
10 |     "cookie-parser": "~1.3.5",
11 |     "debug": "~2.2.0",
12 |     "ejs": "~2.3.1",
13 |     "express": "~4.12.4",
14 |     "morgan": "~1.5.3",
15 |     "serve-favicon": "~2.2.1",
16 |     "cheerio": "^0.17.0",
17 |     "superagent": "^0.20.0",
18 |     "eventproxy": "^0.3.1"
19 |   }
20 | }


--------------------------------------------------------------------------------
/public/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuperKieran/imoocDownload/59577ebba47f12f0424aee1ad32fdcfad482e487/public/images/favicon.png


--------------------------------------------------------------------------------
/public/stylesheets/style.css:
--------------------------------------------------------------------------------
  1 | .jumbotron.masthead{
  2 | 	margin-top: 20px;
  3 | }
  4 | .contentLeft, .contentRight{
  5 |     float: left;
  6 | }
  7 | 
  8 | .highlight {
  9 |     color: #c33;
 10 | }
 11 | .course .btn.btn-warning.btn-xs{
 12 | 	margin-left: 20px;
 13 | }
 14 | .course .content {
 15 |     line-height: 22px;
 16 |     margin-top: 20px;
 17 | }
 18 | .course .thumbnail {
 19 |     width: 200px;
 20 |     overflow: hidden;
 21 |     padding: 0;
 22 | }
 23 | .course .thumbnail img {
 24 |     width: 210px;
 25 |     overflow: hidden;
 26 |     margin: 0;
 27 |     padding: 0;
 28 |     transition-duration: 1s;
 29 |     -moz-transition-duration: 1s;
 30 |     -webkit-transition-duration: 1s;
 31 |     -o-transition-duration: 1s;
 32 | }
 33 | .course .thumbnail, .search-course .course .introduction {
 34 |     float: left;
 35 |     height: 120px;
 36 |     margin-right: 10px;
 37 | }
 38 | .course .thumbnail img {
 39 |     min-width: 200px;
 40 |     height: 120px;
 41 |     border: 0;
 42 | }
 43 | .course .thumbnail:hover img {
 44 |     transform: scale(1.2);
 45 | }
 46 | .course .introduction {
 47 |     margin-left: 10px;
 48 |     margin-top: -4px;
 49 |     font-size: 12px;
 50 |     line-height: 24px;
 51 | }
 52 | .autowrap {
 53 |     word-wrap: break-word;
 54 |     word-break: break-all;
 55 | }
 56 | /* Loading Start */
 57 | .cover {
 58 |     position:fixed;
 59 |     top: 0px;
 60 |     right:0px;
 61 |     bottom:0px;
 62 |     filter: alpha(opacity=60);
 63 |     background-color: #777;
 64 |     z-index: 1002;
 65 |     left: 0px;
 66 |     display:none;
 67 |     opacity:0.5;
 68 |     -moz-opacity:0.5;
 69 | }
 70 | .sk-spinner-double-bounce.sk-spinner {
 71 |     width: 40px;
 72 |     height: 40px;
 73 |     position: relative;
 74 |     margin: 0 auto;
 75 |     display: none;
 76 | }
 77 | .sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 {
 78 |     width: 100%;
 79 |     height: 100%;
 80 |     border-radius: 50%;
 81 |     background-color: #333;
 82 |     opacity: 0.6;
 83 |     position: absolute;
 84 |     top: 0;
 85 |     left: 0;
 86 |     -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
 87 |     animation: sk-doubleBounce 2s infinite ease-in-out; }
 88 | .sk-spinner-double-bounce .sk-double-bounce2 {
 89 |     -webkit-animation-delay: -1s;
 90 |     animation-delay: -1s; }
 91 | 
 92 | @-webkit-keyframes sk-doubleBounce {
 93 |     0%, 100% {
 94 |         -webkit-transform: scale(0);
 95 |         transform: scale(0); }
 96 | 
 97 |     50% {
 98 |         -webkit-transform: scale(1);
 99 |         transform: scale(1); } }
100 | 
101 | @keyframes sk-doubleBounce {
102 |     0%, 100% {
103 |         -webkit-transform: scale(0);
104 |         transform: scale(0); }
105 | 
106 |     50% {
107 |         -webkit-transform: scale(1);
108 |         transform: scale(1); } }
109 | /* Loading End */


--------------------------------------------------------------------------------
/routes/index.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var cheerio = require('cheerio');
 3 | var eventproxy = require('eventproxy');
 4 | var superagent = require('superagent');
 5 | var url = require('url');
 6 | var router = express.Router();
 7 | 
 8 | /* GET home page. */
 9 | router.get('/', function(req, res, next) {
10 |     res.render('index');
11 | });
12 | 
13 | router.post('/search', function(req, res, next){
14 |     superagent.get('http://www.imooc.com/index/search?words='+req.body.keyword)
15 |         .end(function(err, sres) {
16 |             if (err) {
17 |                 return next(err);
18 |             }
19 | 
20 |             var $ = cheerio.load(sres.text);
21 |             var ulList = $('#main .search-main ul li.course-item');
22 |             var courseItem = '';
23 | 
24 |             for(var i=0;i<$(ulList).length;i++){
25 |                 courseItem += '<li class="course"><h2 class="title autowrap">'
26 |                     + $(ulList).eq(i).find('h2.title a').text().trim()
27 |                     + '<button class="btn btn-warning btn-xs" onclick="sendCourse($(this).val())" value="'
28 |                     + $(ulList).eq(i).find('h2.title a').attr('href').replace(/[^0-9]/ig, "")
29 |                     + '">\u751f\u6210\u4e0b\u8f7d\u94fe\u63a5</button></h2><div class="content"><div class="thumbnail"><img src="'
30 |                     + $(ulList).eq(i).find('.thumbnail img').attr('src')
31 |                     + '"></div><div class="introduction">'
32 |                     + $('.introduction').eq(i).html()
33 |                     + '</div></div></li>';
34 |             }
35 |             res.send(courseItem);
36 |         });
37 | });
38 | 
39 | router.post('/video', function(req, res, next) {
40 | 
41 |     superagent.get('http://www.imooc.com/learn/' + req.body.lessionId)
42 |         .set('Cookie', 'PSTM=1444951074; BIDUPSID=8FA7E6806D1D12692ED2814C59E2C034; SIGNIN_UC=70a2711cf1d3d9b1a82d2f87d633bd8a01955973477; Hm_lvt_48aa793efee45092e5be8355226433d7=1446004018; Hm_lpvt_48aa793efee45092e5be8355226433d7=1446004018; H_WISE_SIDS=100040; BAIDUID=7BD93600157DF82A51868304E3FABEC0:FG=1; BDUSS=JkZDluMmNvY21GaFB2NnhoMDAxQzIzUW13dG1tUjZVdHhlRnItLTZvakJ5VzVXQVFBQUFBJCQAAAAAAAAAAAEAAABO9pkiaW1L1tjD-8HLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAME8R1bBPEdWeW; H_PS_PSSID=11194_1423_17758_17619_13290_17900_17946_17783_17927_17970_17001_17072_15507_12124_16096_17421')
43 |         .set('User-Agent', 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36')
44 |         .set('Referer', 'http://www.imooc.com')
45 |         .end(function(err, sres) {
46 |             if (err) {
47 |                 return next(err);
48 |             }
49 |             var $ = cheerio.load(sres.text);
50 | 
51 |             var videoList = $('.video a');
52 |             var temp = [];
53 |             console.log('video length:' + videoList.length);
54 |             for (var i = 0; i < videoList.length; i++) {
55 |                 if($(videoList[i]).attr('href').substring(0, 6) === '/video') {
56 |                     temp.push(videoList[i]);
57 |                 }
58 |             }
59 | 
60 |             var ep = new eventproxy();
61 |             var items = [];
62 |             ep.after('got_video', temp.length, function(list) {
63 |                 list.forEach(function(listItem) {
64 |                     items.push({
65 |                         title: listItem[0],
66 |                         href: listItem[1]
67 |                     });
68 |                 })
69 |                 console.log(items);
70 |                 res.send(items);
71 |             });
72 | 
73 |             temp.forEach(function(videoItem) {
74 |                 videoUrl = "http://www.imooc.com/course/ajaxmediainfo/?mid=" + $(videoItem).attr('href').replace(/[^0-9]/ig, "");
75 |                 superagent.get(videoUrl)
76 |                     .end(function(err, res) {
77 |                         ep.emit('got_video', [$(videoItem).text(), JSON.parse(res.text).data.result.mpath[0]]);
78 |                     })
79 |             })
80 | 
81 |         });
82 | });
83 | 
84 | module.exports = router;
85 | 


--------------------------------------------------------------------------------
/routes/users.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var router = express.Router();
 3 | 
 4 | /* GET users listing. */
 5 | router.get('/', function(req, res, next) {
 6 |   res.send('respond with a resource');
 7 | });
 8 | 
 9 | module.exports = router;
10 | 


--------------------------------------------------------------------------------
/views/error.ejs:
--------------------------------------------------------------------------------
1 | <h1><%= message %></h1>
2 | <h2><%= error.status %></h2>
3 | <pre><%= error.stack %></pre>
4 | 


--------------------------------------------------------------------------------
/views/index.ejs:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html lang="zh-CN">
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <title>慕课网视频批量下载</title>
  8 |     <meta name="generator" content="慕课网视频批量下载">
  9 |     <meta name="author" content="Kieran">
 10 |     <meta name="description" content="慕课网视频批量下载" />
 11 |     <meta name="keywords" content="慕课网,视频下载,Kieran" />
 12 |     <!-- 添加至主屏, 从主屏进入会隐藏地址栏和状态栏, 全屏(content="yes") -->
 13 |     <meta name="apple-mobile-web-app-capable" content="yes">
 14 |     <!-- 系统顶栏的颜色(content = black、white 和 black-translucent)选其一就可以 -->
 15 |     <meta name="apple-mobile-web-app-status-bar-style" content="black">
 16 |     <!-- 指定标题 -->
 17 |     <meta name="apple-mobile-web-app-title" content="慕课网视频下载">
 18 |     <link rel="Shortcut Icon" href="images/favicon.png" type="image/png">
 19 |     <link rel="stylesheet" href="stylesheets/style.css"/>
 20 |     <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
 21 |     <script src="//cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
 22 |     <script src="//cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 23 |     <!-- 百度统计 -->
 24 |     <script src = "//hm.baidu.com/hm.js?a50c98a0237f834ac6bfed6f25846668" async></script>
 25 | </head>
 26 | <body>
 27 | <div class="navbar navbar-inverse navbar-fixed-top">
 28 |     <div class="container">
 29 |         <div class="navbar-header">
 30 |             <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
 31 |                 <span class="sr-only">Toggle navigation</span>
 32 |                 <span class="icon-bar"></span>
 33 |                 <span class="icon-bar"></span>
 34 |                 <span class="icon-bar"></span>
 35 |             </button>
 36 |             <a class="navbar-brand hidden-sm" href="/">慕课网 视频下载</a>
 37 |         </div>
 38 |         <div class="navbar-collapse collapse" role="navigation">
 39 |             <ul class="nav navbar-nav">
 40 | 
 41 | 
 42 | 
 43 |                 <div class="navbar-form navbar-left" role="search">
 44 |                     <div class="input-group">
 45 |                         <input type="text" class="form-control" id="search" placeholder="这里是搜索课程的">
 46 |                         <span class="input-group-btn">
 47 |                             <button class="btn btn-default" id="searchBtn" type="button">搜索</button>
 48 |                        </span>
 49 |                     </div>
 50 |                 </div>
 51 |             </ul>
 52 |             <ul class="nav navbar-nav navbar-right hidden-sm">
 53 |                 <li><a href="http://go.kieran.top">BLOG</a></li>
 54 |             </ul>
 55 |         </div>
 56 |     </div>
 57 | </div>
 58 | <div class="jumbotron masthead">
 59 |     <div class="container">
 60 |         <h1>慕课网 视频
 61 |             <button type="button" class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">
 62 |                 怎么用？
 63 |             </button>
 64 |         </h1>
 65 |         <!-- Modal -->
 66 |         <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 67 |             <div class="modal-dialog">
 68 |                 <div class="modal-content">
 69 |                     <div class="modal-header">
 70 |                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 71 |                         <h4 class="modal-title" id="myModalLabel">教程：</h4>
 72 |                     </div>
 73 |                     <div class="modal-body">
 74 |                         导航栏直接搜索课程，点击生成下载链接 <br/>
 75 |                         右击点链接另存为，这样保存的文件名是正确的 <br/>
 76 |                         如果你想批量下载，可以右击选择迅雷批量下载链接，不过下载下来的文件名是乱的 <br/>
 77 |                         你也可以直接输入课程号搜索，课程号是什么呢？ <br/>
 78 |                         比如 <a href="http://www.imooc.com/view/185">http://www.imooc.com/view/185</a> 的课程号就是 185
 79 |                     </div>
 80 |                     <div class="modal-footer">
 81 |                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 82 |                     </div>
 83 |                 </div>
 84 |             </div>
 85 |         </div>
 86 |         <h2>一键批量下载，让下载视频更迅速、简单。</h2>
 87 |         <div class="form-inline">
 88 |             <div class="form-group">
 89 |                 <label for="lessionId">http://www.imooc.com/learn/</label>
 90 |                 <input type="text" class="form-control" id="lessionId" placeholder="你也可以直接输入课程号">
 91 |             </div>
 92 |             <button type="button" class="btn btn-primary" id="send">发送课程号</button>
 93 |         </div>
 94 |     </div>
 95 | </div>
 96 | <div class="container contentLeft" style="width: 60%">
 97 |     <ul class="list-group">
 98 | 
 99 |     </ul>
100 | </div>
101 | 
102 | <div class="container contentRight" style="width: 40%">
103 |     <ul class="list-group"></ul>
104 | </div>
105 | <!-- Loading -->
106 | <div id="cover" class="cover"></div>
107 | <div class="sk-spinner sk-spinner-double-bounce">
108 |     <div class="sk-double-bounce1"></div>
109 |     <div class="sk-double-bounce2"></div>
110 | </div>
111 | <div class="container">
112 |     <!-- 多说评论框 start -->
113 |     <div class="ds-thread" data-thread-key="imooc" data-title="慕课下载工具" data-url=""></div>
114 |     <!-- 多说评论框 end -->
115 | </div>
116 | <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
117 | <script type="text/javascript">
118 |     var duoshuoQuery = {short_name:"kieran"};
119 |     (function() {
120 |         var ds = document.createElement('script');
121 |         ds.type = 'text/javascript';ds.async = true;
122 |         ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
123 |         ds.charset = 'UTF-8';
124 |         (document.getElementsByTagName('head')[0]
125 |         || document.getElementsByTagName('body')[0]).appendChild(ds);
126 |     })();
127 | </script>
128 | <!-- 多说公共JS代码 end -->
129 | <script>
130 |     var searchCourse = function(){
131 |         $('#cover').show();
132 |         $('.sk-spinner.sk-spinner-double-bounce').show();
133 |         $.post('/search', { keyword: $('#search').val() }, function(data){
134 |             $('.contentLeft .list-group').empty();
135 |             $('.contentLeft .list-group').append(data);
136 |             $('#cover').hide();
137 |             $('.sk-spinner.sk-spinner-double-bounce').hide();
138 |         })
139 |     }
140 |     function sendCourse(idx){
141 |         $('#cover').show();
142 |         $('.sk-spinner.sk-spinner-double-bounce').show();
143 |         $.post('/video', {
144 |             lessionId: idx
145 |         }, function(data){
146 |             $('.contentRight .list-group').empty();
147 |             for(var i=0;i<data.length;i++){
148 |                 var list = '';
149 |                 list += '<li class="list-group-item"><a href="'
150 |                         +data[i].href+'" download="'
151 |                         +data[i].title.trim()+'">'
152 |                         +data[i].title.trim()
153 |                         +'</a></li>';
154 |                 $('.contentRight .list-group').append(list);
155 |             }
156 |             $('#cover').hide();
157 |             $('.sk-spinner.sk-spinner-double-bounce').hide();
158 |         });
159 |     }
160 |     $('#search').on('change', searchCourse);
161 |     $('#lessionId').on('keydown', function(){
162 |         if(event.keyCode === 13){
163 |             sendCourse($('#lessionId').val());
164 |         }
165 |     });
166 |     $('#searchBtn').on('click', searchCourse);
167 | 
168 |     $('#send').on('click', function(){sendCourse($('#lessionId').val());});
169 | </script>
170 | </body>
171 | </html>


--------------------------------------------------------------------------------