diff options
Diffstat (limited to 'public/script')
| -rwxr-xr-x | public/script/app.js | 26 | ||||
| -rwxr-xr-x | public/script/video_player.js | 236 |
2 files changed, 262 insertions, 0 deletions
diff --git a/public/script/app.js b/public/script/app.js new file mode 100755 index 0000000..302b7d7 --- /dev/null +++ b/public/script/app.js @@ -0,0 +1,26 @@ +$(function(){ + + var globalModule = window; + + var player1 = new globalModule.playerCreate({ + el : $(".video-wrapper"), + domain : "http://local.asdf.us", + playVideoUri : "/video.php?url=", + video_js: vjs("div_video", {}) , + videoList : $('.videoList'), + videoListItemSelector : ".videoItem" + }); + + + + + globalModule.player1 = player1; + + var changeUrl = function(){ + var url = $('#videoLink').val(); + globalModule.player1.setSource(url); + } + + $("#changeUrl").on("click", $.proxy(changeUrl,this)); + +});
\ No newline at end of file diff --git a/public/script/video_player.js b/public/script/video_player.js new file mode 100755 index 0000000..7df8de3 --- /dev/null +++ b/public/script/video_player.js @@ -0,0 +1,236 @@ + $(function(){; + + var globalModule = window; + + var player = function(args){ + + this.init(args); + + } + + player.prototype = { + + init : function(args){ + + this.el = args.el; + this.domain = args.domain; + this.playVideoUri = args.playVideoUri; + this.video_js = args.video_js; + + this.videoList = args.videoList; + this.videoListItemSelector = args.videoListItemSelector; + + this.playFromList = false; + + this.setHandlers(); + }, + + setHandlers : function(){ + + $(this.el).find(".playToggle").on("click" , $.proxy(this.handlers.play,this) ); + $(this.el).find(".prevTrack").on("click" , $.proxy(this.handlers.prevTrack,this) ); + $(this.el).find(".nextTrack").on("click" , $.proxy(this.handlers.nextTrack,this) ); + $(this.el).find(".forwardTime").on("click" , $.proxy(this.handlers.forwardTime,this) ); + $(this.el).find(".scan").on("click" , $.proxy(this.handlers.scan,this) ); + $(this.el).find(".like").on("click" , $.proxy(this.handlers.like,this) ); + $(this.el).find(".reverseTime").on("click" , $.proxy(this.handlers.reverseTime,this) ); + $(this.el).find(".fullScreen").on("click" , $.proxy(this.handlers.fullScreen,this) ); + $(this.el).find(".link").on("click" , $.proxy(this.handlers.link,this) ); + + if( this.videoList ){ + + this.playFromList = true; + this.playList(); + } + + } , + + playList: function(){ + + var items = $( this.videoList).find(this.videoListItemSelector); + var active = items.first(); + + if(items.find(".active").length > 0){ + active = items.find(".active").first(); + } + + active.addClass("active"); // need more 'actives' + + var url = $(active).attr("attr-link"); + + this.setSource(url); + + }, + + handlers : { + + + play : function(){ + + var $vid_obj = this.video_js ; + var playEl = $(this.el).find(".playToggle"); + + if ( $vid_obj.techGet('paused') === false ) { + var play = '<div class="arrow-play"></div>'; + $(playEl).empty(); + $(playEl).html(play); + $vid_obj.pause(); + } else { + var pause = '<div class="arrow-pause"></div><div class="arrow-pause"></div>'; + $(playEl).empty(); + $(playEl).html(pause); + $vid_obj.play(); + } + + }, + + prevTrack: function () { + + if(this.playFromList){ + + var items = $( this.videoList).find(this.videoListItemSelector); + var active = $( this.videoList).find(this.videoListItemSelector + ".active").first(); + + var prev = $(active.prev()); + + if(prev.length == 0){ + prev = items.last(); + } + + active.removeClass("active"); + prev.addClass("active"); + + var url = prev.attr("attr-link"); + + this.setSource(url); + + }else{ + + } + }, + + forwardTime: function() { + var $vid_obj = this.video_js; + $vid_obj.currentTime( $vid_obj.cache_.currentTime + 3 ); + }, + + nextTrack: function () { + + if(this.playFromList){ + + var items = $( this.videoList).find(this.videoListItemSelector); + var active = $( this.videoList).find(this.videoListItemSelector + ".active").first(); + + var next = $(active.next()); + + if(next.length == 0){ + next = items.first(); + } + + active.removeClass("active"); + next.addClass("active"); + + var url = next.attr("attr-link"); + + this.setSource(url); + + }else{ + + } + + }, + + scan: function() { + console.log('scan'); + }, + like: function () { + console.log('like'); + }, + reverseTime: function (){ + + var $vid_obj = this.video_js; + + if ( $vid_obj.cache_.currentTime > 4 ) { + $vid_obj.currentTime( $vid_obj.cache_.currentTime - 3 ); + } + + }, + + fullScreen: function () { + + var $vid_obj = this.video_js; + + if ( !$vid_obj.isFullScreen ) { + $vid_obj.requestFullScreen(); + } else { + $vid_obj.cancelFullScreen(); + } + }, + link: function(){ + var $vid_obj = this.video_js; + + var url = $vid_obj.cache_.src.replace(base,''); + window.open(url); + } + + + + + }, + + setSource : function(src) { + + var $vid_obj = this.video_js; + var base = this.domain + this.playVideoUri; + + var options = $vid_obj.options(); + var $target = base+src; + + var filename = src.replace(/([\.\=\?\/\:])/g, "_"); + console.log("filename is: "+filename); + + var controlBar = $("#" + options.id + " .vjs-control-bar"); + var bigPlayButton = $("#" + options.id + " .vjs-big-play-button"); + + bigPlayButton.hide(); + + $vid_obj.pause(); + + // assign the target video to the source node + $vid_obj.src({src: $target, type: 'video/flv'}); + + // load the new source + $vid_obj.load(); + + controlBar.addClass('vjs-control-hide'); + + $vid_obj.posterImage.show(); + $vid_obj.on("loadedmetadata", function () { + bigPlayButton.show(); + //controlBar.removeClass('vjs-control-hide'); + }); + } + + } + + + globalModule.playerCreate = player; + +}); + + + + + + + + + + + + + + + + + |