Chrome视频解析插件

我们在观看一些平台的视频资源时，比如优酷视频、腾讯视频、爱奇艺等等，通常都会需要VIP资格才能观看到更稀缺的视频，如何通过破解来实现免VIP观看呢？下面我们来看一看怎么用Chrome插件实现。

视频解析网站

我们找到一个视频解析的网站，其基本解析原理就是将需要VIP的视频播放网址复制到搜索框中，点击搜索后跳转到解析后的视频地址，进行播放。

如果把它做成在网页上直接通过右键点击就可以播放，岂不是更方便？

解析网站的工作原理

通过搜索框复制粘贴网址，获取到需要解析的视频网址，点击搜索后，网址和一串URL合成新的网址，后台解析并打开。新网址格式具体为：

http://www.wq114.org/yun.php?url=需要VIP的视频网址

点击打开解析网站

制作chrome插件

根据以上的分析，我们做插件只需要这几步来实现

1. 获取当前页面的网址；
2. 将网址与前缀URL组合在一起，构成解析格式；
3. 右键点击时，提交组合后的网址，并打开新窗口播放解析视频。

具体实现

• manifest.json(配置文件)

{
  "update_url": "https://clients2.google.com/service/update2/crx",

  "name": "视频解析",
  "description": "通过右键解析当前需要VIP的视频资源",
  "manifest_version": 2,
  "version": "1.0.0",
  "icons":{
	"16":"16.png",
	"48":"48.png",
	"128":"128.png"
  },
  "permissions": ["contextMenus", "tabs"],
  "background": {"page": "background.html"}
}

注解：因为需要打开网页，和监测网页的网址，所以需要

 "permissions": ["contextMenus", "tabs"]

• jx.js(脚本文件)

function jx(info, tab){
       var url='';
chrome.tabs.getSelected(function(tab) {
    url=tab.url;
	var open_url = "http://www.wq114.org/yun.php?url=" + url;
	window.open(open_url);
});

}
var left_title ="解析当前视频";
var parent = chrome.contextMenus.create({"title": left_title,"contexts":["all"],"onclick":jx});

注解：通过chrome内部的调用，由tab.url获取当前网址。构造jx函数，组合网址，最后利用chrome.contextMenus.create建立右键选项，其中contexts表示右键选项显示的条件，all表示任何情况下。，onclick表示点击后做的动作，直接调用了jx方法。

• background.html(后台网页)

<script src="jx.js"></script>

注解：background一直调用jx.js实现所需功能。

打包成插件

所有代码编写完后，资源如下：

• 16.png
• 48.png
• 128.png
• jx.js
• background.html
• manifest.json

在浏览器插件管理中，选择开发者模式，打包扩展插件，得到可用的crx格式的chrome插件文件，将其拖拽到浏览器即可使用。

点击下载视频解析插件