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插件文件，將其拖拽到瀏覽器即可使用。

點擊下載視頻解析插件