你的位置  -  

独辟蹊径 | 利用浏览器的开发人员工具F12提取在线视频的真实下载地址

序:

默认情况下,在 Chrome / Firefox / IE 等浏览器中,通过使用F12功能键便可调出专为前端开发人员准备的网页调试工具。而D君另辟蹊径,将此功能应用于普通大众用户,写此文章利用F12来提取在线视频的真实下载地址,特专稿于软件小品,在此感谢!

引子:

近几年来视频网站如雨后春笋一般遍地兴起。热门视频网站从最早的优酷、土豆,到今天的搜狐、腾讯、新浪,各家都出招吸引用户。视频资源也大多星星点点散落在各大网站。广大网友如果要下载视频,看来只能四处注册账号,让桌面和托盘被各类客户端的图标占领,光是听着就觉得恐怖致极。当越来越多的用户开始从网络上搜集方法,通过视频嗅探的浏览器扩展、提取缓存,或是视频地址解析网站来下载视频时,又发现支持网站有限、时而会失效、视频不完整、更新频率高等问题,甚至又被新的“下载客户端”打了个措手不及。

自力更生不用任何第三方软件、扩展提取在线视频下载地址

D君个人提倡自力更生。其实,只要能利用浏览器自身就可以找出网页中视频的真实地址,不仅不需要第三方的扩展、工具,而且还能保证结果的精确、完整,永远不用担心需要注册账号,长期有效。这个方法其实早就有人发布在互联网上,可惜被湮没在扩展、解析网站的潮水之中,加之不少浏览器有所更新,特此,D君重新整理,并写成教程。

首先涉及几个常识:

网页格式一般为HTML。利用代码可以写出花里胡哨的网页,但是视频文件永远无法被直接整合进单个的HTML文件中,因此网页中的视频一定是独立的视频文件。视频文件在网页中的其他文件里,有文件体积大的显著特点。视频网站的视频文件格式一般为flv、mp4、hlv、f4v等等,少数有自创的格式如letv等。下面我们开始操作部分:

Chrome部分:

对于Chrome浏览器:Chrome是谷歌公司推出的浏览器,于第二次浏览器大战中在Firefox之后被推出。今年Chrome更换为自主开发的Blink内核,F12的界面也有些许变动。

打开任意视频网站的视频播放页面,在此D君以Bilibili的视频为例。如下图,按下F12按钮调出开发者工具界面,点击第一行“Network”选项卡,可见下方以详细信息的方式列举出了网页中的元素。
Chrome

点击“Size”按钮,以此做到将所有元素按照体积从大到小排列。当视频缓冲开始时,排列在第一位,体积最大(也许还在不断增大),在右侧的时间轴中持续时间最长的元素,“Name”中以视频格式位后缀的,就是我们要找的视频。在文件上右键,点击“Copy Link Address”就能复制视频文件地址,然后就能够在下载器中新建任务,粘贴地址,开始下载。对于浏览器自身不能识别的视频格式,也可以直接点击“Open Link In New Tab”,使用浏览器进行下载。

Firefox 部分:

对于Firefox浏览器:Firefox是Mozilla推出的浏览器,是少数的非营利性质开源浏览器,是第二次浏览器大战中的主力,对于扳倒IE6做出了不可磨灭的贡献。Firefox坚持使用Gecko内核,在Firefox28更新时,整个浏览器界面都发生了巨大变化。打开任意视频网站的视频播放页面,仍旧以Bilibili的视频为例。按下F12按钮调出开发者工具界面,点击第一行“网络”选项卡。
Firefox1

 

如果不是上图所示的界面,可以直接跳跃到下方第二张图。如果出现如上图所示的界面,则点击图中②位置所在的按钮,页面会自动刷新,出现下图所示的界面。显示的是网页元素类型的饼图。

Firefox2

点击饼图中的Other,后,看到如下图所示的界面。

Firefox3

同样,点击“大小”以按照体积排序。排在第一位,以kb为单位大小在4-6位数,文件名中以”.hlv”或其他视频格式为后缀的文件就是需要的视频。仍然是在文件上右键,点击“复制网址”在下载器中新建任务,粘贴地址,开始下载。对于Firefox不能识别的视频格式,也可以直接点击“在新标签页中打开”,使用浏览器或浏览器的下载扩展进行下载。

IE 部分:

