copy dashboard to the output folder and load from the file system, instead of using embedded resources

2013-03-23 00:04:36 -04:00 · 2013-03-23 00:04:36 -04:00 · 4dd9477bcd
commit 4dd9477bcd
parent 799eebc9ed
137 changed files with 1424 additions and 1438 deletions
--- a/dashboard-ui/scripts/MediaPlayer.js
+++ b/dashboard-ui/scripts/MediaPlayer.js
@ -0,0 +1,185 @@
+var MediaPlayer = {
+
+    testableAudioElement: document.createElement('audio'),
+    testableVideoElement: document.createElement('video'),
+
+    canPlay: function (item) {
+
+        if (item.MediaType === "Video") {
+
+            var media = MediaPlayer.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") {
+
+            var media = MediaPlayer.testableAudioElement;
+
+            if (media.canPlayType) {
+                return media.canPlayType('audio/mpeg').replace(/no/, '') || media.canPlayType('audio/aac').replace(/no/, '');
+            }
+
+            return false;
+        }
+
+        return false;
+    },
+
+    play: function (items) {
+
+        if (MediaPlayer.isPlaying()) {
+            MediaPlayer.stop();
+        }
+
+        var item = items[0];
+
+        var mediaElement;
+
+        if (item.MediaType === "Video") {
+
+            mediaElement = MediaPlayer.playVideo(items);
+        }
+
+        else if (item.MediaType === "Audio") {
+
+            mediaElement = MediaPlayer.playAudio(items);
+        }
+
+        if (!mediaElement) {
+            return;
+        }
+
+        MediaPlayer.mediaElement = 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;
+        }
+    },
+
+    playAudio: function (items) {
+        var item = items[0];
+
+        var baseParams = {
+            audioChannels: 2,
+            audioBitrate: 128000
+        };
+
+        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.webma', $.extend({}, baseParams, {
+            audioCodec: 'Vorbis'
+        }));
+
+        var oggUrl = ApiClient.getUrl('Audio/' + item.Id + '/stream.oga', $.extend({}, baseParams, {
+            audioCodec: 'Vorbis'
+        }));
+
+        var html = '';
+        html += '<audio class="itemAudio" preload="none" controls autoplay>';
+        html += '<source type="audio/mpeg" src="' + mp3Url + '" />';
+        html += '<source type="audio/aac" src="' + aacUrl + '" />';
+        html += '<source type="audio/webm" src="' + webmUrl + '" />';
+        html += '<source type="audio/ogg" src="' + oggUrl + '" />';
+        html += '</audio';
+
+        var nowPlayingBar = $('#nowPlayingBar').show();
+
+        $('#mediaElement', nowPlayingBar).html(html);
+
+        return $('audio', nowPlayingBar)[0];
+    },
+
+    playVideo: function (items) {
+
+        var item = items[0];
+
+        // Account for screen rotation. Use the larger dimension as the width.
+        var screenWidth = Math.max(screen.height, screen.width);
+        var screenHeight = Math.min(screen.height, screen.width);
+
+        var baseParams = {
+            audioChannels: 2,
+            audioBitrate: 128000,
+            videoBitrate: 500000,
+            maxWidth: screenWidth,
+            maxHeight: screenHeight
+        };
+
+        var mp4VideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.mp4', $.extend({}, baseParams, {
+            videoCodec: 'h264',
+            audioCodec: 'aac'
+        }));
+
+        var tsVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.ts', $.extend({}, baseParams, {
+            videoCodec: 'h264',
+            audioCodec: 'aac'
+        }));
+
+        var webmVideoUrl = ApiClient.getUrl('Videos/' + item.Id + '/stream.webm', $.extend({}, baseParams, {
+            videoCodec: 'vpx',
+            audioCodec: 'Vorbis'
+        }));
+
+        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'
+        }));
+
+        var html = '';
+        html += '<video class="itemVideo" preload="none" controls autoplay>';
+        html += '<source type="video/webm" src="' + webmVideoUrl + '" />';
+        html += '<source type="video/mp4" src="' + mp4VideoUrl + '" />';
+        html += '<source type=\'video/mp2t; codecs="h264, aac"\' src="' + tsVideoUrl + '" />';
+        html += '<source type="application/x-mpegURL" src="' + hlsVideoUrl + '" />';
+        html += '<source type="video/ogg" src="' + ogvVideoUrl + '" />';
+        
+        html += '</video';
+
+        var nowPlayingBar = $('#nowPlayingBar').show();
+
+        $('#mediaElement', nowPlayingBar).html(html);
+
+        return $('video', nowPlayingBar)[0];
+    },
+
+    stop: function () {
+
+        var elem = MediaPlayer.mediaElement;
+
+        elem.pause();
+        elem.src = "";
+
+        $(elem).remove();
+
+        $('#nowPlayingBar').hide();
+
+        MediaPlayer.mediaElement = null;
+    },
+
+    isPlaying: function () {
+        return MediaPlayer.mediaElement;
+    }
+};