├── screenshot.png
├── .idea
    ├── .gitignore
    ├── vcs.xml
    ├── modules.xml
    └── VideoStudyTool.iml
├── README.md
├── js
    ├── content.js
    ├── background.js
    ├── popup.js
    └── FileSaver.js
├── manifest.json
├── popup.html
└── css
    └── popup.css


/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lianliankanm/ChromeVideoOcrTool/HEAD/screenshot.png


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # ChromeVideoOcrTool 视频文字识别插件
2 | ##v1.0: 视频单张截图文字识别
3 | ##v1.1: 视频选择多张截图文字识别
4 | ##v1.2: 自由截取视频片段进行文字识别
5 | ##v1.3: 连接后端识别接口


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/VideoStudyTool.iml" filepath="$PROJECT_DIR$/.idea/VideoStudyTool.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/VideoStudyTool.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/js/content.js:
--------------------------------------------------------------------------------
 1 | 
 2 | chrome.runtime.onMessage.addListener(//监听扩展程序进程或内容脚本发送的请求
 3 |     (message, sender, sendResponse)=> {
 4 |         console.log(message.greeting);
 5 |         if (message.greeting === "GetVideo") {
 6 |             console.log("getVideo");
 7 |             let video = document.getElementsByTagName("video")[0];
 8 |             let canvas = document.createElement("canvas");
 9 |             let ctx = canvas.getContext("2d");
10 |             // console.log(video.videoWidth);
11 |             canvas.width = video.videoWidth;
12 |             canvas.height = video.videoHeight;
13 |             ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
14 | 
15 |             sendResponse({src:canvas.toDataURL()});
16 | 
17 |         }
18 |         return true;
19 |     }
20 | );


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "VideoStudyTool",
 3 | 	"version": "1.3",
 4 | 	"manifest_version": 2,	// 必须字段，且值为 2
 5 | 	"description": "提取网页正在播放的视频中的文字",
 6 | 
 7 | 	// 在chrome主工具条的地址栏右侧增加一个图标
 8 | 	"browser_action": {
 9 | //	"page_action": {
10 | 		"default_icon": "screenshot.png",
11 | 		"default_title": "提取网页正在播放的视频中的文字",
12 | 		"default_popup": "popup.html"
13 | 	},
14 | 
15 | 	// 注入脚本来管理一些任务或者状态，在扩展的整个生命周期都会存在
16 | 	"background": {
17 | 		"scripts": ["js/FileSaver.js", "js/background.js","js/jquery.js"]
18 | 	},
19 | 
20 | 	// 在当前页面内运行的JavaScript脚本，可以直接获取当前页面的DOM并可以对DOM进行修改
21 | 	"content_scripts": [
22 | 		{
23 | 			"matches": ["*://*/*"],	// 定义在哪些页面注入content_script
24 | 			"js": ["js/jquery.js", "js/content.js"],
25 | 			"run_at": "document_start"	//在document加载时执行该脚本
26 | 		}
27 | 	],
28 | 
29 | 	// 设置插件的权限
30 | 	"permissions": [
31 | 		"<all_urls>",
32 | 		"tabs",
33 | 		"activeTab",
34 | 		"contextMenus",
35 | 		"webRequest", // web请求
36 | 		"storage",
37 | 		"declarativeContent"
38 | 	]
39 | }
40 | 
41 | // 注：前三个字段为必须字段


--------------------------------------------------------------------------------
/popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | 	<title>视频识别工具</title>
 5 | 	<meta charset="utf-8">
 6 | 	<link rel="stylesheet" type="text/css" href="css/popup.css">
 7 | </head>
 8 | <body>
 9 | 	<div class="container">
