☰

Picarto.tv Video.js replacer

Replaces the player on picarto.tv with one which works with Firefox on Linux

  1. // ==UserScript==
  2. // @name        Picarto.tv Video.js replacer
  3. // @namespace   picarto.tv.video.js.stuff.dasprids.de
  4. // @description Replaces the player on picarto.tv with one which works with Firefox on Linux
  5. // @include     https://picarto.tv/*
  6. // @version     3
  7. // @grant       none
  8. // @run-at      document-start
  9. // @require     https://cdnjs.cloudflare.com/ajax/libs/video.js/4.12.15/video.js
  10. // ==/UserScript==
  11.  
  12. var changed = false;
  13.  
  14. window.addEventListener('beforescriptexecute', function(e){
  15. 	src = e.target.src;
  16.  
  17. 	if (src.search(/jwplayer\.js/) != -1) {
  18.     changed = true;
  19. 		e.preventDefault();
  20. 		e.stopPropagation();
  21. 		mockJwPlayer();
  22. 	};
  23.  
  24.   if (changed) {
  25.     window.removeEventListener(e.type, arguments.callee, true);
  26.   }
  27. }, true);
  28.  
  29. function addStyleSheet(style){
  30.   var getHead = document.getElementsByTagName("HEAD")[0];
  31.   var cssNode = window.document.createElement( 'style' );
  32.   var elementStyle= getHead.appendChild(cssNode)
  33.   elementStyle.innerHTML = style;
  34.   return elementStyle;
  35. }
  36.  
  37. addStyleSheet('@import "https://vjs.zencdn.net/4.12/video-js.css";'); 
  38.  
  39. function mockJwPlayer()
  40. {
  41.   videojs.options.techOrder = ['flash'];
  42.   
  43.   unsafeWindow.jwplayer = function(id){
  44.     var container = $('#' + id);
  45.     
  46.     var player = {};
  47.     
  48.     if (container.data('player')) {
  49.       player = container.data('player');
  50.     } else {
  51.       container.data('player', player);
  52.     }
  53.     
  54.     player.setMute = function(){
  55.       return player;
  56.     };
  57.  
  58.     player.setup = function(options){
  59.       if (!player.videojs) {
  60.         container.html('<video id="videojs' + id + '" class="video-js vjs-default-skin" controls preload="none" data-setup="{}"><source src="' + options.file + '" type="rtmp/mp4"></video>');
  61.         player.videojs = videojs('videojs' + id);
  62.       }
  63.       
  64.       if (options.width) {
  65.         player.videojs.width(options.width);
  66.       }
  67.       
  68.       if (options.height) {
  69.         player.videojs.height(options.height);
  70.       }
  71.       
  72.       if (options.mute) {
  73.         player.videojs.muted(true);
  74.       } else {
  75.         player.videojs.muted(false);
  76.       }
  77.       
  78.       if (options.autostart) {
  79.         player.videojs.play();
  80.       }
  81.       
  82.       if (options.aspectratio) {
  83.         var ratioParts  = options.aspectratio.split(':');
  84.         var aspectRatio = ratioParts[1] / ratioParts[0];
  85.  
  86.         function resizeVideoJs(){
  87.           var width = document.getElementById(player.videojs.id()).parentElement.offsetWidth;
  88.           player.videojs.height(width * aspectRatio);
  89.         }
  90.  
  91.         resizeVideoJs();
  92.         window.addEventListener('resize', resizeVideoJs);
  93.       }
  94.  
  95.       return player;
  96.     };
  97.     
  98.     player.onPause = function(callback){
  99.       this.videojs.on('pause', callback);
  100.       return player;
  101.     };
  102.     
  103.     player.onError = function(callback){
  104.       this.videojs.on('error', callback);
  105.       return player;
  106.     };
  107.     
  108.     player.onComplete = function(callback){
  109.       this.videojs.on('ended', callback);
  110.       return player;
  111.     };
  112.  
  113.     player.onBuffer = function(callback){
  114.       this.videojs.on('waiting', callback);
  115.       return player;
  116.     };
  117.     
  118.     player.onPlay = function(callback){
  119.       this.videojs.on('play', callback);
  120.       return player;
  121.     };
  122.     
  123.     player.onDisplayClick = function(callback){
  124.       // No equivalent
  125.       return player;
  126.     };
  127.     
  128.     player.getMute = function(){
  129.       return this.videojs.muted();
  130.     };
  131.     
  132.     return player;
  133.   };
  134. }