neoris/restreamer-ui-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mod updates public videojs >v8

Browse Source
This commit is contained in:
Jan Stabenow 2024-09-06 09:51:00 +02:00
parent 05649aa2fd
commit 3f90be8598
19 changed files with 29035 additions and 28433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
package.json
View File

@ -6,30 +6,30 @@
"license": "Apache-2.0",
"dependencies": {
"@auth0/auth0-spa-js": "^2.1.3",
"@babel/plugin-syntax-flow": "^7.24.6",
"@babel/plugin-transform-react-jsx": "^7.24.6",
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.5",
"@fontsource/dosis": "^5.0.20",
"@fontsource/roboto": "^5.0.13",
"@fortawesome/fontawesome-svg-core": "^6.5.2",
"@fortawesome/free-brands-svg-icons": "^6.5.2",
"@fortawesome/free-solid-svg-icons": "^6.5.2",
"@babel/plugin-syntax-flow": "^7.24.7",
"@babel/plugin-transform-react-jsx": "^7.25.2",
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@fontsource/dosis": "^5.0.21",
"@fontsource/roboto": "^5.0.14",
"@fortawesome/fontawesome-svg-core": "^6.6.0",
"@fortawesome/free-brands-svg-icons": "^6.6.0",
"@fortawesome/free-solid-svg-icons": "^6.6.0",
"@fortawesome/react-fontawesome": "^0.2.2",
"@lingui/core": "^4.11.1",
"@lingui/macro": "^4.11.1",
"@lingui/react": "^4.11.1",
"@mui/icons-material": "^5.15.19",
"@mui/lab": "^5.0.0-alpha.170",
"@mui/material": "^5.15.19",
"@mui/styles": "^5.15.19",
"@testing-library/dom": "^10.1.0",
"@testing-library/jest-dom": "^6.4.5",
"@testing-library/react": "^15.0.7",
"@lingui/core": "^4.11.4",
"@lingui/macro": "^4.11.4",
"@lingui/react": "^4.11.4",
"@mui/icons-material": "^6.0.1",
"@mui/lab": "^6.0.0-beta.8",
"@mui/material": "^6.0.1",
"@mui/styles": "^6.0.1",
"@testing-library/dom": "^10.4.0",
"@testing-library/jest-dom": "^6.5.0",
"@testing-library/react": "^16.0.1",
"@testing-library/user-event": "^14.5.2",
"@types/react": "^18.3.3",
"@types/react": "^18.3.5",
"babel-plugin-macros": "^3.1.0",
"eslint": "^9.4.0",
"eslint": "^9.9.1",
"handlebars": "^4.7.8",
"jwt-decode": "^4.0.0",
"make-plural": "^7.4.0",
@ -38,15 +38,15 @@
"react-device-detect": "^2.2.3",
"react-dom": "^18.3.1",
"react-markdown": "^9.0.1",
"react-router-dom": "^6.23.1",
"react-router-dom": "^6.26.1",
"react-scripts": "^5.0.1",
"semver": "^7.6.2",
"semver": "^7.6.3",
"serve": "^14.2.3",
"typescript": "^5.4.5",
"typescript": "^5.5.4",
"url-parse": "^1.5.10",
"util": "^0.12.5",
"uuid": "^9.0.1",
"video.js": "^8.12.0",
"uuid": "^10.0.0",
"video.js": "^8.17.3",
"videojs-overlay": "^3.1.0"
},
"scripts": {
@ -86,12 +86,12 @@
]
},
"devDependencies": {
"@babel/core": "^7.24.6",
"@babel/core": "^7.25.2",
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@lingui/cli": "^4.11.1",
"@lingui/cli": "^4.11.4",
"babel-core": "^6.26.3",
"eslint-config-react-app": "^7.0.1",
"prettier": "^3.3.0",
"prettier": "^3.3.3",
"react-error-overlay": "^6.0.11"
},
"resolutions": {}

772
public/_player/videojs/dist/video-js.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/_player/videojs/dist/video-js.min.css vendored
View File

File diff suppressed because one or more lines are too long

44577
public/_player/videojs/dist/video.js vendored
View File

File diff suppressed because one or more lines are too long

56
public/_player/videojs/dist/video.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/_player/videojs/dist/videojs-airplay.css vendored Normal file
View File

@ -0,0 +1 @@
.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}

308
public/_player/videojs/dist/videojs-airplay.js vendored Normal file
View File