10 | 		视频文字识别
11 | 		<div class="screenshot-btn" id="full-screenshot">
12 | 			<p>视频截图</p>
13 | 		</div>
14 | 	</div>
15 | 	<div id="screenshot" class="screenshot">
16 |          <img id="img" width="300" height="200" src="" alt="请开始截图">
17 | 	</div>
18 | 	<div class="operation">
19 | 		<div class="clear" id="clear">
20 | 			清空截图
21 | 		</div>
22 | 		<div class="undo" id="undo">
23 | 			取消当前截图
24 | 		</div>
25 | 	</div>
26 | 	<div class="ocr-area">
27 | 		<div class="ocr" id="ocr">
28 | 			<p id="cut-num">识别当前视频中文字</p>
29 | 		</div>
30 | 	</div>
31 | 	<div class="text-area">
32 | 		<label>
33 | 			<textarea class="textarea" id="textarea" rows="10" cols="30">我是一个文本框。</textarea>
34 | 		</label>
35 | 		<div class="text-control" id="text-control">
36 | 		     <div class="save" id="save">
37 | 			     保存到本地
38 | 		     </div>
39 | 		     <div class="clear-text" id="clear-text">
40 | 			     清空文本框
41 | 		     </div>
42 | 			<div class="copy-text" id="copy-text">
43 | 				复制到剪切板
44 | 			</div>
45 | 			<div class="tran" id="tran">
46 | 				内容翻译
47 | 			</div>
48 | 		</div>
49 | 	</div>
50 | 	<div class="video-ocr">
51 | 		<div class="switch" id="switch">
52 | 			开始
53 | 		</div>
54 | 		<div class="clear-video" id="clear-video">
55 | 			清空视频片段
56 | 		</div>
57 | 	</div>
58 | 	<div class="video-req" id="video-req">
59 | 		识别截取视频片段 共 0 秒
60 | 	</div>
61 | 	<div class="open" id="open">
62 | 		跳转至应用主页 体验更多功能
63 | 	</div>
64 | 	<script type="text/javascript" src="js/FileSaver.js"></script>
65 | 	<script type="text/javascript" src="js/jquery.js"></script>
66 | 	<script type="text/javascript" src="js/popup.js"></script>
67 | </body>
68 | </html>


--------------------------------------------------------------------------------
/css/popup.css:
--------------------------------------------------------------------------------
  1 | .container {
  2 | 	width: 300px;
  3 | 	height: 80px;
  4 | 	text-align: center;
  5 | }
  6 | .screenshot-btn {
  7 | 	display: inline-block;
  8 | 	/*width: 100px;*/
  9 | 	border: 1px solid #000;
 10 | 	background-color: #a4efbc;
 11 | 	cursor: pointer;
 12 | 	text-align: center;
 13 | 	margin: 0 15px;
 14 | 	margin-top: 25px;
 15 | }
 16 | .screenshot-btn p {
 17 | 	height: 30px;
 18 | 	line-height: 30px;
 19 | 	margin: 0;
 20 | 	/*color: #fff;*/
 21 | }
 22 | .screenshot-btn:hover {
 23 | 	/*background-color: #2d78f4;*/
 24 | }
 25 | 
 26 | .ocr p{
 27 | 	border:1px solid #000000;
 28 | 	cursor: pointer;
 29 | 	background-color: #ffef83;
 30 | }
 31 | 
 32 | .operation{
 33 | 	column-count: 2;
 34 | }
 35 | .clear{
 36 | 
 37 | 
 38 | 	border:1px solid #000000;
 39 | 	cursor: pointer;
 40 | }
 41 | 
 42 | .undo{
 43 | 	border:1px solid #000000;
 44 | 	cursor: pointer;
 45 | }
 46 | 
 47 | .video-ocr{
 48 | 	column-count: 2;
 49 | }
 50 | .switch{
 51 | 	border:1px solid #000000;
 52 | 	cursor: pointer;
 53 | 	background-color: #a4efbc;
 54 | 
 55 | }
 56 | .clear-video{
 57 | 
 58 | 
 59 | 	border:1px solid #000000;
 60 | 	cursor: pointer;
 61 | }
 62 | .video-req{
 63 | 	border:1px solid #000000;
 64 | 	cursor: pointer;
 65 | 	background-color: #ffef83;
 66 | 	margin: 5px 0;
 67 |  }
 68 | /*.video-req p{*/
 69 | /*	color: #fff;*/
 70 | /*}*/
 71 | .text-control{
 72 | 	width: 80px;
 73 | 	column-count: 1;
 74 | 	/*display: inline-block;*/
 75 | }
 76 | .textarea{
 77 | 	width: 200px;
 78 | 	/*display: inline-block;*/
 79 | }
 80 | .save{
 81 | 	border:1px solid #000000;
 82 | 	cursor: pointer;
 83 | }
 84 | .clear-text{
 85 | 	border:1px solid #000000;
 86 | 	cursor: pointer;
 87 | 	margin: 5px 0;
 88 | }
 89 | .copy-text{
 90 | 	border:1px solid #000000;
 91 | 	cursor: pointer;
 92 | 	margin: 5px 0;
 93 | }
 94 | .tran{
 95 | 	border:1px solid #000000;
 96 | 	cursor: pointer;
 97 | }
 98 | .text-area{
 99 | 	display: flex;
100 | 	justify-content: space-around;
101 | }
102 | 
103 | .open{
104 | 	border:1px solid #000000;
105 | 	cursor: pointer;
106 | 	width: 180px;
107 | 	float: right;
108 | }


