(function (document, clearTimeout, screen, localStorage, _V_, $, setInterval, window) { function mediaPlayer() { var self = this; var testableAudioElement = document.createElement('audio'); var testableVideoElement = document.createElement('video'); var currentMediaElement; var currentProgressInterval; if (typeof(self.playing) == 'undefined') { self.playing = ''; } if (typeof(self.queue) == 'undefined') { self.queue = []; } function endsWith(text, pattern) { text = text.toLowerCase(); pattern = pattern.toLowerCase(); var d = text.length - pattern.length; return d >= 0 && text.lastIndexOf(pattern) === d; } function playAudio(item, params) { var volume = localStorage.getItem("volume") || 0.5; var baseParams = { audioChannels: 2, audioBitrate: 128000 }; $.extend(baseParams, params); var mp3Url = ApiClient.getUrl('Audio/' + item.Id + '/stream.mp3', $.extend({}, baseParams, { audioCodec: 'mp3' })); var aacUrl = ApiClient.getUrl('Audio/' + item.Id + '/stream.aac', $.extend({}, baseParams, { audioCodec: 'aac' })); var webmUrl = ApiClient.getUrl('Audio/' + item.Id + '/stream.webm', $.extend({}, baseParams, { audioCodec: 'Vorbis' })); var mediaStreams = item.MediaStreams || []; for (var i = 0, length = mediaStreams.length; i < length; i++) { var stream = mediaStreams[i]; if (stream.Type == "Audio") { // Stream statically when possible if (endsWith(item.Path, ".aac") && stream.BitRate <= 256000) { aacUrl += "&static=true"; } else if (endsWith(item.Path, ".mp3") && stream.BitRate <= 256000) { mp3Url += "&static=true"; } break; } } /* ffmpeg always says the ogg stream is corrupt after conversion var oggUrl = ApiClient.getUrl('Audio/' + item.Id + '/stream.oga', $.extend({}, baseParams, { audioCodec: 'Vorbis' })); */ var html = ''; html += ''; var nowPlayingBar = $('#nowPlayingBar'); //hide stop button $('#stopButton', nowPlayingBar).hide(); $('#mediaElement', nowPlayingBar).addClass("video").html(html).show(); _V_("videoWindow", { 'controls': true, 'autoplay': true, 'preload': 'auto' }, function () { var mp4VideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.mp4', $.extend({}, baseParams, { videoCodec: 'h264', audioCodec: 'aac', profile: 'high', videoBitrate: 2500000 })); var tsVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.ts', $.extend({}, baseParams, { videoCodec: 'h264', audioCodec: 'aac', profile: 'high', videoBitrate: 2500000 })); var webmVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.webm', $.extend({}, baseParams, { videoCodec: 'vpx', audioCodec: 'Vorbis', videoBitrate: 2500000 })); var hlsVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.m3u8', $.extend({}, baseParams, { videoCodec: 'h264', audioCodec: 'aac' })); var ogvVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.ogv', $.extend({}, baseParams, { videoCodec: 'theora', audioCodec: 'Vorbis' })); // HLS must be at the top for safari // Webm must be ahead of mp4 due to the issue of mp4 playing too fast in chrome (this).src([ { type: "application/x-mpegURL", src: hlsVideoUrl }, { type: "video/webm", src: webmVideoUrl }, { type: "video/mp4", src: mp4VideoUrl }, { type: "video/mp2t; codecs='h264, aac'", src: tsVideoUrl }, { type: "video/ogg", src: ogvVideoUrl }] ).volume(volume); videoJSextension.setup_video($('#videoWindow'), item, defaults); (this).addEvent("loadstart", function () { $(".vjs-remaining-time-display").hide(); $(".vjs-duration-display").hide(); }); (this).addEvent("durationchange", function () { if ((this).duration() != "Infinity") $(".vjs-remaining-time-display").show(); }); (this).addEvent("volumechange", function () { localStorage.setItem("volume", this.volume()); }); (this).addEvent("play", updateProgress); (this).addEvent("ended", function () { MediaPlayer.stop(); }); }); return $('video', nowPlayingBar)[0]; } function updateProgress() { var player = _V_("videoWindow"); var itemString = player.tag.src.match(new RegExp("Videos/[0-9a-z\-]+", "g")); var itemId = itemString[0].replace("Videos/", ""); ApiClient.reportPlaybackStart(Dashboard.getCurrentUserId(), itemId); var intervalTime = ApiClient.isWebSocketOpen() ? 10000 : 30000; currentProgressInterval = setInterval(function () { var player = _V_("videoWindow"); var startTimeTicks = player.tag.src.match(new RegExp("StartTimeTicks=[0-9]+", "g")); var startTime = startTimeTicks[0].replace("StartTimeTicks=", ""); var itemString = player.tag.src.match(new RegExp("Videos/[0-9a-z\-]+", "g")); var itemId = itemString[0].replace("Videos/", ""); var positionTicks = parseInt(startTime) + Math.floor(10000000 * player.currentTime()); ApiClient.reportPlaybackProgress(Dashboard.getCurrentUserId(), itemId, positionTicks); }, intervalTime); } self.canPlay = function (item) { var media; if (item.MediaType === "Video") { media = testableVideoElement; if (media.canPlayType) { return media.canPlayType('video/mp4').replace(/no/, '') || media.canPlayType('video/mp2t').replace(/no/, '') || media.canPlayType('video/webm').replace(/no/, '') || media.canPlayType('application/x-mpegURL').replace(/no/, '') || media.canPlayType('video/ogv').replace(/no/, ''); } return false; } if (item.MediaType === "Audio") { media = testableAudioElement; if (media.canPlayType) { return media.canPlayType('audio/mpeg').replace(/no/, '') || media.canPlayType('audio/webm').replace(/no/, '') || media.canPlayType('audio/aac').replace(/no/, '') || media.canPlayType('audio/ogg').replace(/no/, ''); } return false; } return false; }; self.play = function (items, startPosition) { if (self.isPlaying()) { self.stop(); } var item = items[0]; var mediaElement; if (item.MediaType === "Video") { mediaElement = playVideo(item, startPosition); } else if (item.MediaType === "Audio") { mediaElement = playAudio(item); } if (!mediaElement) { return; } currentMediaElement = mediaElement; var nowPlayingBar = $('#nowPlayingBar').show(); if (items.length > 1) { $('#previousTrackButton', nowPlayingBar)[0].disabled = false; $('#nextTrackButton', nowPlayingBar)[0].disabled = false; } else { $('#previousTrackButton', nowPlayingBar)[0].disabled = true; $('#nextTrackButton', nowPlayingBar)[0].disabled = true; } //display image and title var imageTags = item.ImageTags || {}; var html = ''; var url = ""; if (item.BackdropImageTags && item.BackdropImageTags.length) { url = ApiClient.getImageUrl(item.Id, { type: "Backdrop", height: 36, tag: item.BackdropImageTags[0] }); } else if (imageTags.Thumb) { url = ApiClient.getImageUrl(item.Id, { type: "Thumb", height: 36, tag: item.ImageTags.Thumb }); } else if (imageTags.Primary) { url = ApiClient.getImageUrl(item.Id, { type: "Primary", height: 36, tag: item.ImageTags.Primary }); } else { url = "css/images/items/detail/video.png"; } var name = item.Name; var seriesName = ''; if (item.IndexNumber != null) { name = item.IndexNumber + " - " + name; } if (item.ParentIndexNumber != null) { name = item.ParentIndexNumber + "." + name; } if (item.SeriesName || item.Album || item.ProductionYear) { seriesName = item.SeriesName || item.Album || item.ProductionYear; } html += "
"; if (item.Type == "Movie") html += '