@ -0,0 +1,308 @@
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
"use strict";
var hasAirPlayAPISupport = require('../lib/hasAirPlayAPISupport');
/**
* Registers the AirPlayButton Component with Video.js. Calls
* {@link http://docs.videojs.com/Component.html#.registerComponent}, which will add a
* component called `airPlayButton` to the list of globally registered Video.js
* components. The `airPlayButton` is added to the player's control bar UI automatically
* once {@link module:enableAirPlay} has been called. If you would like to specify the
* order of the buttons that appear in the control bar, including this button, you can do
* so in the options that you pass to the `videojs` function when creating a player:
*
* ```
* videojs('playerID', {
* controlBar: {
* children: [
* 'playToggle',
* 'progressControl',
* 'volumePanel',
* 'fullscreenToggle',
* 'airPlayButton',
* ],
* }
* });
* ```
*
* @param videojs {object} A reference to {@link http://docs.videojs.com/module-videojs.html|Video.js}
* @see http://docs.videojs.com/module-videojs.html#~registerPlugin
*/
module.exports = function (videojs) {
/**
* The AirPlayButton module contains both the AirPlayButton class definition and the
* function used to register the button as a Video.js Component.
*
* @module AirPlayButton
*/
const ButtonComponent = videojs.getComponent('Button');
/**
* The Video.js Button class is the base class for UI button components.
*
* @external Button
* @see {@link http://docs.videojs.com/Button.html|Button}
*/
/** @lends AirPlayButton.prototype */
class AirPlayButton extends ButtonComponent {
/**
* This class is a button component designed to be displayed in the
* player UI's control bar. It displays an Apple AirPlay selection
* list when clicked.
*
* @constructs
* @extends external:Button
*/
constructor(player, options) {
super(player, options);
if (!hasAirPlayAPISupport()) {
this.hide();
}
this._reactToAirPlayAvailableEvents();
if (options.addAirPlayLabelToButton) {
this.el().classList.add('vjs-airplay-button-lg');
this._labelEl = document.createElement('span');
this._labelEl.classList.add('vjs-airplay-button-label');
this._labelEl.textContent = this.localize('AirPlay');
this.el().appendChild(this._labelEl);
} else {
this.controlText('Start AirPlay');
}
}
/**
* Overrides Button#buildCSSClass to return the classes used on the button element.
*
* @param {DOMElement} el
* @see {@link http://docs.videojs.com/Button.html#buildCSSClass|Button#buildCSSClass}
*/
buildCSSClass() {
return 'vjs-airplay-button ' + super.buildCSSClass();
}
/**
* Overrides Button#handleClick to handle button click events. AirPlay
* functionality is handled outside of this class, which should be limited
* to UI related logic. This function simply triggers an event on the player.
*
* @fires AirPlayButton#airPlayRequested
* @param {DOMElement} el
* @see {@link http://docs.videojs.com/Button.html#handleClick|Button#handleClick}
*/
handleClick() {
this.player().trigger('airPlayRequested');
}
/**
* Gets the underlying DOMElement used by the player.
*
* @private
* @returns {DOMElement} either an <audio> or <video> tag, depending on the type of
* player
*/
_getMediaEl() {
var playerEl = this.player().el();
return playerEl.querySelector('video, audio');
}
/**
* Binds a listener to the `webkitplaybacktargetavailabilitychanged` event, if it is
* supported, that will show or hide this button Component based on the availability
* of the AirPlay function.
*
* @private
*/
_reactToAirPlayAvailableEvents() {
var mediaEl = this._getMediaEl(),
self = this;
if (!mediaEl || !hasAirPlayAPISupport()) {
return;
}
function onTargetAvailabilityChanged(event) {
if (event.availability === 'available') {
self.show();
} else {
self.hide();
}
}
mediaEl.addEventListener('webkitplaybacktargetavailabilitychanged', onTargetAvailabilityChanged);
this.on('dispose', function () {
mediaEl.removeEventListener('webkitplaybacktargetavailabilitychanged', onTargetAvailabilityChanged);
});
}
}
videojs.registerComponent('airPlayButton', AirPlayButton);
};
},{"../lib/hasAirPlayAPISupport":4}],2:[function(require,module,exports){
"use strict";
/**
* @module enableAirPlay
*/
var hasAirPlayAPISupport = require('./lib/hasAirPlayAPISupport');
/**
* @private
* @param {object} the Video.js Player instance
* @returns {AirPlayButton} or `undefined` if it does not exist
*/
function getExistingAirPlayButton(player) {
return player.controlBar.getChild('airPlayButton');
}
/**
* Adds the AirPlayButton Component to the player's ControlBar component, if the
* AirPlayButton does not already exist in the ControlBar.
* @private
* @param player {object} the Video.js Player instance
* @param options {object}
*/
function ensureAirPlayButtonExists(player, options) {
var existingAirPlayButton = getExistingAirPlayButton(player),
indexOpt;
if (options.addButtonToControlBar && !existingAirPlayButton) {
// Figure out AirPlay button's index
indexOpt = player.controlBar.children().length;
if (typeof options.buttonPositionIndex !== 'undefined') {
indexOpt = options.buttonPositionIndex >= 0 ? options.buttonPositionIndex : player.controlBar.children().length + options.buttonPositionIndex;
}
player.controlBar.addChild('airPlayButton', options, indexOpt);
}
}
/**
* Handles requests for AirPlay triggered by the AirPlayButton Component.
*
* @private
* @param player {object} the Video.js Player instance
*/
function onAirPlayRequested(player) {
var mediaEl = player.el().querySelector('video, audio');
if (mediaEl && mediaEl.webkitShowPlaybackTargetPicker) {
mediaEl.webkitShowPlaybackTargetPicker();
}
}
/**
* Adds an event listener for the `airPlayRequested` event triggered by the AirPlayButton
* Component.
*
* @private
* @param player {object} the Video.js Player instance
*/
function listenForAirPlayEvents(player) {
// Respond to requests for AirPlay. The AirPlayButton component triggers this event
// when the user clicks the AirPlay button.
player.on('airPlayRequested', onAirPlayRequested.bind(null, player));
}
/**
* Sets up the AirPlay plugin.
*
* @private
* @param player {object} the Video.js player
* @param options {object} the plugin options
*/
function enableAirPlay(player, options) {
if (!player.controlBar) {
return;
}
if (hasAirPlayAPISupport()) {
listenForAirPlayEvents(player);
ensureAirPlayButtonExists(player, options);
}
}
/**
* Registers the AirPlay plugin with Video.js. Calls
* {@link http://docs.videojs.com/module-videojs.html#~registerPlugin|videojs#registerPlugin},
* which will add a plugin function called `airPlay` to any instance of a Video.js player
* that is created after calling this function. Call `player.airPlay(options)`, passing in
* configuration options, to enable the AirPlay plugin on your Player instance.
*
* Currently, the only configuration option is:
*
* * **buttonText** - the text to display inside of the button component. By default,
* this text is hidden and is used for accessibility purposes.
*
* @param {object} videojs
* @see http://docs.videojs.com/module-videojs.html#~registerPlugin
*/
module.exports = function (videojs) {
videojs.registerPlugin('airPlay', function (options) {
var pluginOptions = Object.assign({
addButtonToControlBar: true
}, options || {});
// `this` is an instance of a Video.js Player.
// Wait until the player is "ready" so that the player's control bar component has
// been created.
this.ready(enableAirPlay.bind(this, this, pluginOptions));
});
};
},{"./lib/hasAirPlayAPISupport":4}],3:[function(require,module,exports){
"use strict";
var createAirPlayButton = require('./components/AirPlayButton'),
createAirPlayPlugin = require('./enableAirPlay');
/**
* @module index
*/
/**
* Registers the AirPlay plugin and AirPlayButton Component with Video.js. See
* {@link module:AirPlayButton} and {@link module:enableAirPlay} for more details about
* how the plugin and button are registered and configured.
*
* @param {object} videojs
* @see module:enableAirPlay
* @see module:AirPlayButton
*/
module.exports = function (videojs) {
videojs = videojs || window.videojs;
createAirPlayButton(videojs);
createAirPlayPlugin(videojs);
};
},{"./components/AirPlayButton":1,"./enableAirPlay":2}],4:[function(require,module,exports){
"use strict";
/**
* @module hasAirPlayAPISupport
*/
/**
* Returns whether or not the current browser environment supports AirPlay.
*
* @private
* @returns {boolean} true if AirPlay support is available
*/
module.exports = function () {
return !!window.WebKitPlaybackTargetAvailabilityEvent;
};
},{}],5:[function(require,module,exports){
"use strict";
/**
* This module is used as an entry point for the build system to bundle this plugin into a
* single javascript file that can be loaded by a script tag on a web page. The javascript
* file that is built assumes that `videojs` is available globally at `window.videojs`, so
* Video.js must be loaded **before** this plugin is loaded.
*
* Run `npm install` and then `grunt build` to build the plugin's bundled javascript
* file, as well as the CSS and image assets into the project's `./dist/` folder.
*
* @module standalone
*/
require('./index')();
},{"./index":3}]},{},[5]);