--------------------------------------------------------------------------------
/js/background.js:
--------------------------------------------------------------------------------
 1 | // Page action条件：页面中含有video标签
 2 | chrome.runtime.onInstalled.addListener(function() {
 3 |     	  chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
 4 |         	    chrome.declarativeContent.onPageChanged.addRules([{
 5 |             	      conditions: [
 6 |             	        // When a page contains a <video> tag...
 7 |             	        new chrome.declarativeContent.PageStateMatcher({
 8 |                 	          css: ["video"]
 9 |                 })
10 |         	      ],
11 |         	      // ... show the page action.
12 |        	      actions: [new chrome.declarativeContent.ShowPageAction() ]
13 |         	    }]);
14 |         	  });
15 |     	});
16 | 
17 | // 获取当前选项卡ID
18 | function getCurrentTabId(callback)
19 | {
20 |     chrome.tabs.query({active: true, currentWindow: true}, function(tabs)
21 |     {
22 |         if(callback) callback(tabs.length ? tabs[0].id: null);
23 |     });
24 | }
25 | 
26 | // 调用服务器后端接口发送文字识别请求
27 |     function getOcr(file){
28 |         let url = "http://10.112.255.201:5000/video/byFile";
29 |         let result = '';
30 |         $.ajax({
31 |             async:false,
32 |             contentType: 'application/x-www-form-urlencoded',
33 |             type:"post",
34 |             url:url,
35 |             data : {'image':file},
36 |             success:function(response){
37 | 
38 |                 result = JSON.stringify(response.words_result);
39 |                 // result = response.words_result;
40 |                 console.log(result,length);
41 |             },
42 |             error:function(e){
43 |                 //失败执行
44 |                 console.log(e.status+','+ e.statusText);
45 |                 result = '识别失败';
46 | 
47 |             }
48 |         })
49 |         console.log('server: '+result);
50 |         return result;
51 |     }
52 | 
53 | 
54 | // 调用百度ocr接口发送文字识别请求
55 | // function getOcr(file){
56 | //     let url = "https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic";
57 | //     let access_token = '24.fa61d507ac3931d11a74856d764db2a9.2592000.1637293103.282335-24874738';
58 | //
59 | //
60 | //     let result = '';
61 | //     $.ajax({
62 | //         async:false,
63 | //         contentType: 'application/x-www-form-urlencoded',
64 | //         type:"post",
65 | //         url:url + "?access_token=" + access_token,
66 | //         // data : `image=${file}&language_type=CHN_ENG`,
67 | //         data : {'image':file,'language_type':'CHN_ENG'},
68 | //         success:function(response){
69 | //
70 | //             // result = JSON.stringify(response.words_result);
71 | //             result = response.words_result;
72 | //             console.log(result,length);
73 | //         },
74 | //         error:function(e){
75 | //             //失败执行
76 | //             console.log(e.status+','+ e.statusText);
77 | //             result = '识别失败';
78 | //
79 | //         }
80 | //     })
81 | //     console.log('server: '+result);
82 | //     return result;
83 | //
84 | // }


