├── .gitignore
├── README.md
├── amazon.js
├── dispatch.js
├── icon_128.png
├── icon_16.png
├── icon_48.png
├── manifest.json
├── pause.png
├── promo-medium.png
├── promo.png
├── util.js
├── vimeo.js
├── youtube.js
└── zip.sh


/.gitignore:
--------------------------------------------------------------------------------
1 | html5ify.pem
2 | html5ify.zip
3 | html5ify.crx
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## html5ify
 2 | 
 3 | A Chrome extension that aims to give you the best HTML5 experience possible. It
 4 | particularly aims to remove the use of Flash media on websites when there is 
 5 | a better HTML5 version available.
 6 | 
 7 | This extension is perfect if you have uninstalled Flash, like I did.
 8 | 
 9 | Implemented so far:
10 | 
11 | * Amazon.[de|com|co.uk] song previews are played in an HTML5 ```<audio>``` tag
12 | * You're always automatically joining the [Youtube HTML5 beta](http://youtube.com/html5)
13 | * You always use the Vimeo HTML5 player
14 | 
15 | Patches and improvements are very welcome.
16 | 
17 | ### Disclaimer
18 | 
19 | This extension sets an Amazon affiliate code. If you object to this, just fork 
20 | the repo and remove the code.
21 | 


--------------------------------------------------------------------------------
/amazon.js:
--------------------------------------------------------------------------------
  1 | /* 
  2 |  * HTML5ify for Amazon Music
  3 |  * Makes Amazon Music preview play in ab <audio> tag instead of Flash
  4 |  * Author: Leonard Ehrenfried <leonard.ehrenfried@web.de>
  5 |  */
  6 | 
  7 | sites.push({
  8 |    
  9 |   /*
 10 |    * Fetches all links that are play buttons
 11 |    */
 12 |   getAnchors : function(){
 13 |     var anchors = document.querySelectorAll(".trackList td.playcol>a");
 14 |     if(anchors.length === 0){
 15 |       anchors = document.querySelectorAll(".mp3Tracks td.playCol>a");
 16 |     }
 17 |     return anchors;
 18 |   },
 19 |   
 20 |   /**
 21 |    * Attach events to the anchors so that the mu3 file is downloaded
 22 |    */
 23 |   attachEvents : function(anchors){
 24 |     var that = this;
 25 | 
 26 |     for (var i = 0; i < anchors.length; ++i) {
 27 |       var anchor = anchors[i];
 28 |       anchor.addEventListener('click', function(e){
 29 |         e.stopPropagation();
 30 |         e.preventDefault();
 31 |         that.handleClick(e.target);
 32 |       }, true);
 33 |     }
 34 | 
 35 |   },
 36 | 
 37 |   handleClick : function(anchor){
 38 |     var that = this;
 39 |     
 40 |     //could be the image that the user clicked on
 41 |     if(anchor.tagName.toLowerCase() !== 'a'){
 42 |       anchor = anchor.parentNode;
 43 |     }
 44 | 
 45 |     var xhr = new XMLHttpRequest();
 46 |     xhr.open("GET", anchor.href, true);
 47 |     xhr.onreadystatechange = function() {
 48 |       if (xhr.readyState == 4) {
 49 |         that.playPreview(anchor, xhr.responseText);
 50 |       }
 51 |     };
 52 |     xhr.send();
 53 |   },
 54 |   
 55 |   /*
 56 |    * Creates a fully configured <audio> tag
 57 |    */
 58 |   createAudio : function(url){
 59 |     var audio = document.createElement("audio");
 60 |     audio.controls = true;
 61 |     audio.src = url;
 62 |     return audio;
 63 |   },
 64 | 
 65 |   createPauseButton : function(){
 66 |     var button = document.createElement("img");
 67 |     button.src = chrome.extension.getURL('/pause.png');
 68 |     button.style.cursor = 'pointer';
 69 |     return button;
 70 |   },
 71 | 
 72 |   playPreview : function(anchor, url){
 73 |     var that = this;
 74 | 
 75 |     var audio = this.createAudio(url);
 76 |     var pause = this.createPauseButton();
 77 | 
 78 |     pause.addEventListener("click", function(){
 79 |       audio.pause();
 80 |       that.revertPlayButton(anchor, pause);
 81 |     }, true);
 82 | 
 83 |     audio.addEventListener("stop", function(){
 84 |       that.revertPlayButton(anchor, pause);
 85 |     });
 86 | 
 87 |     audio.play();
 88 |     anchor.parentNode.appendChild(pause);
 89 |     anchor.style.display = 'none';
 90 |   },
 91 | 
 92 |   revertPlayButton : function(play, pause){
 93 |     play.style.display = 'inline';
 94 |     pause.parentNode.removeChild(pause);  
 95 |   },
 96 | 
 97 |   insertAffiliateCode : function(){
 98 |     var affiliateSuffix = "tag=shizzle0a-20&linkCode=ur2&camp=1789&creative=9325";
 99 |     if(!window.sessionStorage.getItem("h5-amazon")){
100 |       window.sessionStorage.setItem("h5-amazon", true);
101 |       
102 |       var url = window.location.href;
103 |       
104 |       if(url.indexOf("&") > -1){
105 |         url += "&";
106 |       }
107 |       else{
108 |         url += "?";
109 |       }
110 |       url += affiliateSuffix;
111 | 
112 |       var xhr = new XMLHttpRequest();
113 |       xhr.open("GET", url, true);
114 |       xhr.send();
115 |     };
116 | 
117 |   },
118 | 
119 |   run : function(){
120 |     var anchors = this.getAnchors();
121 |     this.attachEvents(anchors);
122 |     this.insertAffiliateCode();
123 |   },
124 | 
125 |   shouldRun : function(){
126 |     return (window.location.host.indexOf("amazon.") > -1);
127 |   }
128 | });
129 | 