2
public/_player/videojs/dist/videojs-airplay.min.css vendored
View File

@ -1 +1 @@
.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}
.vjs-airplay-button .vjs-icon-placeholder{background:url("ic_airplay_white_24px.svg") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-airplay-button:hover{cursor:pointer}.vjs-airplay-button:hover .vjs-icon-placeholder{background-image:url("ic_airplay_white_24px.svg")}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-airplay-button-label{flex-grow:1;margin-left:4px}.vjs-airplay-button.vjs-airplay-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}

1317
public/_player/videojs/dist/videojs-airplay.min.js vendored
View File

File diff suppressed because it is too large Load Diff

66
public/_player/videojs/dist/videojs-chromecast.css vendored
View File

@ -1,65 +1 @@
/** Silvermine Chromecast **/
.vjs-chromecast-button .vjs-icon-placeholder {
background: url('ic_cast_white_24dp.png') center center no-repeat;
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
}
.vjs-chromecast-button:hover {
cursor: pointer;
}
.vjs-chromecast-button:hover .vjs-icon-placeholder {
background-image: url('ic_cast_white_24dp.png');
}
.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
background-image: url('ic_cast_connected_white_24dp.png');
}
.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
background-image: url('ic_cast_connected_white_24dp.png');
}
.vjs-tech-chromecast {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
content: ' ';
display: block;
height: 2px;
width: 100px;
background-color: #cccccc;
position: absolute;
left: calc(50% - 50px);
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
max-height: 180px;
width: auto;
border: 2px solid #cccccc;
}
.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
width: 160px;
height: 90px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title-container {
position: absolute;
bottom: 50%;
margin-bottom: 100px;
color: #cccccc;
text-align: center;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title {
font-size: 22px;
}
.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
display: none;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
font-size: 18px;
padding-top: 0.5em;
}
.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
display: none;
}
.vjs-chromecast-button .vjs-icon-placeholder{background:url("ic_cast_white_24dp.png") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url("ic_cast_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label{flex-grow:1;margin-left:4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:" ";display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}

4100
public/_player/videojs/dist/videojs-chromecast.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

2
public/_player/videojs/dist/videojs-chromecast.min.css vendored
View File

@ -1 +1 @@
.vjs-chromecast-button .vjs-icon-placeholder{background:url(ic_cast_white_24dp.png) center center no-repeat;background-size:contain;display:inline-block;width:20px;height:20px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url(ic_cast_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url(ic_cast_connected_white_24dp.png)}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:' ';display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}
.vjs-chromecast-button .vjs-icon-placeholder{background:url("ic_cast_white_24dp.png") center center no-repeat;background-size:contain;display:inline-block;width:12px;height:12px}.vjs-chromecast-button:hover{cursor:pointer}.vjs-chromecast-button:hover .vjs-icon-placeholder{background-image:url("ic_cast_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder{background-image:url("ic_cast_connected_white_24dp.png")}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden){display:flex;align-items:center;width:auto;padding:0 4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label{flex-grow:1;margin-left:4px}.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder{flex-grow:1}.vjs-tech-chromecast{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.vjs-tech-chromecast .vjs-tech-chromecast-poster::after{content:" ";display:block;height:2px;width:100px;background-color:#ccc;position:absolute;left:calc(50% - 50px)}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img{max-height:180px;width:auto;border:2px solid #ccc}.vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty{width:160px;height:90px}.vjs-tech-chromecast .vjs-tech-chromecast-title-container{position:absolute;bottom:50%;margin-bottom:100px;color:#ccc;text-align:center}.vjs-tech-chromecast .vjs-tech-chromecast-title{font-size:22px}.vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty{display:none}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle{font-size:18px;padding-top:.5em}.vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty{display:none}

3149
public/_player/videojs/dist/videojs-chromecast.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
public/_player/videojs/dist/videojs-license.css vendored
View File

File diff suppressed because one or more lines are too long

369
public/_player/videojs/dist/videojs-license.js vendored
View File

@ -1,75 +1,22 @@
/*! @name videojs-license @version 0.1.0 @license MIT */
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js'), require('global/document')) :
typeof define === 'function' && define.amd ? define(['video.js', 'global/document'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojsLicense = factory(global.videojs, global.document));
}(this, (function (videojs, document) { 'use strict';
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
typeof define === 'function' && define.amd ? define(['video.js'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojsLicense = factory(global.videojs));
})(this, (function (videojs) { 'use strict';
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
var document__default = /*#__PURE__*/_interopDefaultLegacy(document);
function createCommonjsModule(fn, basedir, module) {
return module = {
path: basedir,
exports: {},
require: function (path, base) {
return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
}
}, fn(module, module.exports), module.exports;
}
function commonjsRequire () {
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
}
var assertThisInitialized = createCommonjsModule(function (module) {
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
module.exports = _assertThisInitialized;
module.exports["default"] = module.exports, module.exports.__esModule = true;
});
var setPrototypeOf = createCommonjsModule(function (module) {
function _setPrototypeOf(o, p) {
module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
module.exports["default"] = module.exports, module.exports.__esModule = true;
return _setPrototypeOf(o, p);
}
module.exports = _setPrototypeOf;
module.exports["default"] = module.exports, module.exports.__esModule = true;
});
var inheritsLoose = createCommonjsModule(function (module) {
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
setPrototypeOf(subClass, superClass);
}
module.exports = _inheritsLoose;
module.exports["default"] = module.exports, module.exports.__esModule = true;
});
var version = "0.1.0";
var Plugin = videojs__default['default'].getPlugin('plugin');
var Component = videojs__default['default'].getComponent('Component');
var Button = videojs__default['default'].getComponent('MenuButton'); // Default options for the plugin.
const Plugin = videojs__default["default"].getPlugin('plugin');
const Component = videojs__default["default"].getComponent('Component');
const Button = videojs__default["default"].getComponent('MenuButton');
var defaults = {
// Default options for the plugin.
const defaults = {
license: 'none',
title: '',
author: '',
@ -78,15 +25,13 @@
loading: 'Loading'
}
};
/**
* An advanced Video.js plugin. For more information on the API
*
* See: https://blog.videojs.com/feature-spotlight-advanced-plugins/
*/
var License = /*#__PURE__*/function (_Plugin) {
inheritsLoose(License, _Plugin);
class License extends Plugin {
/**
* Create a License plugin instance.
*
@ -100,360 +45,296 @@
* second argument of options is a convenient way to accept inputs
* from your plugin's caller.
*/
function License(player, options) {
var _this;
constructor(player, options) {
// the parent class will add player under this.player
_this = _Plugin.call(this, player) || this;
_this.playerId = _this.player.id();
_this.options = videojs__default['default'].mergeOptions(defaults, options);
super(player);
this.playerId = this.player.id();
this.options = videojs__default["default"].mergeOptions(defaults, options);
if (options.license === 'none') {
return assertThisInitialized(_this);
return;
}
player.addClass('vjs-license');
this.buildUI();
if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
this.mobileBuildUI();
}
_this.player.ready(function () {
_this.player.addClass('vjs-license');
_this.buildUI();
if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
_this.mobileBuildUI();
}
}); // close the menu if open on userinactive
_this.player.on('userinactive', function () {
document__default['default'].getElementById(_this.playerId).querySelectorAll('.vjs-menu').forEach(function (element) {
// close the menu if open on userinactive
this.player.on('userinactive', () => {
document.getElementById(this.playerId).querySelectorAll('.vjs-menu').forEach(element => {
element.classList.remove('vjs-lock-open');
});
}); // close the menu if anywhere in the player is clicked
});
_this.player.on('click', function (evt) {
// close the menu if anywhere in the player is clicked
this.player.on('click', evt => {
if (evt.target.tagName === 'VIDEO') {
document__default['default'].getElementById(_this.playerId).querySelectorAll('.vjs-menu').forEach(function (element) {
document.getElementById(this.playerId).querySelectorAll('.vjs-menu').forEach(element => {
element.classList.remove('vjs-lock-open');
});
}
});
_this.player.on('loadstart', function (_event) {
_this.removeElementsByClass('vjs-license-clear');
if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
_this.mobileBuildTopLevelMenu();
this.player.on('loadstart', _event => {
this.removeElementsByClass('vjs-license-clear');
if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
this.mobileBuildTopLevelMenu();
} else {
_this.buildTopLevelMenu();
this.buildTopLevelMenu();
}
});
return _this;
}
/**
* Add the menu ui button to the controlbar
*/
buildUI() {
const playerId = this.playerId;
const that = this;
var _proto = License.prototype;
_proto.buildUI = function buildUI() {
var playerId = this.playerId;
var that = this;
/**
* LicenseMenuButton
*/
var LicenseMenuButton = /*#__PURE__*/function (_Button) {
inheritsLoose(LicenseMenuButton, _Button);
class LicenseMenuButton extends Button {
/**
* Contructor
*
* @param {*} player videojs player instance
* @param {*} options videojs player options
*/
function LicenseMenuButton(player, options) {
var _this2;
_this2 = _Button.call(this, player, options) || this;
_this2.addClass('vjs-license');
_this2.controlText(that.options.languages.loading);
player.one('canplaythrough', function (_event) {
_this2.controlText(that.options.languages.settings);
constructor(player, options) {
super(player, options);
this.addClass('vjs-license');
this.controlText(that.options.languages.loading);
player.one('canplaythrough', _event => {
this.controlText(that.options.languages.settings);
});
_this2.menu.contentEl_.id = playerId + '-vjs-license-default';
return _this2;
this.menu.contentEl_.id = playerId + '-vjs-license-default';
}
/**
* Handle click
*/
var _proto2 = LicenseMenuButton.prototype;
_proto2.handleClick = function handleClick() {
if (videojs__default['default'].browser.IS_IOS || videojs__default['default'].browser.IS_ANDROID) {
handleClick() {
if (videojs__default["default"].browser.IS_IOS || videojs__default["default"].browser.IS_ANDROID) {
this.player.getChild('licenseMenuMobileModal').el().style.display = 'block';
} else {
this.el().classList.toggle('vjs-toogle-btn');
this.menu.el().classList.toggle('vjs-lock-open');
}
};
return LicenseMenuButton;
}(Button);
videojs__default['default'].registerComponent('licenseMenuButton', LicenseMenuButton);
}
}
videojs__default["default"].registerComponent('licenseMenuButton', LicenseMenuButton);
this.player.getChild('controlBar').addChild('licenseMenuButton');
if (this.player.getChild('controlBar').getChild('fullscreenToggle')) {
this.player.getChild('controlBar').el().insertBefore(this.player.getChild('controlBar').getChild('licenseMenuButton').el(), this.player.getChild('controlBar').getChild('fullscreenToggle').el());
}
}
/**
*
* This is just build the top level menu no sub menus
*/
;
buildTopLevelMenu() {
const settingsButton = this.player.getChild('controlBar').getChild('licenseMenuButton');
_proto.buildTopLevelMenu = function buildTopLevelMenu() {
var settingsButton = this.player.getChild('controlBar').getChild('licenseMenuButton'); // settingsButton.addClass('vjs-license-is-loaded');
// settingsButton.addClass('vjs-license-is-loaded');
var main = settingsButton.menu.contentEl_; // Empty the main menu div to repopulate
const main = settingsButton.menu.contentEl_;
// Empty the main menu div to repopulate
main.innerHTML = '';
main.classList.add('vjs-license-top-level'); // Start building new list items
main.classList.add('vjs-license-top-level');
var menuTitle = document__default['default'].createElement('li');
// Start building new list items
const menuTitle = document.createElement('li');
menuTitle.className = 'vjs-license-top-level-header';
var menuTitleInner = document__default['default'].createElement('span');
const menuTitleInner = document.createElement('span');
menuTitleInner.innerHTML = 'About';
menuTitleInner.className = 'vjs-license-top-level-header-titel';
menuTitle.appendChild(menuTitleInner);
main.appendChild(menuTitle);
var itemTitel = document__default['default'].createElement('li');
const itemTitel = document.createElement('li');
itemTitel.innerHTML = this.buildItemTitel();
itemTitel.className = 'vjs-license-top-level-item';
main.appendChild(itemTitel);
if (this.options.author) {
var itemAuthor = document__default['default'].createElement('li');
const itemAuthor = document.createElement('li');
itemAuthor.innerHTML = this.buildItemAuthor();
itemAuthor.className = 'vjs-license-top-level-item';
main.appendChild(itemAuthor);
}
var itemLicense = document__default['default'].createElement('li');
const itemLicense = document.createElement('li');
itemLicense.innerHTML = this.buildItemLicense();
itemLicense.className = 'vjs-license-top-level-item';
main.appendChild(itemLicense);
}
/**
* Add the menu ui button to the controlbar
*/
;
_proto.mobileBuildUI = function mobileBuildUI() {
mobileBuildUI() {
/**
* bla
*/
var LicenseMenuMobileModal = /*#__PURE__*/function (_Component) {
inheritsLoose(LicenseMenuMobileModal, _Component);
class LicenseMenuMobileModal extends Component {
/**
* Contructor
*
* @param {*} player videojs player instance
* @param {*} options videojs player options
*/
function LicenseMenuMobileModal(player, options) {
return _Component.call(this, player, options) || this;
constructor(player, options) {
super(player, options);
}
/**
* Creates an HTML element
*
* @return {Object} HTML element
*/
var _proto3 = LicenseMenuMobileModal.prototype;
_proto3.createEl = function createEl() {
return videojs__default['default'].createEl('div', {
createEl() {
return videojs__default["default"].createEl('div', {
className: 'vjs-license-mobile'
});
};
return LicenseMenuMobileModal;
}(Component);
videojs__default['default'].registerComponent('licenseMenuMobileModal', LicenseMenuMobileModal);
videojs__default['default'].dom.prependTo(this.player.addChild('licenseMenuMobileModal').el(), document__default['default'].body);
}
}
videojs__default["default"].registerComponent('licenseMenuMobileModal', LicenseMenuMobileModal);
videojs__default["default"].dom.prependTo(this.player.addChild('licenseMenuMobileModal').el(), document.body);
}
/**
* Add the menu ui button to the controlbar
*/
;
_proto.mobileBuildTopLevelMenu = function mobileBuildTopLevelMenu() {
var _this3 = this;
var settingsButton = this.player.getChild('licenseMenuMobileModal');
var menuTopLevel = document__default['default'].createElement('ul');
mobileBuildTopLevelMenu() {
const settingsButton = this.player.getChild('licenseMenuMobileModal');
const menuTopLevel = document.createElement('ul');
menuTopLevel.className = 'vjs-license-mob-top-level vjs-setting-menu-clear';
settingsButton.el().appendChild(menuTopLevel); // Empty the main menu div to repopulate
settingsButton.el().appendChild(menuTopLevel);
var menuTitle = document__default['default'].createElement('li');
// Empty the main menu div to repopulate
const menuTitle = document.createElement('li');
menuTitle.innerHTML = 'About';
menuTitle.className = 'vjs-setting-menu-mobile-top-header';
menuTopLevel.appendChild(menuTitle);
var itemTitel = document__default['default'].createElement('li');
const itemTitel = document.createElement('li');
itemTitel.innerHTML = this.buildItemTitel();
itemTitel.className = 'vjs-license-top-level-item';
if (this.options.author) {
var itemAuthor = document__default['default'].createElement('li');
const itemAuthor = document.createElement('li');
itemAuthor.innerHTML = this.buildItemAuthor();
itemAuthor.className = 'vjs-license-top-level-item';
}
var itemLicense = document__default['default'].createElement('li');
const itemLicense = document.createElement('li');
itemLicense.innerHTML = this.buildItemLicense();
itemLicense.className = 'vjs-license-top-level-item';
var menuClose = document__default['default'].createElement('li');
const menuClose = document.createElement('li');
menuClose.innerHTML = 'Close';
menuClose.className = 'setting-menu-footer-default';
menuClose.onclick = function (e) {
_this3.player.getChild('settingsMenuMobileModal').el().style.display = 'none';
menuClose.onclick = e => {
this.player.getChild('settingsMenuMobileModal').el().style.display = 'none';
};
menuTopLevel.appendChild(menuClose);
}
/**
* Add the menu ui button to the controlbar
*
* @return {string} Returns license text
*/
;
_proto.buildItemTitel = function buildItemTitel() {
var titel = '';
buildItemTitel() {
let titel = '';
if (this.options.title) {
titel = "" + this.options.title;
titel = `${this.options.title}`;
}
return 'Title: ' + titel;
}
/**
* Add the menu ui button to the controlbar
*
* @return {string} Returns license text
*/
;
_proto.buildItemAuthor = function buildItemAuthor() {
var author = '';
buildItemAuthor() {
let author = '';
if (this.options.author) {
author = " by " + this.options.author;
author = ` by ${this.options.author}`;
}
return 'Author: ' + author;
}
/**
* Add the menu ui button to the controlbar
*
* @return {string} Returns license text
*/
;
_proto.buildItemLicense = function buildItemLicense() {
var license = '';
var reVersion = new RegExp('[0-9]+.[0-9]+$');
var version = '4.0';
var matches = this.options.license.match(reVersion);
buildItemLicense() {
let license = '';
const reVersion = new RegExp('[0-9]+.[0-9]+$');
let version = '4.0';
const matches = this.options.license.match(reVersion);
if (matches !== null) {
version = matches[0];
}
var which = this.options.license.replace(reVersion, '').trim();
var deed = null;
const which = this.options.license.replace(reVersion, '').trim();
let deed = null;
switch (which) {
case 'CC0':
deed = 'https://creativecommons.org/licenses/zero/1.0/';
break;
case 'CC BY':
deed = "https://creativecommons.org/licenses/by/" + version + "/";
deed = `https://creativecommons.org/licenses/by/${version}/`;
break;
case 'CC BY-SA':
deed = "https://creativecommons.org/licenses/by-sa/" + version + "/";
deed = `https://creativecommons.org/licenses/by-sa/${version}/`;
break;
case 'CC BY-NC':
deed = "https://creativecommons.org/licenses/by-nc/" + version + "/";
deed = `https://creativecommons.org/licenses/by-nc/${version}/`;
break;
case 'CC BY-NC-SA':
deed = "https://creativecommons.org/licenses/by-nc-sa/" + version + "/";
deed = `https://creativecommons.org/licenses/by-nc-sa/${version}/`;
break;
case 'CC BY-ND':
deed = "https://creativecommons.org/licenses/by-nd/" + version + "/";
deed = `https://creativecommons.org/licenses/by-nd/${version}/`;
break;
case 'CC BY-NC-ND':
deed = "https://creativecommons.org/licenses/by-nc-nd/" + version + "/";
deed = `https://creativecommons.org/licenses/by-nc-nd/${version}/`;
break;
}
if (deed) {
license = "<a href=\"" + deed + "\" onclick=\"window.open('" + deed + "')\" target=\"_blank\" rel=\"noopener\">" + this.options.license + "</a>";
license = `<a href='${deed}' onclick='window.open('${deed}')' target='_blank' rel='noopener'>${this.options.license}</a>`;
} else {
license = this.options.license;
}
return 'License: ' + license;
}
/**
*
* Helper class to clear menu items before rebuild
*
* @param {*} className Name of a class
*/
;
_proto.removeElementsByClass = function removeElementsByClass(className) {
removeElementsByClass(className) {
// Need to prevent the menu from not showing sometimes
document__default['default'].querySelectorAll('.vjs-sm-top-level').forEach(function (element) {
document.querySelectorAll('.vjs-sm-top-level').forEach(element => {
element.classList.remove('vjs-hidden');
});
var elements = document__default['default'].getElementsByClassName(className);
const elements = document.getElementsByClassName(className);
while (elements.length > 0) {
elements[0].parentNode.removeChild(elements[0]);
}
};
}
}
return License;
}(Plugin); // Define default values for the plugin's `state` object here.
// Define default values for the plugin's `state` object here.
License.defaultState = {};
// Include the version number.
License.VERSION = version;
License.defaultState = {}; // Include the version number.
License.VERSION = version; // Register the plugin with video.js.
videojs__default['default'].registerPlugin('license', License);
// Register the plugin with video.js.
videojs__default["default"].registerPlugin('license', License);
return License;
})));
}));

3
public/_player/videojs/dist/videojs-license.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/_player/videojs/dist/videojs-license.min.js vendored
View File

File diff suppressed because one or more lines are too long

5
public/_player/videojs/player.html
View File

@ -83,9 +83,6 @@
responsive: true,
fluid: true,
sources: [{ src: window.location.origin + '/' + playerConfig.source, type: 'application/x-mpegURL' }],
plugins: {
license: playerConfig.license
}
};
if (playerConfig.chromecast) {
@ -132,6 +129,8 @@
},
],
});
player.license(playerConfig.license);
}
if (autoplay === true) {

19
public/_playersite/videojs.js
View File

@ -8,23 +8,26 @@ var config = {
fluid: true,
// Needed to append the url orgin in order for the source to properly pass to the cast device
sources: [{ src: playerConfig.source, type: 'application/x-mpegURL' }],
plugins: {
license: playerConfig.license,
},
};
if (chromecast) {
config.techOrder = ['chromecast', 'html5'];
config.plugins.chromecast = {};
}
if (airplay) {
config.plugins.airPlay = {};
}
var player = videojs('player', config);
player.ready(function () {
if (chromecast) {
player.chromecast();
}
if (airplay) {
player.airPlay();
}
player.license(playerConfig.license);
if (playerConfig.logo.image.length != 0) {
var overlay = null;