--------------------------------------------------------------------------------
/js/popup.js:
--------------------------------------------------------------------------------
  1 | $(function () {
  2 | 
  3 | 
  4 |     let cuts = [];
  5 |     let flag = false;
  6 |     let videoCuts = [];
  7 |     let time = 0;
  8 |     $('#full-screenshot').on('click', function () {
  9 |         //与content通信 视频截图
 10 |         chrome.tabs.query({active: true, currentWindow: true}, function (tab) {//获取当前tab
 11 |             //向tab发送请求
 12 |             console.log(tab[0].id);
 13 |             chrome.tabs.sendMessage(tab[0].id, {greeting: "GetVideo"}, (response) => {
 14 | 
 15 |                 document.getElementById("img").setAttribute("src", response.src);
 16 |                 // console.log("response:  " + response.src);
 17 |                 cuts.push(response.src);
 18 |                 let n = cuts.length;
 19 |                 $('#cut-num').html('识别当前视频中 '+ n +' 张画面的文字');
 20 |             });
 21 |         });
 22 |     });
 23 |     $('#clear').on('click', function () {
 24 |         //清空截图
 25 |         document.getElementById("img").setAttribute("src", "");
 26 |         cuts.length = 0;
 27 |         let n = cuts.length;
 28 |         $('#cut-num').html('识别当前视频中 '+ n +' 张画面的文字');
 29 |     });
 30 | 
 31 |     $('#undo').on('click', function () {
 32 |         //取消当前截图
 33 |         cuts.pop();
 34 |         // console.log(del);
 35 |         let n = cuts.length;
 36 |         let last = cuts[n-1];
 37 |         // console.log(last);
 38 |         document.getElementById("img").setAttribute("src", last);
 39 |         // document.getElementById("img").src= last.src;
 40 |         $('#cut-num').html('识别当前视频中 '+ n +' 张画面的文字');
 41 |     });
 42 | 
 43 |     $('#ocr').on('click', function () {
 44 |         //	调用background方法，识别文字
 45 |         let bg = chrome.extension.getBackgroundPage();//获取background页面
 46 |         for (let a = 0; a < cuts.length; a++){
 47 |             let base64 = encodeURI(cuts[a])
 48 |             // let base64 = encodeURI(cut.src);
 49 | 
 50 |             let result = bg.getOcr(base64)//调用background的变量或方法。
 51 |             // console.log('client: ' + result);
 52 |             console.log(result.length);
 53 |             let str = "";
 54 |             // for(let p ; p < result.length; p++ ) {
 55 |             for (let p in result) {
 56 |                 str += result[p].words + "\n";
 57 |                 console.log(p + 'lines: ' + str);
 58 |             }
 59 | 
 60 |             let text = $('#textarea').val();
 61 |             $('#textarea').val(text + "\n" + str);
 62 |         }
 63 |     });
 64 |     $('#switch').on('click', function () {
 65 |         if (flag===false){
 66 |             flag=true;
 67 |             $('#switch').html('停止');}
 68 |         else {
 69 |             flag=false;
 70 |             $('#switch').html('开始');
 71 |         }
 72 |         chrome.tabs.query({active: true, currentWindow: true}, function (tab) {//获取当前tab
 73 |             //向tab发送请求
 74 |             console.log(tab[0].id);
 75 |             chrome.tabs.sendMessage(tab[0].id, {greeting: "GetVideo"}, (response) => {
 76 |                 document.getElementById("img").setAttribute("src", response.src);
 77 |             });
 78 |         });
 79 |         $('#video-req').html('识别截取视频片段： 共 '+ time +' 秒 ');
 80 |     });
 81 |     setInterval(function(){
 82 |         if(flag){
 83 |             chrome.tabs.query({active: true, currentWindow: true}, function (tab) {//获取当前tab
 84 |                 //向tab发送请求
 85 |                 console.log(tab[0].id);
 86 |                 chrome.tabs.sendMessage(tab[0].id, {greeting: "GetVideo"}, (response) => {
 87 |                     videoCuts.push(response.src);
 88 |                     let n = videoCuts.length;
 89 |                     console.log('共有'+ n + '张截图');
 90 |                     time += 0.5;
 91 |                     console.log('截取视频'+ time + '秒');
 92 |                     $('#video-req').html('识别截取视频片段： 共 '+ time +' 秒 ');
 93 |                 });
 94 |             });
 95 |         }
 96 | 
 97 |     },500)
 98 |     $('#clear-video').on('click', function () {
 99 |         //清空截图
100 |         document.getElementById("img").setAttribute("src", "");
101 |         videoCuts.length = 0;
102 |         time = 0;
103 |         $('#video-req').html('识别截取视频片段： 共 '+ time +' 秒 ');
104 |     });
105 |     $('#video-req').on('click', function () {
106 |         let array =[];
107 |         	//调用background方法，识别文字
108 |         let bg = chrome.extension.getBackgroundPage();//获取background页面
109 |         for (let a = 0; a < videoCuts.length; a++){
110 |             let base64 = encodeURI(videoCuts[a])
111 |             let result = bg.getOcr(base64)//调用background的变量或方法。
112 |             console.log(result.length);
113 |             // let str = "";
114 |             for (let p in result) {
115 |                 array.push(result[p].words);
116 |             }
117 |         }
118 |         // array =['10','9','8','9','7','11','12','11','14','1','2','3','2','8','0'];
119 |         let result = noRepeat(array);
120 |         let str = "";
121 |         for (let item in result){
122 |             str += result[item] + '\n';
123 |         }
124 |         $('#textarea').val(str);
125 |     });
126 |     function noRepeat(arr){
127 |         var temp =[];
128 |         console.log(arr);
129 |         for(var i=0;i<arr.length;i++){
130 |             if(temp.indexOf(arr[i]) == -1){
131 |                 temp.push(arr[i]);
132 |             }
133 |         }
134 |         console.log(temp);
135 |         return temp;
136 |     }
137 |     $('#clear-text').on('click', function () {
138 |         $('#textarea').val('');
139 |     });
140 |     $('#save').on('click', function () {
141 |         let str = $('#textarea').val();
142 |         let text = [str];
143 |         let blob = new Blob(text, {type: "text/plain;charset=utf-8"});
144 |         saveAs(blob, "VideoOCR.txt");
145 | 
146 |     });
147 |     $('#copy-text').on('click', function () {
148 |         let a = $('#textarea').val();
149 |         let b = $('#textarea').html();
150 |         let c = $('#textarea').text();
151 |         console.log(a + "\n" + b + "\n" + c );
152 |         document.querySelector("#textarea").select();
153 |         document.execCommand('copy');
154 |     });
155 |     $('#open').on('click', function () {
156 |         window["filter"] = {
157 |             "type": "red",
158 |             "id": 25,
159 |             "name": "weekdawn"
160 |         };
161 |         window.open("https://www.baidu.com");
162 |     });
163 | });
164 | 


