-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscience.html
75 lines (69 loc) · 3.15 KB
/
science.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>杂记</title>
<link rel="stylesheet" type="text/css" href="main.css" media="screen and (min-width: 481px)">
<link rel="stylesheet" type="text/css" href="main-mobile.css" media="screen and (max-width: 480px)">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">主页</a></li>
<li><a href="about.html">关于</a></li>
<li><a href="note.html">笔记</a></li>
<li class="selected">杂记</li>
<li><a href="lab.html">实验</a></li>
</ul>
</nav>
<article>
<header>
<h1>篇一、如何下载音乐（以网易云为例）</h1>
<time datetime="2021-05-01">2021/05/01</time>
</header>
<h2>1. 基本原理</h2>
<p>
有的时候要下载音乐，可是复杂的条款让人头大。但是我们知道在浏览器听音乐时，浏览器需要发出网络请求，服务器会返回音乐文件给本地播放。
于是我们完全可以监控所有的网络传输，便可以跳过理论上的下载流程，从而直接下载。
至于网络请求方面，暂时不是很懂（可能将来学会了爬虫、做出了抢课程序后会懂一点）。大概get和post是两种html的基本请求方法，而fetch是JavaScript网络请求方面的一个API。
</p>
<h2>2. 流程</h2>
<ol>
<li>打开网易云网站找到想下载的歌曲</li>
<li>鼠标右键->检查->选中Network</li>
<p><a href="pic/downloadMusic-big.png"><img class="mobile-pic" src="pic/downloadMusic1.png" alt=""></a></p>
<li>点击播放按钮，可以发现监视器中有大量请求操作，直接搜索m4a（网易云音乐的格式）</li>
<p><a href="pic/downloadMusic2-big.png"><img class="mobile-pic" src="pic/downloadMusic2.png" alt=""></a></p>
<li>双击该音乐文件即可</li>
<p><img class="mobile-pic" src="pic/downloadMusic3.png" alt=""></p>
</ol>
<h2>3. 成果</h2>
<p><audio controls="controls" src="music/翻身的日子.m4a">love you like the movies</audio></p>
<h2>4. 后记</h2>
<ul>
<li>关于vip音乐：由于不让你听，所以下不下来</li>
<li>关于qq音乐：与网易云一样</li>
<li>关于视频：一般的视频网站都有反爬的操作，所以爬不下来；不过像好大学在线上的视频还是能简单地下载下来的</li>
</ul>
<p>此外，网络爬虫或许就是用编程语言来模拟刚刚你做的事情</p>
</article>
<!--
<article>
<header>
<h1>样例</h1>
<time datetime="2021-04-30">2021/04/30</time>
</header>
<p>
内容
</p>
</article>
-->
<footer>
© 2024, Gu Wei
<br>
All trademarks and registered trademarks appearing on
this site are the property of their respective owners. ( :
</footer>
</body>
</html>