☰

Plex Freebox

Add a "play on freebox server" button on plex interface.

  1. // ==UserScript==
  2. // @name        Plex Freebox
  3. // @namespace   Kalmac
  4. // @description Add a "play on freebox server" button on plex interface.
  5. // @include     http://plex.tv/web/app*
  6. // @include     https://plex.tv/web/app*
  7. // @version     1.01
  8. // @grant       GM_xmlhttpRequest
  9. // @require     https://cdn.jsdelivr.net/jquery.cookie/1.4.1/jquery.cookie.min.js
  10. // @require     https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/hmac-sha1.js
  11. // @license     GPL version 3 or any later version; http://www.gnu.org/copyleft/gpl.html
  12. // ==/UserScript==
  13. (function () {
  14.     var HOST = 'http://mafreebox.freebox.fr';
  15.     var APP_ID = 'fr.freebox.kalmac';
  16.     var APP_NAME = 'Plex 4 Freebox';
  17.     var APP_VERSION = '0.1';
  18.     var DEVICE_NAME = 'Plex remote';
  19.     var COOKIE_TRACK_ID = 'freebox_plex_track_id';    
  20.     var COOKIE_TOKEN = 'freebox_plex_token';   
  21.     var COOKIE_AIRPLAY_PASS = 'freebox_plex_airplay_pass';
  22.     var STATE_UNINITIALIZED = 0;
  23.     var STATE_INITIALIZED = 1;
  24.     var STATE_UNAUTHORIZED = 2;
  25.     var STATE_PENDING = 3;
  26.     var STATE_AUTHORIZED = 4;
  27.     
  28.     var STATE_ERROR = 10;
  29.     
  30.     var track_id, token, state = STATE_UNINITIALIZED;
  31.     
  32.     function callFreeboxApi(path, callback, params, method, headers) {
  33.         if (typeof(params) != 'object') {
  34.             params = {};
  35.         }
  36.         if (method !== 'POST') {
  37.             method = 'GET';
  38.         }
  39.         if (typeof(headers) != 'object') {
  40.             headers = {};
  41.         }
  42.         
  43.         GM_xmlhttpRequest({
  44.             url: HOST + path,
  45.             data: JSON.stringify(params),
  46.             method: method,
  47.             headers: headers,
  48.             onload:function(response) {
  49.                 callback(JSON.parse(response.responseText));
  50.             },
  51.             onerror: function(response) {
  52.                 state = STATE_ERROR;
  53.                 core();
  54.             }
  55.         });
  56.     }
  57.     
  58.     function init() {
  59.         track_id = $.cookie(COOKIE_TRACK_ID);
  60.         token = $.cookie(COOKIE_TOKEN);
  61.         if (typeof(track_id) != 'undefined' && typeof(token) != 'undefined') {
  62.             state = STATE_PENDING;
  63.         } else {
  64.             state = STATE_UNAUTHORIZED;
  65.         }
  66.     }
  67.     
  68.     function authorize() {
  69.         callFreeboxApi('/api/v3/login/authorize/', function(response) {
  70.             if (response.success) {
  71.                 $.cookie(COOKIE_TRACK_ID, response.result.track_id, { expires: 1000, path: '/' });
  72.                 $.cookie(COOKIE_TOKEN, response.result.app_token, { expires: 1000, path: '/' });
  73.                 state = STATE_INITIALIZED;
  74.                 core();
  75.             }
  76.         }, {
  77.             'app_id': APP_ID,
  78.             'app_name': APP_NAME,
  79.             'app_version': APP_VERSION,
  80.             'device_name': DEVICE_NAME }, 'POST');
  81.         
  82.         var airplay_password = prompt("Veuillez autoriser l\'appli sur votre Freebox (fleche de droite) et saisir le mot de passe AirPlay...", "1111");
  83.         $.cookie(COOKIE_AIRPLAY_PASS, airplay_password, { expires: 1000, path: '/' });
  84.         updateAdminButton('Veuillez autoriser l\'appli sur votre Freebox (fleche de droite).', 'refresh', false);
  85.     }
  86.     
  87.     function pending() {
  88.         callFreeboxApi('/api/v3/login/authorize/' + track_id, function(response) {
  89.             if (response.success) {
  90.                 switch(response.result.status) {
  91.                     case 'pending':
  92.                         break;
  93.                     case 'granted':
  94.                         state = STATE_AUTHORIZED;
  95.                         break;
  96.                     default:
  97.                         console.log('Freebox returned ' + response.result.status);
  98.                         $.removeCookie(COOKIE_TRACK_ID, { path: '/' });
  99.                         $.removeCookie(COOKIE_TOKEN, { path: '/' });
  100.                         state = STATE_INITIALIZED;
  101.                         break;
  102.                 }
  103.             }
  104.         });
  105.     }
  106.     
  107.     
  108.     function insertAdminButton() {
  109.         var result = false;
  110.         if (!$('li#plex-freebox-admin').length) {
  111.             var elt = $('li#primary-player-dropdown');
  112.             if (elt.length == 1) {
  113.                 elt.after('<li id="plex-freebox-admin"><a class="settings-btn" href="#" title="Plex 4 Freebox" data-toggle="tooltip" data-original-title="Plex 4 Freebox"><i class="glyphicon refresh"></i></a></li>');
  114.                 
  115.                 state = STATE_INITIALIZED;
  116.             }
  117.         }
  118.         return result;
  119.     }
  120.     
  121.     function updateAdminButton(text, glyph, callback) {
  122.         var button = $('li#plex-freebox-admin > a');
  123.         var icon = $('li#plex-freebox-admin > a > i');
  124.         
  125.         button.unbind('click');
  126.         icon.attr('class', 'glyphicon');
  127.         
  128.         button.attr('data-original-title', text);
  129.         button.attr('title', text);
  130.         icon.addClass(glyph);
  131.         if (callback) {
  132.             button.click(callback);
  133.         }
  134.     }
  135.     
  136.     function decoratePlayer() {
  137.         
  138.         if ($('button#plex-freebox-play').length == 0) {
  139.             $('div.video-controls-right span#player-quality-dropdown').before('<button id="plex-freebox-play" class="btn-link recommend-btn pull-left" title="Play 4 Freebox"><i class="glyphicon play">F</i></button>');
  140.             $('button#plex-freebox-play').click(function(event) {
  141.                 play(event);
  142.                 event.preventDefault();
  143.                 return false;
  144.             });
  145.         }
  146.     }
  147.     
  148.     function play(event) {
  149.         
  150.         login(function(challenge) {
  151.             session(challenge, function(session_token) {
  152.                 
  153.                 var pass = $.cookie(COOKIE_AIRPLAY_PASS);
  154.                 var video = $('video#html-video').attr('src');
  155.                 var params = {
  156.                     'action':'start',
  157.                     'media_type': 'video',
  158.                     'media': video,
  159.                     'password': typeof(pass) == 'undefined'?'1111':pass
  160.                 };
  161.                 
  162.                 callFreeboxApi('/api/v3/airmedia/receivers/Freebox%20Player/', function(response) {
  163.                     if (!response.success) {
  164.                         alert(response.msg);
  165.                     }
  166.                 }, params, 'POST', {'X-Fbx-App-Auth': session_token});
  167.             });
  168.         });
  169.         
  170.         
  171.         event.preventDefault();
  172.         return false;
  173.     }
  174.     
  175.     function login(callback) {
  176.         callFreeboxApi('/api/v3/login/', function(response) {
  177.         	callback(response.result.challenge);
  178.         });
  179.     }
  180.     
  181.     function session(challenge, callback) {
  182.         
  183.         var params = {
  184.             'app_id':APP_ID,
  185.             'password': CryptoJS.HmacSHA1(challenge, token).toString(CryptoJS.enc.Hex)
  186.         };
  187.         
  188.         callFreeboxApi('/api/v3/login/session/', function(response) {
  189.         	callback(response.result.session_token);
  190.         }, params, 'POST');
  191.         
  192.     }
  193.     
  194.     function core() {
  195.         var retry = false;
  196.         
  197.         switch(state) {
  198.             case STATE_UNINITIALIZED:
  199.                 insertAdminButton();
  200.                 retry = 1000;
  201.                 break;
  202.             case STATE_INITIALIZED:
  203.                 updateAdminButton('Plex 4 Freebox en attente ...', 'refresh', false);
  204.                 init();
  205.                 retry = 2000;
  206.                 break;
  207.             case STATE_UNAUTHORIZED:
  208.                 updateAdminButton('Cliquez ici pour authoriser Plex 4 Freebox', 'router', authorize);
  209.                 // no retry core until button is clicked.
  210.                 break;
  211.             case STATE_PENDING:
  212.                 updateAdminButton('Plex 4 Freebox en attente ...', 'refresh', false);
  213.                 pending();
  214.                 retry = 2000;
  215.                 break;
  216.             case STATE_AUTHORIZED:
  217.                 updateAdminButton('Plex 4 Freebox', 'ok', false);
  218.                 decoratePlayer();
  219.                 retry = 2000;
  220.                 break;
  221.                 
  222.                 
  223.             case STATE_ERROR:
  224.                 updateAdminButton('Plex 4 Freebox : ERREUR FATALE!', 'remove', false);
  225.                 break;
  226.                 
  227.         }
  228.         
  229.         console.log('core with state = ' + state);
  230.         
  231.         if (retry) {
  232.             setTimeout(core, retry);
  233.         }
  234.     }
  235.     
  236.     $( window ).load(function() {
  237.         
  238.         core();
  239.     });
  240.     
  241. }) ();