[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接

公众号:程序员波波

小时候很喜欢看《龙珠》这部动漫,今天我们来重温一下吧。

百度搜索“龙珠”

点开这个雅图在线的

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第1张图片

可以看到这个网站做的很乱,我随便点开了一集播放。 

打开控制台,可以看到这个网站做了特殊处理,我只要打开控制台,视频就会停止播放。Network中勉强能看到一些ts结尾的,无法看到更多信息。

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第2张图片

我使用左上角的定位功能,定位了视频的元素。看到了video标签,但是这里的src中是以blob:打头的,这种链接并不是真实的视频地址。

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第3张图片

但是我在Elements中继续往上滚动,发现了iframe这个标签,这个就是我《第01讲 基础》中提到过的。

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第4张图片

 我右击以新窗口打开iframe中的src链接(Open in new tab)

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第5张图片

可以看到,我们来到了一个新的页面,页面中只有之前网页中的视频模块。但是依旧是打开控制台,视频就停止。

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第6张图片

到这里似乎是无计可施了,好在有sources这个工具栏。如下图,点击我框起来的这个箭头按钮,然后再刷新网页。

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第7张图片

久违依旧的Network终于又回来了,里面可以看到m3u8的地址:

[波波带你手动提取网页视频]07讲 实战Network巧妙提取m3u8链接_第8张图片

到这里,m3u8的提取就结束了。

本次主要就是需要大家学会通过Elements中的iframe标签来分解我们的问题。通过iframe我们可以单独打开我们需要的视频模块。

其次我们需要学会使用sources中的停止断点调试功能。像上面打开控制台,视频就停止,是网站做了特殊处理,打开控制台就会进入断点调试,所以网站会停止。

 

更多方法请期待后续文章。 

你可能感兴趣的:(网页视频)