Internet Explorer 是 Windows PC系统自带的浏览器,是最基本的浏览器。但是由于IE的嗅探最不容易上手,因此在最后讲。从IE9开始,IE自带的F12开始趋于完善,向新兴的Chrome等浏览器接近。打开一个视频网站的视频播放页面,然后按下键盘上的F12按键,可看见下方出现如下图所示的界面。点击第二行“网络”选项卡,随后点击“开始捕获”按钮,就能够开始捕获。捕获到的元素将在下方的空间里显示出详尽的信息。由于不如Chrome 和Firefox那么容易按照体积排序就能直接找到,所以个人建议将F12的界面向上拉伸。同理也可以拉长“URL”等栏目下内容的显示长度。

IE

在罗列的内容中“结果”、“类型”显示为“(已花费)”,发起程序为Flash,URL最后的后缀为”.hlv”或其他视频格式后缀的,是视频文件。右键,“复制URL”来复制到下载器开始下载。此处一定注意是“复制URL”而不是“复制”。

最后有必须多说的话:

对于视频文件的判断,必须在视频开始缓冲之后才能够进行,否则会闹出将视频之前60秒广告下载下来的笑话也说不定。此外,比如,如果在优酷的视频,显示的来源地址中出现“baidu.com”、“qq.com”的域名,即便体积等符合特征,也显然不是目标文件。还有,不少视频网站将视频进行了切割,因此下载时必须将每一段都下载下来。每一段分别是体积相近、后缀名相同的多个符合要求的文件。24-30分钟的视频大多被四等分,一个被四等分的视频,则需要分别将进度条拉动到开始、约25%处、约50%处、约75%处,分别缓冲,随后可以找到体积相近、后缀名相同的四个符合要求的文件。

作者头像
感谢D君的投递

发表评论


汗 色 悲 闭嘴 调皮 笑 惊 亲 雷 馋 晕 酷 奸 怒 狂 萌 吃 贪 囧 羞 哭 嘿

24 条评论

  1. 、一只袖子 2015-09-30 20:47

    :mrgreen: :mrgreen:

  2. 林木木 2014-07-18 21:23

    flvcd.com/ 一站搞定~

  3. 锦瑟 2014-07-01 20:38

    还是用硕鼠,自动合并功能太重要了。

  4. >_ 2014-07-01 01:43

    学学技术不错,感觉还是扩展或软件更快捷.

    • D君 2014-07-01 23:16

      扩展和软件支持的网站毕竟有限

  5. 杨葛格 2014-07-01 00:08

    呵呵,支持一下,下载在线视频我用的是维棠。

    • Aquamarine 2014-07-02 18:58

      我也是,不过有没有觉得合并很慢?

  6. Aquamarine 2014-06-30 15:07

    练技术还不错,真拿来用效率太低,网上可替代的方法很多。

    • D君 2014-06-30 18:19

      说效率低我可不服啊

      • Aquamarine 2014-06-30 21:51

        因为你操作步骤中有含有分析的成分,所以速度肯定不及一些软件。要是批量操作更不及软件智能了。

        • D君 2014-07-01 23:17

          按照体积排列,分析起来不算费事。虽说比软件麻烦一些,但是这样折腾总体性价比和用软件差不了太多。

          • Aquamarine 2014-07-02 18:57

            如果是分段的在线视频,手工分析下载是不是要分多次完成?

  7. zty9 2014-06-30 14:17

    N年前就知道了,仅限于个人研究,没啥实际意义。有这功夫找下载地址,不如研究下怎么屏蔽广告直接在线看。

    • Aquamarine 2014-06-30 15:06

      屏蔽广告是个永无止尽的斗争

      • D君 2014-06-30 18:18

        这句100%同意

    • D君 2014-06-30 18:18

      有的人在线看就满足了,有的人喜欢下载下来保存,各有所爱。说找下载地址没意义有事何必呢。

      • zty9 2014-07-01 08:31

        像youku这种长视频分段的你手动下蛋疼不?恐怕电影你得分20段以上吧?

        • D君 2014-07-01 23:15

          网上到处被打包发出来的电影、番剧要下载当然是用网盘搜索,谁还会去嗅探啊,嗅探下载的目标一般都是短小的创意类视频好不好。
          不能理解想要下载的网友的想法,没有去嗅探过视频的经验,那就请你继续看你的在线视频,不要随便否定找下载地址的意义。

          • Aquamarine 2014-07-02 19:00

            我那条你不用回复了,我这里看到了答案,感觉和真的嗅探比起来,这个只是玩家家酒。^_^

  8. 文科 2014-06-30 11:13

    D君写的呀,怪不得上次会问我怎么用f12

    • D君 2014-06-30 18:16

      文科抱抱~~~

      • 文科 2014-06-30 18:27

        摸摸

    • 心伤的天堂 2014-07-03 10:16

      到处都能遇到。。。。

    • 幽理之刻 2014-08-08 18:52

      到處都能看到文科OAO;