--------------------------------------------------------------------------------
/js/FileSaver.js:
--------------------------------------------------------------------------------
  1 | /* FileSaver.js
  2 |  * A saveAs() FileSaver implementation.
  3 |  * 1.3.2
  4 |  * 2016-06-16 18:25:19
  5 |  *
  6 |  * By Eli Grey, http://eligrey.com
  7 |  * License: MIT
  8 |  *  See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
  9 |  */
 10 | /*global self */
 11 | /*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
 12 | /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
 13 | var saveAs = saveAs || (function(view) {
 14 |   "use strict";
 15 |   // IE <10 is explicitly unsupported
 16 |   if (typeof view === "undefined" || typeof navigator !== "undefined" && /MSIE [1-9]\./.test(navigator.userAgent)) {
 17 |     return;
 18 |   }
 19 |   var
 20 |      doc = view.document
 21 |      // only get URL when necessary in case Blob.js hasn't overridden it yet
 22 |     , get_URL = function() {
 23 |       return view.URL || view.webkitURL || view;
 24 |     }
 25 |     , save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
 26 |     , can_use_save_link = "download" in save_link
 27 |     , click = function(node) {
 28 |       var event = new MouseEvent("click");
 29 |       node.dispatchEvent(event);
 30 |     }
 31 |     , is_safari = /constructor/i.test(view.HTMLElement) || view.safari
 32 |     , is_chrome_ios =/CriOS\/[\d]+/.test(navigator.userAgent)
 33 |     , throw_outside = function(ex) {
 34 |       (view.setImmediate || view.setTimeout)(function() {
 35 |         throw ex;
 36 |       }, 0);
 37 |     }
 38 |     , force_saveable_type = "application/octet-stream"
 39 |     // the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to
 40 |     , arbitrary_revoke_timeout = 1000 * 40 // in ms
 41 |     , revoke = function(file) {
 42 |       var revoker = function() {
 43 |         if (typeof file === "string") { // file is an object URL
 44 |           get_URL().revokeObjectURL(file);
 45 |         } else { // file is a File
 46 |           file.remove();
 47 |         }
 48 |       };
 49 |       setTimeout(revoker, arbitrary_revoke_timeout);
 50 |     }
 51 |     , dispatch = function(filesaver, event_types, event) {
 52 |       event_types = [].concat(event_types);
 53 |       var i = event_types.length;
 54 |       while (i--) {
 55 |         var listener = filesaver["on" + event_types[i]];
 56 |         if (typeof listener === "function") {
 57 |           try {
 58 |             listener.call(filesaver, event || filesaver);
 59 |           } catch (ex) {
 60 |             throw_outside(ex);
 61 |           }
 62 |         }
 63 |       }
 64 |     }
 65 |     , auto_bom = function(blob) {
 66 |       // prepend BOM for UTF-8 XML and text/* types (including HTML)
 67 |       // note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
 68 |       if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
 69 |         return new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
 70 |       }
 71 |       return blob;
 72 |     }
 73 |     , FileSaver = function(blob, name, no_auto_bom) {
 74 |       if (!no_auto_bom) {
 75 |         blob = auto_bom(blob);
 76 |       }
 77 |       // First try a.download, then web filesystem, then object URLs
 78 |       var
 79 |          filesaver = this
 80 |         , type = blob.type
 81 |         , force = type === force_saveable_type
 82 |         , object_url
 83 |         , dispatch_all = function() {
 84 |           dispatch(filesaver, "writestart progress write writeend".split(" "));
 85 |         }
 86 |         // on any filesys errors revert to saving with object URLs
 87 |         , fs_error = function() {
 88 |           if ((is_chrome_ios || (force && is_safari)) && view.FileReader) {
 89 |             // Safari doesn't allow downloading of blob urls
 90 |             var reader = new FileReader();
 91 |             reader.onloadend = function() {
 92 |               var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;');
 93 |               var popup = view.open(url, '_blank');
 94 |               if(!popup) view.location.href = url;
 95 |               url=undefined; // release reference before dispatching
 96 |               filesaver.readyState = filesaver.DONE;
 97 |               dispatch_all();
 98 |             };
 99 |             reader.readAsDataURL(blob);
100 |             filesaver.readyState = filesaver.INIT;
101 |             return;
102 |           }
103 |           // don't create more object URLs than needed
104 |           if (!object_url) {
105 |             object_url = get_URL().createObjectURL(blob);
106 |           }
107 |           if (force) {
108 |             view.location.href = object_url;
109 |           } else {
110 |             var opened = view.open(object_url, "_blank");
111 |             if (!opened) {
112 |               // Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html
113 |               view.location.href = object_url;
114 |             }
115 |           }
116 |           filesaver.readyState = filesaver.DONE;
117 |           dispatch_all();
118 |           revoke(object_url);
119 |         }
120 |       ;
121 |       filesaver.readyState = filesaver.INIT;
122 |       if (can_use_save_link) {
123 |         object_url = get_URL().createObjectURL(blob);
124 |         setTimeout(function() {
125 |           save_link.href = object_url;
126 |           save_link.download = name;
127 |           click(save_link);
128 |           dispatch_all();
129 |           revoke(object_url);
130 |           filesaver.readyState = filesaver.DONE;
131 |         });
132 |         return;
133 |       }
134 |       fs_error();
135 |     }
136 |     , FS_proto = FileSaver.prototype
137 |     , saveAs = function(blob, name, no_auto_bom) {
138 |       return new FileSaver(blob, name || blob.name || "download", no_auto_bom);
139 |     }
140 |   ;
141 |   // IE 10+ (native saveAs)
142 |   if (typeof navigator !== "undefined" && navigator.msSaveOrOpenBlob) {
143 |     return function(blob, name, no_auto_bom) {
144 |       name = name || blob.name || "download";
145 |       if (!no_auto_bom) {
146 |         blob = auto_bom(blob);
147 |       }
148 |       return navigator.msSaveOrOpenBlob(blob, name);
149 |     };
150 |   }
151 |   FS_proto.abort = function(){};
152 |   FS_proto.readyState = FS_proto.INIT = 0;
153 |   FS_proto.WRITING = 1;
154 |   FS_proto.DONE = 2;
155 |   FS_proto.error =
156 |   FS_proto.onwritestart =
157 |   FS_proto.onprogress =
158 |   FS_proto.onwrite =
159 |   FS_proto.onabort =
160 |   FS_proto.onerror =
161 |   FS_proto.onwriteend =
162 |     null;
163 |   return saveAs;
164 | }(
165 |     typeof self !== "undefined" && self
166 |   || typeof window !== "undefined" && window
167 |   || this.content
168 | ));
169 | // `self` is undefined in Firefox for Android content script context
170 | // while `this` is nsIContentFrameMessageManager
171 | // with an attribute `content` that corresponds to the window
172 | if (typeof module !== "undefined" && module.exports) {
173 |  module.exports.saveAs = saveAs;
174 | } else if ((typeof define !== "undefined" && define !== null) && (define.amd !== null)) {
175 |  define("FileSaver.js", function() {
176 |   return saveAs;
177 |  });
178 | }


--------------------------------------------------------------------------------