--------------------------------------------------------------------------------
/dispatch.js:
--------------------------------------------------------------------------------
1 | sites.forEach(function(site){
2 |   if (site.shouldRun()){
3 |     site.run();
4 |   }
5 | });
6 | 


--------------------------------------------------------------------------------
/icon_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/icon_128.png


--------------------------------------------------------------------------------
/icon_16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/icon_16.png


--------------------------------------------------------------------------------
/icon_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/icon_48.png


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |    "name": "HTML5ify",
 3 |    "version": "0.5",
 4 |    "description": "Forces websites like Amazon and Youtube to give you HTML5 media instead of wrapping it in Flash",
 5 |    "manifest_version" : 2,
 6 |    "content_scripts": [ {
 7 |       "js": ["util.js",
 8 |              "amazon.js", "youtube.js", "vimeo.js",
 9 |              "dispatch.js"],
10 |       "matches": [ "http://*/*", "https://*/*" ]
11 |    } ],
12 |    "permissions" : ["http://*amazon.de", "http://*amazon.com", "http://*amazon.co.uk"],
13 |    "icons": {
14 |       "128": "icon_128.png",
15 |       "16":  "icon_16.png",
16 |       "48":  "icon_48.png"
17 |    }
18 | }
19 | 


--------------------------------------------------------------------------------
/pause.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/pause.png


--------------------------------------------------------------------------------
/promo-medium.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/promo-medium.png


--------------------------------------------------------------------------------
/promo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/leonardehrenfried/html5ify/b9f65c20168f2a4eee4f1e2998f9b0af6131a868/promo.png


--------------------------------------------------------------------------------
/util.js:
--------------------------------------------------------------------------------
1 | var h5log = function(msg){
2 |   if(window.console.log){
3 |     window.console.log("[html5ify] " + msg);
4 |   }
5 | };
6 | 
7 | var sites = [];
8 | 


--------------------------------------------------------------------------------
/vimeo.js:
--------------------------------------------------------------------------------
 1 | sites.push({
 2 |   shouldRun : function(){
 3 |     return window.location.href.indexOf("vimeo.com") > -1;
 4 |   },
 5 | 
 6 |   isHtml5 : function(){
 7 |     return !!document.cookie.match("html_player=1");
 8 |   },  
 9 | 
10 |   run : function(){
11 |     if(!this.isHtml5()){
12 |       document.cookie = "html_player=1; expires=Monday, 04-Apr-2021 05:00:00 GMT";
13 |       window.location.reload(true);
14 |     }
15 |   }
16 | }
17 | );
18 | 


--------------------------------------------------------------------------------
/youtube.js:
--------------------------------------------------------------------------------
 1 | sites.push({
 2 | 
 3 |   shouldRun : function(){
 4 |     return window.location.host.indexOf("youtube.com") !== - 1;
 5 |   },
 6 | 
 7 |   isHtml5 : function(){
 8 |     return !!document.cookie.match(/PREF=.*f1=\w*.*f2=4000000/);
 9 |   },
10 | 
11 |   /**
12 |    * Simulates what the user would do when going to youtube.com/html5
13 |    */
14 |   joinHtml5Beta : function(){
15 |     var xhr = new XMLHttpRequest();
16 |     xhr.open("GET", "/html5", true);
17 |     
18 |     xhr.onreadystatechange = function() {
19 |       if (xhr.readyState === 4) {
20 |         var match = xhr.responseText.match(/'XSRF_TOKEN'\s*:\s*'([^ ]*)'/);
21 |         var token = match[1];
22 |         
23 |         var params = "enable_html5=true&session_token=" + token;
24 |         xhr = new XMLHttpRequest();
25 |         xhr.open("POST", "/html5", true);
26 |         xhr.onreadystatechange = function() {
27 |           if (xhr.readyState == 4) {
28 |             h5log("...joined");
29 |           }
30 |         };
31 |         xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
32 |         xhr.send(params);
33 |       }
34 |     };
35 |     xhr.send();
36 |   },
37 | 
38 |   run : function(){
39 |     if(!this.isHtml5()){
40 |       h5log("You are not part of the Youtube HTML5 beta. joining...");
41 |       this.joinHtml5Beta();  
42 |     }
43 | 
44 |   }
45 | });
46 | 
47 | 


--------------------------------------------------------------------------------
/zip.sh:
--------------------------------------------------------------------------------
1 | #! /bin/bash
2 | 
3 | rm -rf html5ify.zip
4 | crxmake --pack-extension=./ --ignore-dir=.git --ignore-file=html5ify.* --mode=zip
5 | 
6 | 


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