From 00b36e245c16650dc941cbb0eeb26e07f1b3fcc3 Mon Sep 17 00:00:00 2001
From: Kasper Moskwiak <kasper.moskwiak@gmail.com>
Date: Sat, 19 Dec 2015 22:55:28 +0100
Subject: [PATCH] first tests

---
 examples/youtube.html              | 13 +++++---
 lib/videojs-resolution-switcher.js | 50 ++++++++++++++++++++++++------
 2 files changed, 49 insertions(+), 14 deletions(-)

diff --git a/examples/youtube.html b/examples/youtube.html
index 0f6c7d9..1bf0235 100644
--- a/examples/youtube.html
+++ b/examples/youtube.html
@@ -40,17 +40,22 @@
   <script src="../lib/videojs-resolution-switcher.js"></script>
   <script>
 
+    var sourcePicker = function(){
+      console.log('asdasd')
+    }
+
     // fire up the plugin
     videojs('video', {
       controls: true,
       muted: true,
       techOrder:  ["youtube"],
       width: 500,
-      sources: [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}],
+      sources: [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=iD_MyDbP_ZE"}],
       plugins: {
         videoJsResolutionSwitcher: {
-          default: 'low', // Default resolution [{Number}, 'low', 'high'],
-          dynamicLabel: true // Display dynamic labels or gear symbol
+          default: 'low',
+          dynamicLabel: true,
+          customSourcePicker: sourcePicker
         }
       }
     }, function(){
@@ -58,7 +63,7 @@
       window.player = player;
 
       player.on('resolutionchange', function(){
-        console.info('Source changed to %s', player.src())
+        console.info('Source changed')
       })
 
     });
diff --git a/lib/videojs-resolution-switcher.js b/lib/videojs-resolution-switcher.js
index 0615ab1..86dfbe1 100644
--- a/lib/videojs-resolution-switcher.js
+++ b/lib/videojs-resolution-switcher.js
@@ -71,8 +71,8 @@
       if(!isPaused){
         this.player_.bigPlayButton.hide();
       }
-      if(typeof customSourcePicker !== 'function' &&
-        typeof this.options_.customSourcePicker === 'function'){
+
+      if(typeof customSourcePicker !== 'function' && typeof this.options_.customSourcePicker === 'function'){
         customSourcePicker = this.options_.customSourcePicker;
       }
       // Change player source and wait for loadeddata event, then play video
@@ -80,7 +80,7 @@
       // Probably because of https://github.com/videojs/video-js-swf/issues/124
       // If player preload is 'none' and then loadeddata not fired. So, we need timeupdate event for seek handle (timeupdate doesn't work properly with flash)
       var handleSeekEvent = 'loadeddata';
-      if(this.player_.preload() == 'none' && this.player_.techName_ != 'Flash') {
+      if(this.player_.techName_ != 'Youtube' && this.player_.preload() == 'none' && this.player_.techName_ != 'Flash') {
         handleSeekEvent = 'timeupdate';
       }
       setSourcesSanitized(this.player_, this.src, this.options_.label, customSourcePicker).one(handleSeekEvent, function() {
@@ -277,21 +277,51 @@
         });
       }else{
         player.ready(function(){
-          console.log(player.techName_);
           if(player.techName_ === 'Youtube'){
-            console.log('yt');
+            player.tech_.ytPlayer.setPlaybackQuality('default');
+            
+            player.tech_.ytPlayer.addEventListener('onPlaybackQualityChange', function(){
+              player.trigger('resolutionchange');
+            })
+            
             var q = player.tech_.ytPlayer.getAvailableQualityLevels();
-            console.log(q);
             player.one('play', function(){
-              console.log('asd');
+
+              var _yts = {
+                "highres": {res: 1080, label: '1080', yt: 'highres'},
+                "hd1080": {res: 1080, label: '1080', yt: 'hd1080'}, 
+                "hd720": {res: 720, label: '720', yt: 'hd720'}, 
+                "large": {res: 480, label: '480', yt: 'large'},
+                "medium": {res: 360, label: '360', yt: 'medium'}, 
+                "small": {res: 240, label: '240', yt: 'small'},
+                "tiny": {res: 144, label: '144', yt: 'tiny'},
+                "auto": {res: 0, label: 'auto', yt: 'default'}
+              }
+              
+              var _customSourcePicker = function(_player, _sources, _label){
+                player.tech_.ytPlayer.setPlaybackQuality(_sources[0]._yt);
+                return player;
+              }
+              
               q = player.tech_.ytPlayer.getAvailableQualityLevels();
+              console.log(q);
+              var _sources = [];
               
+              for(var i = 0; i<q.length; i++){
+                _sources.push({
+                  src: player.src().src,
+                  type: player.src().type,
+                  label: _yts[q[i]].label,
+                  res: _yts[q[i]].res,
+                  _yt: _yts[q[i]].yt
+                })
+              }
               
-              
-              var menuButton = new ResolutionMenuButton(player, { sources: groupedSrc, initialySelectedLabel: choosen.label , initialySelectedRes: choosen.res }, settings, label);
+              groupedSrc = bucketSources(_sources);
+              var choosen = {label: 'auto', res: 0, sources: groupedSrc.label['auto']};
+              var menuButton = new ResolutionMenuButton(player, { sources: groupedSrc, initialySelectedLabel: choosen.label , initialySelectedRes: choosen.res,  customSourcePicker: _customSourcePicker}, settings, label);
               menuButton.el().classList.add('vjs-resolution-button');
               player.controlBar.resolutionSwitcher = player.controlBar.addChild(menuButton);
-              console.log(q);
             })
           }
         })