mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 02:48:19 -07:00
756 lines
24 KiB
JavaScript
756 lines
24 KiB
JavaScript
// Array Remove - By John Resig (MIT Licensed)
|
|
Array.prototype.remove = function (from, to) {
|
|
var rest = this.slice((to || from) + 1 || this.length);
|
|
this.length = from < 0 ? this.length + from : from;
|
|
return this.push.apply(this, rest);
|
|
};
|
|
|
|
String.prototype.endsWith = function (suffix) {
|
|
return this.indexOf(suffix, this.length - suffix.length) !== -1;
|
|
};
|
|
|
|
$.fn.checked = function (value) {
|
|
if (value === true || value === false) {
|
|
// Set the value of the checkbox
|
|
return $(this).each(function () {
|
|
this.checked = value;
|
|
});
|
|
} else {
|
|
// Return check state
|
|
return $(this).is(':checked');
|
|
}
|
|
};
|
|
|
|
var WebNotifications = {
|
|
|
|
show: function (data) {
|
|
if (window.webkitNotifications) {
|
|
if (!webkitNotifications.checkPermission()) {
|
|
var notif = webkitNotifications.createNotification(data.icon, data.title, data.body);
|
|
notif.show();
|
|
|
|
if (data.timeout) {
|
|
setTimeout(function () {
|
|
notif.cancel();
|
|
}, data.timeout);
|
|
}
|
|
|
|
return notif;
|
|
} else {
|
|
webkitNotifications.requestPermission(function () {
|
|
return WebNotifications.show(data);
|
|
});
|
|
}
|
|
}
|
|
else if (window.Notification) {
|
|
if (Notification.permissionLevel() === "granted") {
|
|
var notif = new Notification(data.title, data);
|
|
notif.show();
|
|
|
|
if (data.timeout) {
|
|
setTimeout(function () {
|
|
notif.cancel();
|
|
}, data.timeout);
|
|
}
|
|
|
|
return notif;
|
|
} else if (Notification.permissionLevel() === "default") {
|
|
Notification.requestPermission(function () {
|
|
return WebNotifications.show(data);
|
|
});
|
|
}
|
|
}
|
|
},
|
|
|
|
requestPermission: function () {
|
|
if (window.webkitNotifications) {
|
|
if (!webkitNotifications.checkPermission()) {
|
|
} else {
|
|
webkitNotifications.requestPermission(function () {
|
|
});
|
|
}
|
|
}
|
|
else if (window.Notification) {
|
|
if (Notification.permissionLevel() === "granted") {
|
|
} else if (Notification.permissionLevel() === "default") {
|
|
Notification.requestPermission(function () {
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Javascript Humane Dates
|
|
* Copyright (c) 2008 Dean Landolt (deanlandolt.com)
|
|
* Re-write by Zach Leatherman (zachleat.com)
|
|
*
|
|
* Adopted from the John Resig's pretty.js
|
|
* at http://ejohn.org/blog/javascript-pretty-date
|
|
* and henrah's proposed modification
|
|
* at http://ejohn.org/blog/javascript-pretty-date/#comment-297458
|
|
*
|
|
* Licensed under the MIT license.
|
|
*/
|
|
|
|
function humane_date(date_str) {
|
|
var time_formats = [[90, 'a minute'], // 60*1.5
|
|
[3600, 'minutes', 60], // 60*60, 60
|
|
[5400, 'an hour'], // 60*60*1.5
|
|
[86400, 'hours', 3600], // 60*60*24, 60*60
|
|
[129600, 'a day'], // 60*60*24*1.5
|
|
[604800, 'days', 86400], // 60*60*24*7, 60*60*24
|
|
[907200, 'a week'], // 60*60*24*7*1.5
|
|
[2628000, 'weeks', 604800], // 60*60*24*(365/12), 60*60*24*7
|
|
[3942000, 'a month'], // 60*60*24*(365/12)*1.5
|
|
[31536000, 'months', 2628000], // 60*60*24*365, 60*60*24*(365/12)
|
|
[47304000, 'a year'], // 60*60*24*365*1.5
|
|
[3153600000, 'years', 31536000] // 60*60*24*365*100, 60*60*24*365
|
|
];
|
|
|
|
var dt = new Date;
|
|
var date = parseISO8601Date(date_str, true);
|
|
|
|
var seconds = ((dt - date) / 1000);
|
|
var token = ' ago';
|
|
var i = 0;
|
|
var format;
|
|
|
|
if (seconds < 0) {
|
|
seconds = Math.abs(seconds);
|
|
token = '';
|
|
}
|
|
|
|
while (format = time_formats[i++]) {
|
|
if (seconds < format[0]) {
|
|
if (format.length == 2) {
|
|
return format[1] + token;
|
|
} else {
|
|
return Math.round(seconds / format[2]) + ' ' + format[1] + token;
|
|
}
|
|
}
|
|
}
|
|
|
|
// overflow for centuries
|
|
if (seconds > 4730400000)
|
|
return Math.round(seconds / 4730400000) + ' centuries' + token;
|
|
|
|
return date_str;
|
|
};
|
|
|
|
function humane_elapsed(firstDateStr, secondDateStr) {
|
|
var dt1 = new Date(firstDateStr);
|
|
var dt2 = new Date(secondDateStr);
|
|
var seconds = (dt2.getTime() - dt1.getTime()) / 1000;
|
|
var numdays = Math.floor((seconds % 31536000) / 86400);
|
|
var numhours = Math.floor(((seconds % 31536000) % 86400) / 3600);
|
|
var numminutes = Math.floor((((seconds % 31536000) % 86400) % 3600) / 60);
|
|
var numseconds = Math.round((((seconds % 31536000) % 86400) % 3600) % 60);
|
|
|
|
var elapsedStr = '';
|
|
elapsedStr += numdays == 1 ? numdays + ' day ' : '';
|
|
elapsedStr += numdays > 1 ? numdays + ' days ' : '';
|
|
elapsedStr += numhours == 1 ? numhours + ' hour ' : '';
|
|
elapsedStr += numhours > 1 ? numhours + ' hours ' : '';
|
|
elapsedStr += numminutes == 1 ? numminutes + ' minute ' : '';
|
|
elapsedStr += numminutes > 1 ? numminutes + ' minutes ' : '';
|
|
elapsedStr += elapsedStr.length > 0 ? 'and ' : '';
|
|
elapsedStr += numseconds == 1 ? numseconds + ' second' : '';
|
|
elapsedStr += numseconds == 0 || numseconds > 1 ? numseconds + ' seconds' : '';
|
|
|
|
return elapsedStr;
|
|
|
|
}
|
|
|
|
function getParameterByName(name) {
|
|
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
|
|
var regexS = "[\\?&]" + name + "=([^&#]*)";
|
|
var regex = new RegExp(regexS);
|
|
var results = regex.exec(window.location.search);
|
|
if (results == null)
|
|
return "";
|
|
else
|
|
return decodeURIComponent(results[1].replace(/\+/g, " "));
|
|
}
|
|
|
|
function parseISO8601Date(s, toLocal) {
|
|
|
|
// parenthese matches:
|
|
// year month day hours minutes seconds
|
|
// dotmilliseconds
|
|
// tzstring plusminus hours minutes
|
|
var re = /(\d{4})-(\d\d)-(\d\d)T(\d\d):(\d\d):(\d\d)(\.\d+)?(Z|([+-])(\d\d):(\d\d))/;
|
|
|
|
var d = [];
|
|
d = s.match(re);
|
|
|
|
// "2010-12-07T11:00:00.000-09:00" parses to:
|
|
// ["2010-12-07T11:00:00.000-09:00", "2010", "12", "07", "11",
|
|
// "00", "00", ".000", "-09:00", "-", "09", "00"]
|
|
// "2010-12-07T11:00:00.000Z" parses to:
|
|
// ["2010-12-07T11:00:00.000Z", "2010", "12", "07", "11",
|
|
// "00", "00", ".000", "Z", undefined, undefined, undefined]
|
|
|
|
if (!d) {
|
|
throw "Couldn't parse ISO 8601 date string '" + s + "'";
|
|
}
|
|
|
|
// parse strings, leading zeros into proper ints
|
|
var a = [1, 2, 3, 4, 5, 6, 10, 11];
|
|
for (var i in a) {
|
|
d[a[i]] = parseInt(d[a[i]], 10);
|
|
}
|
|
d[7] = parseFloat(d[7]);
|
|
|
|
// Date.UTC(year, month[, date[, hrs[, min[, sec[, ms]]]]])
|
|
// note that month is 0-11, not 1-12
|
|
// see https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/UTC
|
|
var ms = Date.UTC(d[1], d[2] - 1, d[3], d[4], d[5], d[6]);
|
|
|
|
// if there are milliseconds, add them
|
|
if (d[7] > 0) {
|
|
ms += Math.round(d[7] * 1000);
|
|
}
|
|
|
|
// if there's a timezone, calculate it
|
|
if (d[8] != "Z" && d[10]) {
|
|
var offset = d[10] * 60 * 60 * 1000;
|
|
if (d[11]) {
|
|
offset += d[11] * 60 * 1000;
|
|
}
|
|
if (d[9] == "-") {
|
|
ms -= offset;
|
|
} else {
|
|
ms += offset;
|
|
}
|
|
} else if (!toLocal) {
|
|
ms += new Date().getTimezoneOffset() * 60000;
|
|
}
|
|
|
|
return new Date(ms);
|
|
};
|
|
|
|
// jqm.page.params.js - version 0.1
|
|
// Copyright (c) 2011, Kin Blas
|
|
// All rights reserved.
|
|
//
|
|
// Redistribution and use in source and binary forms, with or without
|
|
// modification, are permitted provided that the following conditions are met:
|
|
// * Redistributions of source code must retain the above copyright
|
|
// notice, this list of conditions and the following disclaimer.
|
|
// * Redistributions in binary form must reproduce the above copyright
|
|
// notice, this list of conditions and the following disclaimer in the
|
|
// documentation and/or other materials provided with the distribution.
|
|
// * Neither the name of the <organization> nor the
|
|
// names of its contributors may be used to endorse or promote products
|
|
// derived from this software without specific prior written permission.
|
|
//
|
|
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
|
// ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
|
// WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
// DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
|
|
// DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
|
// (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
|
// LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
// ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
|
// SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
|
|
(function ($, window, undefined) {
|
|
|
|
// Given a query string, convert all the name/value pairs
|
|
// into a property/value object. If a name appears more than
|
|
// once in a query string, the value is automatically turned
|
|
// into an array.
|
|
function queryStringToObject(qstr) {
|
|
var result = {}, nvPairs = ((qstr || "").replace(/^\?/, "").split(/&/)), i, pair, n, v;
|
|
|
|
for (i = 0; i < nvPairs.length; i++) {
|
|
var pstr = nvPairs[i];
|
|
if (pstr) {
|
|
pair = pstr.split(/=/);
|
|
n = pair[0];
|
|
v = pair[1];
|
|
if (result[n] === undefined) {
|
|
result[n] = v;
|
|
} else {
|
|
if (typeof result[n] !== "object") {
|
|
result[n] = [result[n]];
|
|
}
|
|
result[n].push(v);
|
|
}
|
|
}
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
// The idea here is to listen for any pagebeforechange notifications from
|
|
// jQuery Mobile, and then muck with the toPage and options so that query
|
|
// params can be passed to embedded/internal pages. So for example, if a
|
|
// changePage() request for a URL like:
|
|
//
|
|
// http://mycompany.com/myapp/#page-1?foo=1&bar=2
|
|
//
|
|
// is made, the page that will actually get shown is:
|
|
//
|
|
// http://mycompany.com/myapp/#page-1
|
|
//
|
|
// The browser's location will still be updated to show the original URL.
|
|
// The query params for the embedded page are also added as a property/value
|
|
// object on the options object. You can access it from your page notifications
|
|
// via data.options.pageData.
|
|
$(document).bind("pagebeforechange", function (e, data) {
|
|
|
|
// We only want to handle the case where we are being asked
|
|
// to go to a page by URL, and only if that URL is referring
|
|
// to an internal page by id.
|
|
|
|
if (typeof data.toPage === "string") {
|
|
var u = $.mobile.path.parseUrl(data.toPage);
|
|
if ($.mobile.path.isEmbeddedPage(u)) {
|
|
|
|
// The request is for an internal page, if the hash
|
|
// contains query (search) params, strip them off the
|
|
// toPage URL and then set options.dataUrl appropriately
|
|
// so the location.hash shows the originally requested URL
|
|
// that hash the query params in the hash.
|
|
|
|
var u2 = $.mobile.path.parseUrl(u.hash.replace(/^#/, ""));
|
|
if (u2.search) {
|
|
if (!data.options.dataUrl) {
|
|
data.options.dataUrl = data.toPage;
|
|
}
|
|
data.options.pageData = queryStringToObject(u2.search);
|
|
data.toPage = u.hrefNoHash + "#" + u2.pathname;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
})(jQuery, window);
|
|
|
|
|
|
/*
|
|
JS for the quality selector in video.js player
|
|
*/
|
|
|
|
/*
|
|
Define the base class for the quality selector button.
|
|
Most of this code is copied from the _V_.TextTrackButton
|
|
class.
|
|
|
|
https://github.com/zencoder/video-js/blob/master/src/tracks.js#L560)
|
|
*/
|
|
_V_.ResolutionSelector = _V_.Button.extend({
|
|
|
|
kind: "quality",
|
|
className: "vjs-quality-button",
|
|
|
|
init: function(player, options) {
|
|
|
|
this._super(player, options);
|
|
|
|
// Save the starting resolution as a property of the player object
|
|
player.options.currentResolution = this.buttonText;
|
|
|
|
this.menu = this.createMenu();
|
|
|
|
if (this.items.length === 0) {
|
|
this.hide();
|
|
}
|
|
},
|
|
|
|
createMenu: function() {
|
|
|
|
var menu = new _V_.Menu(this.player);
|
|
|
|
// Add a title list item to the top
|
|
menu.el.appendChild(_V_.createElement("li", {
|
|
className: "vjs-menu-title",
|
|
innerHTML: _V_.uc(this.kind)
|
|
}));
|
|
|
|
this.items = this.createItems();
|
|
|
|
// Add menu items to the menu
|
|
this.each(this.items, function(item){
|
|
menu.addItem(item);
|
|
});
|
|
|
|
// Add list to element
|
|
this.addComponent(menu);
|
|
|
|
return menu;
|
|
},
|
|
|
|
// Override the default _V_.Button createElement so the button text isn't hidden
|
|
createElement: function(type, attrs) {
|
|
|
|
// Add standard Aria and Tabindex info
|
|
attrs = _V_.merge({
|
|
className: this.buildCSSClass(),
|
|
innerHTML: '<div><span class="vjs-quality-text">' + this.buttonText + '</span></div>',
|
|
role: "button",
|
|
tabIndex: 0
|
|
}, attrs);
|
|
|
|
return this._super(type, attrs);
|
|
},
|
|
|
|
// Create a menu item for each text track
|
|
createItems: function() {
|
|
|
|
var items = [];
|
|
|
|
this.each( this.availableRes, function( res ) {
|
|
|
|
items.push( new _V_.ResolutionMenuItem( this.player, {
|
|
|
|
label: res[0].res,
|
|
src: res
|
|
}));
|
|
});
|
|
|
|
return items;
|
|
},
|
|
|
|
buildCSSClass: function() {
|
|
|
|
return this.className + " vjs-menu-button " + this._super();
|
|
},
|
|
|
|
// Focus - Add keyboard functionality to element
|
|
onFocus: function() {
|
|
|
|
// Show the menu, and keep showing when the menu items are in focus
|
|
this.menu.lockShowing();
|
|
this.menu.el.style.display = "block";
|
|
|
|
// When tabbing through, the menu should hide when focus goes from the last menu item to the next tabbed element.
|
|
_V_.one(this.menu.el.childNodes[this.menu.el.childNodes.length - 1], "blur", this.proxy(function() {
|
|
|
|
this.menu.unlockShowing();
|
|
}));
|
|
},
|
|
|
|
// Can't turn off list display that we turned on with focus, because list would go away.
|
|
onBlur: function(){},
|
|
|
|
onClick: function() {
|
|
|
|
/*
|
|
When you click the button it adds focus, which will show the menu indefinitely.
|
|
So we'll remove focus when the mouse leaves the button.
|
|
Focus is needed for tab navigation.
|
|
*/
|
|
this.one( 'mouseout', this.proxy(function() {
|
|
|
|
this.menu.unlockShowing();
|
|
this.el.blur();
|
|
}));
|
|
}
|
|
});
|
|
|
|
/*
|
|
Define the base class for the quality menu items
|
|
*/
|
|
_V_.ResolutionMenuItem = _V_.MenuItem.extend({
|
|
|
|
init: function(player, options){
|
|
|
|
// Modify options for parent MenuItem class's init.
|
|
options.selected = ( options.label === player.options.currentResolution );
|
|
this._super( player, options );
|
|
|
|
this.player.addEvent( 'changeRes', _V_.proxy( this, this.update ) );
|
|
},
|
|
|
|
onClick: function() {
|
|
|
|
// Check that we are changing to a new quality (not the one we are already on)
|
|
if ( this.options.label === this.player.options.currentResolution )
|
|
return;
|
|
|
|
var resolutions = new Array();
|
|
resolutions['high'] = new Array(1500000, 128000, 1920, 1080);
|
|
resolutions['medium'] = new Array(750000, 128000, 1280, 720);
|
|
resolutions['low'] = new Array(200000, 128000, 720, 480);
|
|
|
|
var current_time = this.player.currentTime();
|
|
|
|
// Set the button text to the newly chosen quality
|
|
jQuery( this.player.controlBar.el ).find( '.vjs-quality-text' ).html( this.options.label );
|
|
|
|
// Change the source and make sure we don't start the video over
|
|
var currentSrc = this.player.tag.src;
|
|
var src = parse_src_url(currentSrc);
|
|
var newSrc = "/mediabrowser/"+src.Type+"/"+src.item_id+"/stream."+src.stream+"?audioChannels="+src.audioChannels+"&audioBitrate="+resolutions[this.options.src[0].res][1]+
|
|
"&videoBitrate="+resolutions[this.options.src[0].res][0]+"&maxWidth="+resolutions[this.options.src[0].res][2]+"&maxHeight="+resolutions[this.options.src[0].res][3]+
|
|
"&videoCodec="+src.videoCodec+"&audioCodec="+src.audioCodec;
|
|
|
|
if (this.player.duration() == "Infinity") {
|
|
if (currentSrc.indexOf("StartTimeTicks") >= 0) {
|
|
var startTimeTicks = currentSrc.match(new RegExp("StartTimeTicks=[0-9]+","g"));
|
|
var start_time = startTimeTicks[0].replace("StartTimeTicks=","");
|
|
|
|
newSrc += "&StartTimeTicks="+Math.floor(parseInt(start_time)+(10000000*current_time));
|
|
}else {
|
|
newSrc += "&StartTimeTicks="+Math.floor(10000000*current_time);
|
|
}
|
|
|
|
this.player.src( newSrc ).one( 'loadedmetadata', function() {
|
|
this.play();
|
|
});
|
|
}else {
|
|
this.player.src( newSrc ).one( 'loadedmetadata', function() {
|
|
this.currentTime( current_time );
|
|
this.play();
|
|
});
|
|
}
|
|
|
|
// Save the newly selected resolution in our player options property
|
|
this.player.options.currentResolution = this.options.label;
|
|
|
|
// Update the classes to reflect the currently selected resolution
|
|
this.player.triggerEvent( 'changeRes' );
|
|
},
|
|
|
|
update: function() {
|
|
|
|
if ( this.options.label === this.player.options.currentResolution ) {
|
|
this.selected( true );
|
|
} else {
|
|
this.selected( false );
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/*
|
|
JS for the chapter selector in video.js player
|
|
*/
|
|
|
|
/*
|
|
Define the base class for the chapter selector button.
|
|
*/
|
|
_V_.ChapterSelector = _V_.Button.extend({
|
|
|
|
kind: "chapter",
|
|
className: "vjs-chapter-button",
|
|
|
|
init: function(player, options) {
|
|
|
|
this._super(player, options);
|
|
|
|
this.menu = this.createMenu();
|
|
|
|
if (this.items.length === 0) {
|
|
this.hide();
|
|
}
|
|
},
|
|
|
|
createMenu: function() {
|
|
|
|
var menu = new _V_.Menu(this.player);
|
|
|
|
// Add a title list item to the top
|
|
menu.el.appendChild(_V_.createElement("li", {
|
|
className: "vjs-menu-title",
|
|
innerHTML: _V_.uc(this.kind)
|
|
}));
|
|
|
|
this.items = this.createItems();
|
|
|
|
// Add menu items to the menu
|
|
this.each(this.items, function(item){
|
|
menu.addItem(item);
|
|
});
|
|
|
|
// Add list to element
|
|
this.addComponent(menu);
|
|
|
|
return menu;
|
|
},
|
|
|
|
// Override the default _V_.Button createElement so the button text isn't hidden
|
|
createElement: function(type, attrs) {
|
|
|
|
// Add standard Aria and Tabindex info
|
|
attrs = _V_.merge({
|
|
className: this.buildCSSClass(),
|
|
innerHTML: '<div><span class="vjs-chapter-text">' + this.buttonText + '</span></div>',
|
|
role: "button",
|
|
tabIndex: 0
|
|
}, attrs);
|
|
|
|
return this._super(type, attrs);
|
|
},
|
|
|
|
// Create a menu item for each chapter
|
|
createItems: function() {
|
|
|
|
var items = [];
|
|
|
|
this.each( this.Chapters, function( chapter ) {
|
|
|
|
items.push( new _V_.ChapterMenuItem( this.player, {
|
|
label: chapter[0].Name,
|
|
src: chapter
|
|
}));
|
|
});
|
|
|
|
return items;
|
|
},
|
|
|
|
buildCSSClass: function() {
|
|
|
|
return this.className + " vjs-menu-button " + this._super();
|
|
},
|
|
|
|
// Focus - Add keyboard functionality to element
|
|
onFocus: function() {
|
|
|
|
// Show the menu, and keep showing when the menu items are in focus
|
|
this.menu.lockShowing();
|
|
this.menu.el.style.display = "block";
|
|
|
|
// When tabbing through, the menu should hide when focus goes from the last menu item to the next tabbed element.
|
|
_V_.one(this.menu.el.childNodes[this.menu.el.childNodes.length - 1], "blur", this.proxy(function() {
|
|
|
|
this.menu.unlockShowing();
|
|
}));
|
|
},
|
|
|
|
// Can't turn off list display that we turned on with focus, because list would go away.
|
|
onBlur: function(){},
|
|
|
|
onClick: function() {
|
|
|
|
/*
|
|
When you click the button it adds focus, which will show the menu indefinitely.
|
|
So we'll remove focus when the mouse leaves the button.
|
|
Focus is needed for tab navigation.
|
|
*/
|
|
this.one( 'mouseout', this.proxy(function() {
|
|
|
|
this.menu.unlockShowing();
|
|
this.el.blur();
|
|
}));
|
|
}
|
|
});
|
|
|
|
/*
|
|
Define the base class for the chapter menu items
|
|
*/
|
|
_V_.ChapterMenuItem = _V_.MenuItem.extend({
|
|
|
|
init: function(player, options){
|
|
|
|
// Modify options for parent MenuItem class's init.
|
|
//options.selected = ( options.label === player.options.currentResolution );
|
|
this._super( player, options );
|
|
|
|
this.player.addEvent( 'changeChapter', _V_.proxy( this, this.update ) );
|
|
},
|
|
|
|
onClick: function() {
|
|
|
|
// Set the button text to the newly chosen chapter
|
|
//jQuery( this.player.controlBar.el ).find( '.vjs-chapter-text' ).html( this.options.label );
|
|
|
|
if (this.player.duration() == "Infinity") {
|
|
var currentSrc = this.player.tag.src;
|
|
|
|
if (currentSrc.indexOf("StartTimeTicks") >= 0) {
|
|
var newSrc = currentSrc.replace(new RegExp("StartTimeTicks=[0-9]+","g"),"StartTimeTicks="+this.options.src[0].StartPositionTicks);
|
|
}else {
|
|
var newSrc = currentSrc += "&StartTimeTicks="+this.options.src[0].StartPositionTicks;
|
|
}
|
|
|
|
this.player.src( newSrc ).one( 'loadedmetadata', function() {
|
|
this.play();
|
|
});
|
|
}else {
|
|
//figure out the time from ticks
|
|
var current_time = parseFloat(this.options.src[0].StartPositionTicks)/10000000;
|
|
|
|
this.player.currentTime( current_time );
|
|
}
|
|
},
|
|
|
|
update: function() {
|
|
}
|
|
});
|
|
|
|
/*
|
|
JS for the stop button in video.js player
|
|
*/
|
|
|
|
/*
|
|
Define the base class for the stop button.
|
|
*/
|
|
|
|
_V_.StopButton = _V_.Button.extend({
|
|
|
|
kind: "stop",
|
|
className: "vjs-stop-button",
|
|
|
|
init: function(player, options) {
|
|
|
|
this._super(player, options);
|
|
|
|
},
|
|
|
|
buildCSSClass: function() {
|
|
|
|
return this.className + " vjs-menu-button " + this._super();
|
|
},
|
|
|
|
onClick: function() {
|
|
MediaPlayer.stop();
|
|
}
|
|
});
|
|
|
|
|
|
//convert Ticks to human hr:min:sec format
|
|
function ticks_to_human(str) {
|
|
|
|
var in_seconds = (str / 10000000);
|
|
var hours = Math.floor(in_seconds/3600);
|
|
var minutes = Math.floor((in_seconds-(hours*3600))/60);
|
|
var seconds = '0'+Math.round(in_seconds-(hours*3600)-(minutes*60));
|
|
|
|
var time = '';
|
|
|
|
if (hours > 0) time += hours+":";
|
|
if (minutes < 10 && hours == 0) time += minutes;
|
|
else time += ('0'+minutes).substr(-2);
|
|
time += ":" + seconds.substr(-2);
|
|
|
|
return time;
|
|
};
|
|
|
|
//parse video player src URL
|
|
function parse_src_url(url) {
|
|
var src = url.replace("\?","\&");
|
|
var parts = src.split("/");
|
|
var len = parts.length-1;
|
|
var query = parts[len].split("&");
|
|
var array = new Array();
|
|
|
|
array['Type'] = parts[len-2];
|
|
array['item_id'] = parts[len-1];
|
|
|
|
for (i = 0; i < query.length; i++) {
|
|
if (i == 0) {
|
|
var pairs = query[i].split(".");
|
|
}else {
|
|
var pairs = query[i].split("=");
|
|
}
|
|
|
|
array[pairs[0]] = pairs[1];
|
|
}
|
|
|
|
return array;
|
|
} |